From eb7767ccd22f18d9adfe1a1a755a4784b92457f1 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Wed, 4 Nov 2020 12:34:30 +0100
Subject: [PATCH] Release 1.0.0-alpha.9

---
 demo/all.html                                |   97 +-
 demo/blank.html                              |   50 +-
 demo/buttons.html                            |  169 +-
 demo/calendar.html                           |  153 +-
 demo/cards-masonry.html                      |   82 +-
 demo/cards.html                              | 1007 ++-
 demo/carousel.html                           |   50 +-
 demo/changelog.html                          |   50 +-
 demo/charts-heatmap.html                     |   50 +-
 demo/charts.html                             |   54 +-
 demo/crypto-currencies.html                  |   50 +-
 demo/dist/css/demo.css                       |   25 +-
 demo/dist/css/demo.min.css                   |    6 +-
 demo/dist/css/libs.css                       |    8 -
 demo/dist/css/libs.min.css                   |    8 -
 demo/dist/css/tabler-buttons.css             | 1652 ----
 demo/dist/css/tabler-buttons.min.css         |    9 -
 demo/dist/css/tabler-flags.css               |   24 +-
 demo/dist/css/tabler-flags.min.css           |    6 +-
 demo/dist/css/tabler-payments.css            |   24 +-
 demo/dist/css/tabler-payments.min.css        |    6 +-
 demo/dist/css/tabler.css                     | 4951 ++++++-----
 demo/dist/css/tabler.min.css                 |    6 +-
 demo/dist/js/tabler.js                       | 8049 +++++++-----------
 demo/dist/js/tabler.min.js                   |    6 +-
 demo/dist/libs/autosize/dist/autosize.min.js |    6 -
 demo/dist/libs/imask/dist/imask.min.js       |    2 -
 demo/docs/alerts.html                        |   60 +-
 demo/docs/autosize.html                      |   71 +-
 demo/docs/avatars.html                       |   80 +-
 demo/docs/badges.html                        |  185 +-
 demo/docs/breadcrumb.html                    |   56 +-
 demo/docs/buttons.html                       |  332 +-
 demo/docs/cards.html                         |   56 +-
 demo/docs/carousel.html                      |   56 +-
 demo/docs/charts.html                        |   56 +-
 demo/docs/colors.html                        |  170 +-
 demo/docs/countup.html                       |   56 +-
 demo/docs/cursors.html                       |   56 +-
 demo/docs/divider.html                       |   56 +-
 demo/docs/dropdowns.html                     |   56 +-
 demo/docs/empty.html                         |   64 +-
 demo/docs/flags.html                         |   61 +-
 demo/docs/form-elements.html                 |  108 +-
 demo/docs/form-helpers.html                  |   56 +-
 demo/docs/index.html                         |   56 +-
 demo/docs/input-mask.html                    |   70 +-
 demo/docs/modals.html                        |   76 +-
 demo/docs/payments.html                      |   56 +-
 demo/docs/progress.html                      |   56 +-
 demo/docs/range-slider.html                  |   56 +-
 demo/docs/ribbons.html                       |   56 +-
 demo/docs/spinners.html                      |   64 +-
 demo/docs/steps.html                         |   56 +-
 demo/docs/tables.html                        |  132 +-
 demo/docs/tabs.html                          |   56 +-
 demo/docs/timelines.html                     |   64 +-
 demo/docs/toasts.html                        |  104 +-
 demo/docs/tooltips.html                      |   76 +-
 demo/docs/typography.html                    |   56 +-
 demo/dropdowns.html                          |   66 +-
 demo/empty.html                              |   50 +-
 demo/error-404.html                          |    6 +-
 demo/error-500.html                          |    6 +-
 demo/error-maintenance.html                  |    6 +-
 demo/flags.html                              | 1836 ----
 demo/forgot-password.html                    |    4 +-
 demo/form-elements.html                      |  229 +-
 demo/gallery.html                            |  493 +-
 demo/icons.html                              | 1980 ++---
 demo/index.html                              |  574 +-
 demo/invoice.html                            |   48 +-
 demo/layout-combo.html                       |  689 +-
 demo/layout-condensed-dark.html              |  670 +-
 demo/layout-condensed.html                   |  670 +-
 demo/layout-dark.html                        |  670 +-
 demo/layout-fluid-vertical.html              |  670 +-
 demo/layout-fluid.html                       |  670 +-
 demo/layout-horizontal.html                  |  670 +-
 demo/layout-navbar-dark.html                 |  670 +-
 demo/layout-navbar-overlap.html              |  670 +-
 demo/layout-rtl.html                         | 2216 +++++
 demo/layout-vertical-right.html              |  694 +-
 demo/layout-vertical.html                    |  694 +-
 demo/lists.html                              |   70 +-
 demo/maps-vector.html                        |   50 +-
 demo/maps.html                               |   50 +-
 demo/markdown.html                           |   54 +-
 demo/modals.html                             |   92 +-
 demo/music.html                              |   74 +-
 demo/navigation.html                         |  193 +-
 demo/pagination.html                         |   50 +-
 demo/pricing.html                            |   50 +-
 demo/search-results.html                     |  460 +-
 demo/settings-index.html                     |  785 ++
 demo/sign-in.html                            |    4 +-
 demo/sign-up.html                            |    4 +-
 demo/sitemap.xml                             |  294 -
 demo/snippets.html                           |  338 +-
 demo/social.html                             |   58 +-
 demo/tables.html                             | 1672 ++--
 demo/tabs.html                               |  448 +-
 demo/typography.html                         |   50 +-
 demo/users.html                              |  193 +-
 demo/wizard.html                             |    4 +-
 dist/css/demo.css                            |   25 +-
 dist/css/demo.min.css                        |    6 +-
 dist/css/libs.css                            |    8 -
 dist/css/libs.min.css                        |    8 -
 dist/css/tabler-buttons.css                  | 1652 ----
 dist/css/tabler-buttons.min.css              |    9 -
 dist/css/tabler-flags.css                    |   24 +-
 dist/css/tabler-flags.min.css                |    6 +-
 dist/css/tabler-payments.css                 |   24 +-
 dist/css/tabler-payments.min.css             |    6 +-
 dist/css/tabler.css                          | 4951 ++++++-----
 dist/css/tabler.min.css                      |    6 +-
 dist/js/tabler.js                            | 8049 +++++++-----------
 dist/js/tabler.min.js                        |    6 +-
 dist/libs/autosize/dist/autosize.min.js      |    6 -
 dist/libs/imask/dist/imask.min.js            |    2 -
 package.json                                 |    2 +-
 122 files changed, 27715 insertions(+), 26288 deletions(-)
 delete mode 100644 demo/dist/css/libs.css
 delete mode 100644 demo/dist/css/libs.min.css
 delete mode 100644 demo/dist/css/tabler-buttons.css
 delete mode 100644 demo/dist/css/tabler-buttons.min.css
 delete mode 100644 demo/dist/libs/autosize/dist/autosize.min.js
 delete mode 100644 demo/dist/libs/imask/dist/imask.min.js
 delete mode 100644 demo/flags.html
 create mode 100644 demo/layout-rtl.html
 create mode 100644 demo/settings-index.html
 delete mode 100644 demo/sitemap.xml
 delete mode 100644 dist/css/libs.css
 delete mode 100644 dist/css/libs.min.css
 delete mode 100644 dist/css/tabler-buttons.css
 delete mode 100644 dist/css/tabler-buttons.min.css
 delete mode 100644 dist/libs/autosize/dist/autosize.min.js
 delete mode 100644 dist/libs/imask/dist/imask.min.js

diff --git a/demo/all.html b/demo/all.html
index 60eac8385..e9b65cd0d 100644
--- a/demo/all.html
+++ b/demo/all.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,7 +547,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Index
                 </h2>
@@ -569,18 +576,16 @@
                     </li>
                     <li>
                       <a href="/tables.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         tables.html
                       </a>
                     </li>
                     <li>
-                      <a href="/sitemap.xml">
-                        sitemap.xml
+                      <a href="/settings-index.html">
+                        settings-index.html
                       </a>
                     </li>
                     <li>
                       <a href="/search-results.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         search-results.html
                       </a>
                     </li>
@@ -636,13 +641,11 @@
                     </li>
                     <li>
                       <a href="/blank.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Blank page
                       </a>
                     </li>
                     <li>
                       <a href="/buttons.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Buttons
                       </a>
                     </li>
@@ -653,64 +656,49 @@
                     </li>
                     <li>
                       <a href="/cards.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Cards
                       </a>
                     </li>
                     <li>
                       <a href="/cards-masonry.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Cards Masonry
                       </a>
                     </li>
                     <li>
                       <a href="/carousel.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Carousel
                       </a>
                     </li>
                     <li>
                       <a href="/changelog.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Changelog
                       </a>
                     </li>
                     <li>
                       <a href="/charts.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Charts
                       </a>
                     </li>
                     <li>
                       <a href="/crypto-currencies.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Crypto currencies
                       </a>
                     </li>
                     <li>
                       <a href="/docs.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Documentation
                       </a>
                     </li>
                     <li>
                       <a href="/dropdowns.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Dropdowns
                       </a>
                     </li>
                     <li>
                       <a href="/empty.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Empty page
                       </a>
                     </li>
-                    <li>
-                      <a href="/flags.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
-                        Flags
-                      </a>
-                    </li>
                     <li>
                       <a href="/forgot-password.html">
                         Forgot password
@@ -723,19 +711,16 @@
                     </li>
                     <li>
                       <a href="/gallery.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Gallery
                       </a>
                     </li>
                     <li>
                       <a href="/charts-heatmap.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Heatmap Charts
                       </a>
                     </li>
                     <li>
                       <a href="/icons.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Icons
                       </a>
                     </li>
@@ -746,19 +731,16 @@
                     </li>
                     <li>
                       <a href="/invoice.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Invoice
                       </a>
                     </li>
                     <li>
                       <a href="/lists.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Lists
                       </a>
                     </li>
                     <li>
                       <a href="/error-maintenance.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Maintenance mode
                       </a>
                     </li>
@@ -769,13 +751,11 @@
                     </li>
                     <li>
                       <a href="/markdown.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Markdown
                       </a>
                     </li>
                     <li>
                       <a href="/modals.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Modals
                       </a>
                     </li>
@@ -786,34 +766,34 @@
                     </li>
                     <li>
                       <a href="/navigation.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Navigation
                       </a>
                     </li>
                     <li>
                       <a href="/error-404.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Page 404
                       </a>
                     </li>
                     <li>
                       <a href="/error-500.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Page 500
                       </a>
                     </li>
                     <li>
                       <a href="/pagination.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Pagination
                       </a>
                     </li>
                     <li>
                       <a href="/pricing.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Pricing cards
                       </a>
                     </li>
+                    <li>
+                      <a href="/layout-rtl.html">
+                        RTL mode
+                      </a>
+                    </li>
                     <li>
                       <a href="/sign-in.html">
                         Sign in
@@ -831,37 +811,31 @@
                     </li>
                     <li>
                       <a href="/social.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Social elements
                       </a>
                     </li>
                     <li>
                       <a href="/tabs.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Tabs
                       </a>
                     </li>
                     <li>
                       <a href="/typography.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Typography
                       </a>
                     </li>
                     <li>
                       <a href="/users.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Users list
                       </a>
                     </li>
                     <li>
                       <a href="/maps-vector.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Vector Maps
                       </a>
                     </li>
                     <li>
                       <a href="/wizard.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-success" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                         Wizard
                       </a>
                     </li>
@@ -882,9 +856,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/blank.html b/demo/blank.html
index c622713d1..3dc018123 100644
--- a/demo/blank.html
+++ b/demo/blank.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
             <div class="empty-icon">
               <img src="./static/illustrations/undraw_printing_invoices_5r4r.svg" height="128" class="mb-4"  alt="">
             </div>
-            <p class="empty-title h3">No results found</p>
+            <p class="empty-title">No results found</p>
             <p class="empty-subtitle text-muted">
               Try adjusting your search or filter to find what you're looking for.
             </p>
@@ -564,9 +571,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/buttons.html b/demo/buttons.html
index c69299f0d..a7a99bc4b 100644
--- a/demo/buttons.html
+++ b/demo/buttons.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,7 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -541,21 +547,21 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Buttons
                 </h2>
               </div>
             </div>
           </div>
-          <div class="row">
+          <div class="row row-cards">
             <div class="col-12">
               <div class="card">
                 <div class="card-header">
                   <h3 class="card-title">Standard Buttons</h3>
                 </div>
                 <div class="card-body">
-                  <div class="row row-sm align-items-center mb-n3">
+                  <div class="row g-2 align-items-center mb-n3">
                     <div class="col-12 col-xl-2 mb-3 font-weight-semibold">Normal</div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl mb-3">
                       <a href="#" class="btn btn-primary btn-block">
@@ -597,13 +603,8 @@
                         Dark
                       </a>
                     </div>
-                    <div class="col-6 col-sm-4 col-md-2 col-xl mb-3">
-                      <a href="#" class="btn btn-link btn-block">
-                        Link
-                      </a>
-                    </div>
                   </div>
-                  <div class="row row-sm align-items-center mb-n3 mt-3">
+                  <div class="row g-2 align-items-center mb-n3 mt-3">
                     <div class="col-12 col-xl-2 mb-3 font-weight-semibold">Active state</div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl mb-3">
                       <a href="#" class="btn btn-primary active btn-block">
@@ -645,13 +646,8 @@
                         Dark
                       </a>
                     </div>
-                    <div class="col-6 col-sm-4 col-md-2 col-xl mb-3">
-                      <a href="#" class="btn btn-link active btn-block">
-                        Link
-                      </a>
-                    </div>
                   </div>
-                  <div class="row row-sm align-items-center mb-n3 mt-3">
+                  <div class="row g-2 align-items-center mb-n3 mt-3">
                     <div class="col-12 col-xl-2 mb-3 font-weight-semibold">Disabled</div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl mb-3">
                       <a href="#" class="btn btn-primary disabled btn-block">
@@ -693,14 +689,11 @@
                         Dark
                       </a>
                     </div>
-                    <div class="col-6 col-sm-4 col-md-2 col-xl mb-3">
-                      <a href="#" class="btn btn-link disabled btn-block">
-                        Link
-                      </a>
-                    </div>
                   </div>
                 </div>
               </div>
+            </div>
+            <div class="col-12">
               <div class="card">
                 <div class="card-header">
                   <h3 class="card-title">Outline Buttons</h3>
@@ -708,7 +701,7 @@
                 <div class="card-body">
                   <p>Use <code>.btn-outline-*</code> class for outline buttons.
                   </p>
-                  <div class="row row-sm align-items-center mb-n3">
+                  <div class="row g-2 align-items-center mb-n3">
                     <div class="col-12 col-xl-2 mb-3 font-weight-semibold">Normal</div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl mb-3">
                       <a href="#" class="btn btn-outline-primary btn-block">
@@ -751,7 +744,7 @@
                       </a>
                     </div>
                   </div>
-                  <div class="row row-sm align-items-center mb-n3 mt-3">
+                  <div class="row g-2 align-items-center mb-n3 mt-3">
                     <div class="col-12 col-xl-2 mb-3 font-weight-semibold">Active state</div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl mb-3">
                       <a href="#" class="btn btn-outline-primary active btn-block">
@@ -794,7 +787,7 @@
                       </a>
                     </div>
                   </div>
-                  <div class="row row-sm align-items-center mb-n3 mt-3">
+                  <div class="row g-2 align-items-center mb-n3 mt-3">
                     <div class="col-12 col-xl-2 mb-3 font-weight-semibold">Disabled</div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl mb-3">
                       <a href="#" class="btn btn-outline-primary disabled btn-block">
@@ -839,6 +832,8 @@
                   </div>
                 </div>
               </div>
+            </div>
+            <div class="col-12">
               <div class="card">
                 <div class="card-header">
                   <h3 class="card-title">Ghost Buttons</h3>
@@ -846,7 +841,7 @@
                 <div class="card-body">
                   <p>Use <code>.btn-ghost-*</code> class for ghost buttons.
                   </p>
-                  <div class="row row-sm align-items-center mb-n3">
+                  <div class="row g-2 align-items-center mb-n3">
                     <div class="col-12 col-xl-2 mb-3 font-weight-semibold">Normal</div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl mb-3">
                       <a href="#" class="btn btn-ghost-primary btn-block">
@@ -889,7 +884,7 @@
                       </a>
                     </div>
                   </div>
-                  <div class="row row-sm align-items-center mb-n3 mt-3">
+                  <div class="row g-2 align-items-center mb-n3 mt-3">
                     <div class="col-12 col-xl-2 mb-3 font-weight-semibold">Active state</div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl mb-3">
                       <a href="#" class="btn btn-ghost-primary active btn-block">
@@ -932,7 +927,7 @@
                       </a>
                     </div>
                   </div>
-                  <div class="row row-sm align-items-center mb-n3 mt-3">
+                  <div class="row g-2 align-items-center mb-n3 mt-3">
                     <div class="col-12 col-xl-2 mb-3 font-weight-semibold">Disabled</div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl mb-3">
                       <a href="#" class="btn btn-ghost-primary disabled btn-block">
@@ -977,6 +972,8 @@
                   </div>
                 </div>
               </div>
+            </div>
+            <div class="col-12">
               <div class="card">
                 <div class="card-header">
                   <h3 class="card-title">Square Buttons</h3>
@@ -984,7 +981,7 @@
                 <div class="card-body">
                   <p>Use <code>.btn-square</code> class for square buttons.
                   </p>
-                  <div class="row row-sm align-items-center mb-n3">
+                  <div class="row g-2 align-items-center mb-n3">
                     <div class="col-12 col-xl-2 mb-3 font-weight-semibold">Normal</div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl mb-3">
                       <a href="#" class="btn btn-primary btn-square btn-block">
@@ -1029,6 +1026,8 @@
                   </div>
                 </div>
               </div>
+            </div>
+            <div class="col-12">
               <div class="card">
                 <div class="card-header">
                   <h3 class="card-title">Pill Buttons</h3>
@@ -1036,7 +1035,7 @@
                 <div class="card-body">
                   <p>Use <code>.btn-pill</code> class for pill buttons.
                   </p>
-                  <div class="row row-sm align-items-center mb-n3">
+                  <div class="row g-2 align-items-center mb-n3">
                     <div class="col-12 col-xl-2 mb-3 font-weight-semibold">Normal</div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl mb-3">
                       <a href="#" class="btn btn-primary btn-pill btn-block">
@@ -1081,12 +1080,14 @@
                   </div>
                 </div>
               </div>
+            </div>
+            <div class="col-12">
               <div class="card">
                 <div class="card-header">
                   <h3 class="card-title">Extra colors</h3>
                 </div>
                 <div class="card-body">
-                  <div class="row row-sm align-items-center mb-n3">
+                  <div class="row g-2 align-items-center mb-n3">
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-blue btn-block">
                         Blue
@@ -1147,180 +1148,177 @@
                         Cyan
                       </a>
                     </div>
-                    <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
-                      <a href="#" class="btn btn-gray btn-block">
-                        Gray
-                      </a>
-                    </div>
                   </div>
                 </div>
               </div>
+            </div>
+            <div class="col-12">
               <div class="card">
                 <div class="card-header">
                   <h3 class="card-title">Icon buttons</h3>
                 </div>
                 <div class="card-body">
-                  <div class="row row-sm align-items-center mb-n3">
+                  <div class="row g-2 align-items-center mb-n3">
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-facebook btn-block btn-icon" aria-label="Facebook">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-twitter btn-block btn-icon" aria-label="Twitter">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M23.954 4.569a10 10 0 0 1-2.825.775 4.958 4.958 0 0 0 2.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.691 8.094 4.066 6.13 1.64 3.161a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.061a4.923 4.923 0 0 0 3.946 4.827 4.996 4.996 0 0 1-2.212.085 4.937 4.937 0 0 0 4.604 3.417 9.868 9.868 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63a9.936 9.936 0 0 0 2.46-2.548l-.047-.02z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-google btn-block btn-icon" aria-label="Google">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.788 5.108a9 9 0 1 0 3.212 6.892h-8" /></svg>
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-youtube btn-block btn-icon" aria-label="Youtube">
-                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" fill="currentColor"><path d="M23.495 6.205a3.007 3.007 0 0 0-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 0 0 .527 6.205a31.247 31.247 0 0 0-.522 5.805 31.247 31.247 0 0 0 .522 5.783 3.007 3.007 0 0 0 2.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 0 0 2.088-2.088 31.247 31.247 0 0 0 .5-5.783 31.247 31.247 0 0 0-.5-5.805zM9.609 15.601V8.408l6.264 3.602z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="4" /><path d="M10 9l5 3l-5 3z" /></svg>
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-vimeo btn-block btn-icon" aria-label="Vimeo">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M23.977 6.416c-.105 2.338-1.739 5.543-4.894 9.609-3.268 4.247-6.026 6.37-8.29 6.37-1.409 0-2.578-1.294-3.553-3.881L5.322 11.4C4.603 8.816 3.834 7.522 3.01 7.522c-.179 0-.806.378-1.881 1.132L0 7.197a315.065 315.065 0 0 0 3.501-3.128C5.08 2.701 6.266 1.984 7.055 1.91c1.867-.18 3.016 1.1 3.447 3.838.465 2.953.789 4.789.971 5.507.539 2.45 1.131 3.674 1.776 3.674.502 0 1.256-.796 2.265-2.385 1.004-1.589 1.54-2.797 1.612-3.628.144-1.371-.395-2.061-1.614-2.061-.574 0-1.167.121-1.777.391 1.186-3.868 3.434-5.757 6.762-5.637 2.473.06 3.628 1.664 3.493 4.797l-.013.01z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 8.5l1 1s1.5 -1.102 2 -.5c.509 .609 1.863 7.65 2.5 9c.556 1.184 1.978 2.89 4 1.5c2 -1.5 7.5 -5.5 8.5 -11.5c.444 -2.661 -1 -4 -2.5 -4c-2 0 -4.047 1.202 -4.5 4c2.05 -1.254 2.551 1.003 1.5 3c-1.052 2.005 -2 3 -2.5 3c-.49 0 -.924 -1.165 -1.5 -3.5c-.59 -2.42 -.5 -6.5 -3 -6.5s-5.5 4.5 -5.5 4.5z" /></svg>
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-dribbble btn-block btn-icon" aria-label="Dribbble">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992 7.308a10.28 10.28 0 0 0 4.395-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4a10.161 10.161 0 0 0 6.29 2.166c1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248a65.473 65.473 0 0 0-3.8-5.928 10.275 10.275 0 0 0-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6 3.645-1.365 5.19-3.44 5.373-3.702A10.19 10.19 0 0 0 12 1.764c-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68 1.486.08.18.15.36.22.53 3.41-.43 6.8.26 7.14.33-.02-2.42-.88-4.64-2.31-6.38z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9 3.6c5 6 7 10.5 7.5 16.2" /><path d="M6.4 19c3.5 -3.5 6 -6.5 14.5 -6.4" /><path d="M3.1 10.75c5 0 9.814 -.38 15.314 -5" /></svg>
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-github btn-block btn-icon" aria-label="Github">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-instagram btn-block btn-icon" aria-label="Instagram">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913a5.885 5.885 0 0 0 1.384 2.126A5.868 5.868 0 0 0 4.14 23.37c.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558a5.898 5.898 0 0 0 2.126-1.384 5.86 5.86 0 0 0 1.384-2.126c.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913a5.89 5.89 0 0 0-1.384-2.126A5.847 5.847 0 0 0 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227a3.81 3.81 0 0 1-.899 1.382 3.744 3.744 0 0 1-1.38.896c-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421a3.716 3.716 0 0 1-1.379-.899 3.644 3.644 0 0 1-.9-1.38c-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 1 0 0-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405a1.441 1.441 0 0 1-2.88 0 1.44 1.44 0 0 1 2.88 0z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="4" /><circle cx="12" cy="12" r="3" /><line x1="16.5" y1="7.5" x2="16.5" y2="7.501" /></svg>
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-pinterest btn-block btn-icon" aria-label="Pinterest">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="20" x2="12" y2="11" /><path d="M10.7 14c.437 1.263 1.43 2 2.55 2c2.071 0 3.75 -1.554 3.75 -4a5 5 0 1 0 -9.7 1.7" /><circle cx="12" cy="12" r="9" /></svg>
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-vk btn-block btn-icon" aria-label="VK">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M11.701 18.771h1.437s.433-.047.654-.284c.21-.221.21-.63.21-.63s-.031-1.927.869-2.21c.887-.281 2.012 1.86 3.211 2.683.916.629 1.605.494 1.605.494l3.211-.044s1.682-.105.887-1.426c-.061-.105-.451-.975-2.371-2.76-2.012-1.861-1.742-1.561.676-4.787 1.469-1.965 2.07-3.166 1.875-3.676-.166-.48-1.26-.361-1.26-.361l-3.602.031s-.27-.031-.465.09c-.195.119-.314.391-.314.391s-.572 1.529-1.336 2.82c-1.623 2.729-2.268 2.879-2.523 2.699-.604-.391-.449-1.58-.449-2.432 0-2.641.404-3.75-.781-4.035-.39-.091-.681-.15-1.685-.166-1.29-.014-2.378.01-2.995.311-.405.203-.72.652-.539.675.24.03.779.146 1.064.537.375.506.359 1.636.359 1.636s.211 3.116-.494 3.503c-.495.262-1.155-.28-2.595-2.756-.735-1.26-1.291-2.67-1.291-2.67s-.105-.256-.299-.406c-.227-.165-.557-.225-.557-.225l-3.435.03s-.51.016-.689.24c-.166.195-.016.615-.016.615s2.686 6.287 5.732 9.453c2.79 2.902 5.956 2.715 5.956 2.715l-.05-.055z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 6h2v12c-4.5 -1 -8 -6.5 -9 -12" /><path d="M20 6c-1 2 -3 5 -5 6h-3" /><path d="M20 18c-1 -2 -3 -5 -5 -6" /></svg>
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-rss btn-block btn-icon" aria-label="RSS">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M19.199 24C19.199 13.467 10.533 4.8 0 4.8V0c13.165 0 24 10.835 24 24h-4.801zM3.291 17.415a3.3 3.3 0 0 1 3.293 3.295A3.303 3.303 0 0 1 3.283 24C1.47 24 0 22.526 0 20.71s1.475-3.294 3.291-3.295zM15.909 24h-4.665c0-6.169-5.075-11.245-11.244-11.245V8.09c8.727 0 15.909 7.184 15.909 15.91z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="19" r="1" /><path d="M4 4a16 16 0 0 1 16 16" /><path d="M4 11a9 9 0 0 1 9 9" /></svg>
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-flickr btn-block btn-icon" aria-label="Flickr">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M0 12a5.565 5.565 0 0 0 5.565 5.564c3.075 0 5.569-2.49 5.569-5.564S8.641 6.436 5.565 6.436A5.566 5.566 0 0 0 0 12zm12.866 0a5.565 5.565 0 0 0 5.567 5.564C21.496 17.564 24 15.074 24 12s-2.492-5.564-5.564-5.564A5.567 5.567 0 0 0 12.866 12z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="12" r="3" /><circle cx="17" cy="12" r="3" /></svg>
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-bitbucket btn-block btn-icon" aria-label="Bitbucker">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M.778 1.211a.768.768 0 0 0-.768.892l3.263 19.811c.084.499.515.867 1.022.872H19.95a.772.772 0 0 0 .77-.646l3.27-20.03a.768.768 0 0 0-.768-.891L.778 1.211zM14.52 15.528H9.522L8.17 8.464h7.561l-1.211 7.064z"/></svg>
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-tabler btn-block btn-icon" aria-label="Tabler">
-                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" fill="currentColor"><path d="M23.5 5.3C22.9 3 21 1.1 18.7.5 14.3-.2 9.8-.2 5.4.5 3 1.1 1.1 3 .5 5.3c-.7 4.4-.7 8.9 0 13.3.6 2.4 2.5 4.3 4.8 4.9 4.4.7 8.9.7 13.3 0 2.4-.6 4.2-2.4 4.8-4.8.8-4.5.8-8.9.1-13.4zm-11.8 7.6c-1 1.6-2.5 3.1-4.2 4.1-.6.3-1.2.3-1.8 0s-.9-.9-.9-1.5.3-1.2.9-1.5c.9-.5 1.6-1.2 2.3-2-.7-.8-1.4-1.4-2.3-2-.8-.5-1.1-1.6-.6-2.4S6.7 6.5 7.5 7c1.7 1 3.1 2.4 4.2 4.1.4.5.4 1.2 0 1.8zm6 3.6h-4.3c-.8 0-1.4-.4-1.4-1.1 0-.7.6-1.1 1.4-1.1h4.3c.8 0 1.4.4 1.4 1.1 0 .7-.6 1.1-1.4 1.1z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
                       </a>
                     </div>
                   </div>
                 </div>
               </div>
+            </div>
+            <div class="col-12">
               <div class="card">
                 <div class="card-header">
                   <h3 class="card-title">Social colors</h3>
                 </div>
                 <div class="card-body">
-                  <div class="row row-sm align-items-center mb-n3">
+                  <div class="row g-2 align-items-center mb-n3">
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-facebook btn-block">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
                         Facebook
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-twitter btn-block">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M23.954 4.569a10 10 0 0 1-2.825.775 4.958 4.958 0 0 0 2.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.691 8.094 4.066 6.13 1.64 3.161a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.061a4.923 4.923 0 0 0 3.946 4.827 4.996 4.996 0 0 1-2.212.085 4.937 4.937 0 0 0 4.604 3.417 9.868 9.868 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63a9.936 9.936 0 0 0 2.46-2.548l-.047-.02z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
                         Twitter
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-google btn-block">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.788 5.108a9 9 0 1 0 3.212 6.892h-8" /></svg>
                         Google
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-youtube btn-block">
-                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" fill="currentColor"><path d="M23.495 6.205a3.007 3.007 0 0 0-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 0 0 .527 6.205a31.247 31.247 0 0 0-.522 5.805 31.247 31.247 0 0 0 .522 5.783 3.007 3.007 0 0 0 2.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 0 0 2.088-2.088 31.247 31.247 0 0 0 .5-5.783 31.247 31.247 0 0 0-.5-5.805zM9.609 15.601V8.408l6.264 3.602z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="4" /><path d="M10 9l5 3l-5 3z" /></svg>
                         Youtube
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-vimeo btn-block">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M23.977 6.416c-.105 2.338-1.739 5.543-4.894 9.609-3.268 4.247-6.026 6.37-8.29 6.37-1.409 0-2.578-1.294-3.553-3.881L5.322 11.4C4.603 8.816 3.834 7.522 3.01 7.522c-.179 0-.806.378-1.881 1.132L0 7.197a315.065 315.065 0 0 0 3.501-3.128C5.08 2.701 6.266 1.984 7.055 1.91c1.867-.18 3.016 1.1 3.447 3.838.465 2.953.789 4.789.971 5.507.539 2.45 1.131 3.674 1.776 3.674.502 0 1.256-.796 2.265-2.385 1.004-1.589 1.54-2.797 1.612-3.628.144-1.371-.395-2.061-1.614-2.061-.574 0-1.167.121-1.777.391 1.186-3.868 3.434-5.757 6.762-5.637 2.473.06 3.628 1.664 3.493 4.797l-.013.01z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 8.5l1 1s1.5 -1.102 2 -.5c.509 .609 1.863 7.65 2.5 9c.556 1.184 1.978 2.89 4 1.5c2 -1.5 7.5 -5.5 8.5 -11.5c.444 -2.661 -1 -4 -2.5 -4c-2 0 -4.047 1.202 -4.5 4c2.05 -1.254 2.551 1.003 1.5 3c-1.052 2.005 -2 3 -2.5 3c-.49 0 -.924 -1.165 -1.5 -3.5c-.59 -2.42 -.5 -6.5 -3 -6.5s-5.5 4.5 -5.5 4.5z" /></svg>
                         Vimeo
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-dribbble btn-block">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992 7.308a10.28 10.28 0 0 0 4.395-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4a10.161 10.161 0 0 0 6.29 2.166c1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248a65.473 65.473 0 0 0-3.8-5.928 10.275 10.275 0 0 0-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6 3.645-1.365 5.19-3.44 5.373-3.702A10.19 10.19 0 0 0 12 1.764c-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68 1.486.08.18.15.36.22.53 3.41-.43 6.8.26 7.14.33-.02-2.42-.88-4.64-2.31-6.38z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9 3.6c5 6 7 10.5 7.5 16.2" /><path d="M6.4 19c3.5 -3.5 6 -6.5 14.5 -6.4" /><path d="M3.1 10.75c5 0 9.814 -.38 15.314 -5" /></svg>
                         Dribbble
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-github btn-block">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
                         Github
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-instagram btn-block">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913a5.885 5.885 0 0 0 1.384 2.126A5.868 5.868 0 0 0 4.14 23.37c.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558a5.898 5.898 0 0 0 2.126-1.384 5.86 5.86 0 0 0 1.384-2.126c.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913a5.89 5.89 0 0 0-1.384-2.126A5.847 5.847 0 0 0 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227a3.81 3.81 0 0 1-.899 1.382 3.744 3.744 0 0 1-1.38.896c-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421a3.716 3.716 0 0 1-1.379-.899 3.644 3.644 0 0 1-.9-1.38c-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 1 0 0-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405a1.441 1.441 0 0 1-2.88 0 1.44 1.44 0 0 1 2.88 0z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="4" /><circle cx="12" cy="12" r="3" /><line x1="16.5" y1="7.5" x2="16.5" y2="7.501" /></svg>
                         Instagram
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-pinterest btn-block">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="20" x2="12" y2="11" /><path d="M10.7 14c.437 1.263 1.43 2 2.55 2c2.071 0 3.75 -1.554 3.75 -4a5 5 0 1 0 -9.7 1.7" /><circle cx="12" cy="12" r="9" /></svg>
                         Pinterest
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-vk btn-block">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M11.701 18.771h1.437s.433-.047.654-.284c.21-.221.21-.63.21-.63s-.031-1.927.869-2.21c.887-.281 2.012 1.86 3.211 2.683.916.629 1.605.494 1.605.494l3.211-.044s1.682-.105.887-1.426c-.061-.105-.451-.975-2.371-2.76-2.012-1.861-1.742-1.561.676-4.787 1.469-1.965 2.07-3.166 1.875-3.676-.166-.48-1.26-.361-1.26-.361l-3.602.031s-.27-.031-.465.09c-.195.119-.314.391-.314.391s-.572 1.529-1.336 2.82c-1.623 2.729-2.268 2.879-2.523 2.699-.604-.391-.449-1.58-.449-2.432 0-2.641.404-3.75-.781-4.035-.39-.091-.681-.15-1.685-.166-1.29-.014-2.378.01-2.995.311-.405.203-.72.652-.539.675.24.03.779.146 1.064.537.375.506.359 1.636.359 1.636s.211 3.116-.494 3.503c-.495.262-1.155-.28-2.595-2.756-.735-1.26-1.291-2.67-1.291-2.67s-.105-.256-.299-.406c-.227-.165-.557-.225-.557-.225l-3.435.03s-.51.016-.689.24c-.166.195-.016.615-.016.615s2.686 6.287 5.732 9.453c2.79 2.902 5.956 2.715 5.956 2.715l-.05-.055z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 6h2v12c-4.5 -1 -8 -6.5 -9 -12" /><path d="M20 6c-1 2 -3 5 -5 6h-3" /><path d="M20 18c-1 -2 -3 -5 -5 -6" /></svg>
                         VK
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-rss btn-block">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M19.199 24C19.199 13.467 10.533 4.8 0 4.8V0c13.165 0 24 10.835 24 24h-4.801zM3.291 17.415a3.3 3.3 0 0 1 3.293 3.295A3.303 3.303 0 0 1 3.283 24C1.47 24 0 22.526 0 20.71s1.475-3.294 3.291-3.295zM15.909 24h-4.665c0-6.169-5.075-11.245-11.244-11.245V8.09c8.727 0 15.909 7.184 15.909 15.91z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="19" r="1" /><path d="M4 4a16 16 0 0 1 16 16" /><path d="M4 11a9 9 0 0 1 9 9" /></svg>
                         RSS
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-flickr btn-block">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M0 12a5.565 5.565 0 0 0 5.565 5.564c3.075 0 5.569-2.49 5.569-5.564S8.641 6.436 5.565 6.436A5.566 5.566 0 0 0 0 12zm12.866 0a5.565 5.565 0 0 0 5.567 5.564C21.496 17.564 24 15.074 24 12s-2.492-5.564-5.564-5.564A5.567 5.567 0 0 0 12.866 12z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="12" r="3" /><circle cx="17" cy="12" r="3" /></svg>
                         Flickr
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-bitbucket btn-block">
-                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M.778 1.211a.768.768 0 0 0-.768.892l3.263 19.811c.084.499.515.867 1.022.872H19.95a.772.772 0 0 0 .77-.646l3.27-20.03a.768.768 0 0 0-.768-.891L.778 1.211zM14.52 15.528H9.522L8.17 8.464h7.561l-1.211 7.064z"/></svg>
                         Bitbucker
                       </a>
                     </div>
                     <div class="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
                       <a href="#" class="btn btn-tabler btn-block">
-                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" fill="currentColor"><path d="M23.5 5.3C22.9 3 21 1.1 18.7.5 14.3-.2 9.8-.2 5.4.5 3 1.1 1.1 3 .5 5.3c-.7 4.4-.7 8.9 0 13.3.6 2.4 2.5 4.3 4.8 4.9 4.4.7 8.9.7 13.3 0 2.4-.6 4.2-2.4 4.8-4.8.8-4.5.8-8.9.1-13.4zm-11.8 7.6c-1 1.6-2.5 3.1-4.2 4.1-.6.3-1.2.3-1.8 0s-.9-.9-.9-1.5.3-1.2.9-1.5c.9-.5 1.6-1.2 2.3-2-.7-.8-1.4-1.4-2.3-2-.8-.5-1.1-1.6-.6-2.4S6.7 6.5 7.5 7c1.7 1 3.1 2.4 4.2 4.1.4.5.4 1.2 0 1.8zm6 3.6h-4.3c-.8 0-1.4-.4-1.4-1.1 0-.7.6-1.1 1.4-1.1h4.3c.8 0 1.4.4 1.4 1.1 0 .7-.6 1.1-1.4 1.1z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
                         Tabler
                       </a>
                     </div>
@@ -1341,9 +1339,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/calendar.html b/demo/calendar.html
index eb3f54c9a..a3af8737e 100644
--- a/demo/calendar.html
+++ b/demo/calendar.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -30,6 +30,8 @@
     <link href="./dist/libs/fullcalendar/timegrid/main.min.css" rel="stylesheet"/>
     <link href="./dist/libs/fullcalendar/list/main.min.css" rel="stylesheet"/>
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -45,7 +47,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -63,24 +65,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -194,6 +191,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -341,6 +343,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -544,7 +551,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Calendar
                 </h2>
@@ -577,118 +584,22 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
         </footer>
       </div>
     </div>
-    <div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
-      <div class="modal-dialog modal-lg" role="document">
-        <div class="modal-content">
-          <div class="modal-header">
-            <h5 class="modal-title">New report</h5>
-            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
-              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
-            </button>
-          </div>
-          <div class="modal-body">
-            <div class="mb-3">
-              <label class="form-label">Name</label>
-              <input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
-            </div>
-            <label class="form-label">Report type</label>
-            <div class="form-selectgroup-boxes row mb-3">
-              <div class="col-lg-6">
-                <label class="form-selectgroup-item">
-                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
-                  <span class="form-selectgroup-label d-flex align-items-center p-3">
-                    <span class="mr-3">
-                      <span class="form-selectgroup-check"></span>
-                    </span>
-                    <span class="form-selectgroup-label-content">
-                      <span class="form-selectgroup-title strong mb-1">Simple</span>
-                      <span class="d-block text-muted">Provide only basic data needed for the report</span>
-                    </span>
-                  </span>
-                </label>
-              </div>
-              <div class="col-lg-6">
-                <label class="form-selectgroup-item">
-                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input">
-                  <span class="form-selectgroup-label d-flex align-items-center p-3">
-                    <span class="mr-3">
-                      <span class="form-selectgroup-check"></span>
-                    </span>
-                    <span class="form-selectgroup-label-content">
-                      <span class="form-selectgroup-title strong mb-1">Advanced</span>
-                      <span class="d-block text-muted">Insert charts and additional advanced analyses to be inserted in the report</span>
-                    </span>
-                  </span>
-                </label>
-              </div>
-            </div>
-            <div class="row">
-              <div class="col-lg-8">
-                <div class="mb-3">
-                  <label class="form-label">Report url</label>
-                  <div class="input-group input-group-flat">
-                    <span class="input-group-text">
-                      https://tabler.io/reports/
-                    </span>
-                    <input type="text" class="form-control pl-0"  value="report-01">
-                  </div>
-                </div>
-              </div>
-              <div class="col-lg-4">
-                <div class="mb-3">
-                  <label class="form-label">Visibility</label>
-                  <select class="form-select">
-                    <option value="1" selected>Private</option>
-                    <option value="2">Public</option>
-                    <option value="3">Hidden</option>
-                  </select>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="modal-body">
-            <div class="row">
-              <div class="col-lg-6">
-                <div class="mb-3">
-                  <label class="form-label">Client name</label>
-                  <input type="text" class="form-control">
-                </div>
-              </div>
-              <div class="col-lg-6">
-                <div class="mb-3">
-                  <label class="form-label">Reporting period</label>
-                  <input type="date" class="form-control">
-                </div>
-              </div>
-              <div class="col-lg-12">
-                <div>
-                  <label class="form-label">Additional information</label>
-                  <textarea class="form-control" rows="3"></textarea>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="modal-footer">
-            <a href="#" class="btn btn-link link-secondary" data-dismiss="modal">
-              Cancel
-            </a>
-            <a href="#" class="btn btn-primary ml-auto" data-dismiss="modal">
-              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-              Create new report
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
     <!-- Libs JS -->
     <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <script src="./dist/libs/fullcalendar/core/main.min.js"></script>
diff --git a/demo/cards-masonry.html b/demo/cards-masonry.html
index 407fac217..8a6b73c63 100644
--- a/demo/cards-masonry.html
+++ b/demo/cards-masonry.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,14 +547,14 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Cards Masonry
                 </h2>
               </div>
             </div>
           </div>
-          <div class="row" data-masonry='{"percentPosition": true }'>
+          <div class="row row-cards" data-masonry='{"percentPosition": true }'>
             <div class="col-sm-6 col-lg-4">
               <div class="card">
                 <div class="card-body">
@@ -597,12 +604,12 @@
                   <div class="row align-items-center">
                     <div class="col-auto ml-auto">
                       <div class="avatar-list avatar-list-stacked">
-                        <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                        <span class="avatar">JL</span>
-                        <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                        <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
-                        <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
-                        <span class="avatar">+3</span>
+                        <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                        <span class="avatar avatar-sm avatar-rounded">JL</span>
+                        <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                        <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                        <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                        <span class="avatar avatar-sm avatar-rounded">+3</span>
                       </div>
                     </div>
                   </div>
@@ -681,7 +688,7 @@
                   <div class="empty-icon">
                     <img src="./static/illustrations/undraw_quitting_time_dm8t.svg" height="128" class="mb-4"  alt="">
                   </div>
-                  <p class="empty-title h3">No results found</p>
+                  <p class="empty-title">No results found</p>
                   <p class="empty-subtitle text-muted">
                     Try adjusting your search or filter to find what you're looking for.
                   </p>
@@ -744,7 +751,7 @@
                     <div class="col-8">
                       <div class="mb-3">
                         <label class="form-label">Expiration date</label>
-                        <div class="row row-sm">
+                        <div class="row g-2">
                           <div class="col">
                             <select class="form-select">
                               <option value="1">1</option>
@@ -807,9 +814,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
@@ -821,20 +835,6 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"></script>
     <!-- Tabler Core -->
     <script src="./dist/js/tabler.min.js"></script>
-    <script>
-      (function () {
-      	/**
-      	 * Input mask
-      	 */
-      	var maskElementList = [].slice.call(document.querySelectorAll('[data-mask]'))
-      	maskElementList.map(function (maskEl) {
-      		return new IMask(maskEl, {
-      			mask: maskEl.dataset.mask,
-      			lazy: maskEl.dataset['mask-visible'] === 'true'
-      		})
-      	});
-      })();
-    </script>
     <script>
       document.body.style.display = "block"
     </script>
diff --git a/demo/cards.html b/demo/cards.html
index 6095a0359..123787cdc 100644
--- a/demo/cards.html
+++ b/demo/cards.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,478 +547,542 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Cards
                 </h2>
               </div>
             </div>
           </div>
-          <div class="row">
+          <div class="row row-cards">
             <div class="col-md-6 col-xl-4">
-              <div class="card">
-                <div class="card-body">
-                  <p>This is some text within a card body.</p>
-                </div>
-              </div>
-              <div class="card">
-                <div class="card-body">
-                  <h3 class="card-title">Card with bottom image</h3>
-                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
-                    neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
-                </div>
-                <div class="card-img-bottom img-responsive img-responsive-16by9" style="background-image: url(./static/photos/56614e12b2a7bd68.jpg)"></div>
-              </div>
-              <div class="card card-active">
-                <div class="card-body">
-                  <p>This is a card with active state.</p>
-                </div>
-              </div>
-              <div class="card card-inactive">
-                <div class="card-body">
-                  <p>This is some text inactive state.</p>
-                </div>
-              </div>
-              <div class="card">
-                <div class="card-body">
-                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
-                    neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
-                </div>
-                <!-- Card footer -->
-                <div class="card-footer">
-                  <div class="row align-items-center">
-                    <div class="col-auto">
-                      <a href="#">More information</a>
-                    </div>
-                    <div class="col-auto ml-auto">
-                      <label class="form-check form-switch m-0">
-                        <input class="form-check-input position-static" type="checkbox" checked>
-                      </label>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="card">
-                <div class="card-body">
-                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
-                    neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
-                </div>
-                <!-- Card footer -->
-                <div class="card-footer">
-                  <div class="row align-items-center">
-                    <div class="col-auto ml-auto">
-                      <div class="avatar-list avatar-list-stacked">
-                        <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                        <span class="avatar">JL</span>
-                        <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                        <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
-                        <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
-                        <span class="avatar">+3</span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="card">
-                <div class="card-header">
-                  <ul class="nav nav-tabs card-header-tabs">
-                    <li class="nav-item">
-                      <a class="nav-link active" href="#">
-                        Active
-                      </a>
-                    </li>
-                    <li class="nav-item">
-                      <a class="nav-link" href="#">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                        Link
-                      </a>
-                    </li>
-                    <li class="nav-item">
-                      <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">
-                        Disabled
-                      </a>
-                    </li>
-                    <li class="nav-item ml-auto">
-                      <a class="nav-link" href="#">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                      </a>
-                    </li>
-                  </ul>
-                </div>
-                <div class="card-body">
-                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
-                    neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
-                </div>
-              </div>
-              <div class="card">
-                <div class="card-header">
-                  <ul class="nav nav-pills card-header-pills">
-                    <li class="nav-item">
-                      <a class="nav-link active" href="#">
-                        Active
-                      </a>
-                    </li>
-                    <li class="nav-item">
-                      <a class="nav-link" href="#">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                        Link
-                      </a>
-                    </li>
-                    <li class="nav-item">
-                      <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">
-                        Disabled
-                      </a>
-                    </li>
-                    <li class="nav-item ml-auto">
-                      <a class="nav-link" href="#">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                      </a>
-                    </li>
-                  </ul>
-                </div>
-                <div class="card-body">
-                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
-                    neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
-                </div>
-              </div>
-              <div class="card">
-                <div class="card-body">
-                  <h3 class="card-title">Card with progress bar</h3>
-                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
-                    neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
-                </div>
-                <div class="progress progress-sm card-progress">
-                  <div class="progress-bar" style="width: 38%" role="progressbar" aria-valuenow="38" aria-valuemin="0" aria-valuemax="100">
-                    <span class="visually-hidden">38% Complete</span>
-                  </div>
-                </div>
-              </div>
-              <div class="card">
-                <div class="empty">
-                  <div class="empty-icon">
-                    <img src="./static/illustrations/undraw_quitting_time_dm8t.svg" height="128" class="mb-4"  alt="">
-                  </div>
-                  <p class="empty-title h3">No results found</p>
-                  <p class="empty-subtitle text-muted">
-                    Try adjusting your search or filter to find what you're looking for.
-                  </p>
-                  <div class="empty-action">
-                    <a href="./." class="btn btn-primary">
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
-                      Search again
-                    </a>
-                  </div>
-                </div>
-              </div>
-              <!-- Cards with tabs component -->
-              <div class="card-tabs">
-                <!-- Cards navigation -->
-                <ul class="nav nav-tabs">
-                  <li class="nav-item"><a href="#tab-top-1" class="nav-link active" data-toggle="tab">Tab 1</a></li>
-                  <li class="nav-item"><a href="#tab-top-2" class="nav-link" data-toggle="tab">Tab 2</a></li>
-                  <li class="nav-item"><a href="#tab-top-3" class="nav-link" data-toggle="tab">Tab 3</a></li>
-                  <li class="nav-item"><a href="#tab-top-4" class="nav-link" data-toggle="tab">Tab 4</a></li>
-                </ul>
-                <div class="tab-content">
-                  <!-- Content of card #1 -->
-                  <div id="tab-top-1" class="card tab-pane active show">
-                    <div class="card-body">
-                      <div class="card-title">Content of tab #1</div>
-                      <p>
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
-                      </p>
-                    </div>
-                  </div>
-                  <!-- Content of card #2 -->
-                  <div id="tab-top-2" class="card tab-pane">
-                    <div class="card-body">
-                      <div class="card-title">Content of tab #2</div>
-                      <p>
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
-                      </p>
-                    </div>
-                  </div>
-                  <!-- Content of card #3 -->
-                  <div id="tab-top-3" class="card tab-pane">
-                    <div class="card-body">
-                      <div class="card-title">Content of tab #3</div>
-                      <p>
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
-                      </p>
-                    </div>
-                  </div>
-                  <!-- Content of card #4 -->
-                  <div id="tab-top-4" class="card tab-pane">
-                    <div class="card-body">
-                      <div class="card-title">Content of tab #4</div>
-                      <p>
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
-                      </p>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- Cards with tabs component -->
-              <div class="card-tabs">
-                <div class="tab-content">
-                  <!-- Content of card #1 -->
-                  <div id="tab-bottom-1" class="card tab-pane active show">
-                    <div class="card-body">
-                      <div class="card-title">Content of tab #1</div>
-                      <p>
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
-                      </p>
-                    </div>
-                  </div>
-                  <!-- Content of card #2 -->
-                  <div id="tab-bottom-2" class="card tab-pane">
-                    <div class="card-body">
-                      <div class="card-title">Content of tab #2</div>
-                      <p>
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
-                      </p>
-                    </div>
-                  </div>
-                  <!-- Content of card #3 -->
-                  <div id="tab-bottom-3" class="card tab-pane">
-                    <div class="card-body">
-                      <div class="card-title">Content of tab #3</div>
-                      <p>
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
-                      </p>
-                    </div>
-                  </div>
-                  <!-- Content of card #4 -->
-                  <div id="tab-bottom-4" class="card tab-pane">
-                    <div class="card-body">
-                      <div class="card-title">Content of tab #4</div>
-                      <p>
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
-                      </p>
-                    </div>
-                  </div>
-                </div>
-                <!-- Cards navigation -->
-                <ul class="nav nav-tabs nav-tabs-bottom">
-                  <li class="nav-item"><a href="#tab-bottom-1" class="nav-link active" data-toggle="tab">Tab 1</a></li>
-                  <li class="nav-item"><a href="#tab-bottom-2" class="nav-link" data-toggle="tab">Tab 2</a></li>
-                  <li class="nav-item"><a href="#tab-bottom-3" class="nav-link" data-toggle="tab">Tab 3</a></li>
-                  <li class="nav-item"><a href="#tab-bottom-4" class="nav-link" data-toggle="tab">Tab 4</a></li>
-                </ul>
-              </div>
-            </div>
-            <div class="col-md-6 col-xl-8">
-              <div class="card">
-                <div class="row row-0">
-                  <div class="col-3">
-                    <img src="./static/photos/2854fd67ddbd6217.jpg" class="w-100 h-100 object-cover" alt="Card side image">
-                  </div>
-                  <div class="col">
-                    <div class="card-body">
-                      <h3 class="card-title">Card with left side image</h3>
-                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
-                        neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="card">
-                <div class="row row-0">
-                  <div class="col-3 order-md-last">
-                    <img src="./static/photos/de6d0fd1feebb6a2.jpg" class="w-100 h-100 object-cover" alt="Card side image">
-                  </div>
-                  <div class="col">
-                    <div class="card-body">
-                      <h3 class="card-title">Card with right side image</h3>
-                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
-                        neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="card-group">
-                <a href="#" class="card card-inactive text-center">
-                  <div class="card-body">
-                    <p>This is first card</p>
-                  </div>
-                </a>
-                <a href="#" class="card card-active text-center">
-                  <div class="card-body">
-                    <p>This is second card</p>
-                  </div>
-                </a>
-                <a href="#" class="card text-center">
-                  <div class="card-body">
-                    <p>This is third card</p>
-                  </div>
-                </a>
-              </div>
-              <div class="row">
-                <div class="col-xl-6">
-                  <div class="card">
-                    <div class="card-img-top img-responsive img-responsive-16by9" style="background-image: url(./static/photos/9f36332564ca271d.jpg)"></div>
-                    <div class="card-body">
-                      <h3 class="card-title">Card with top image</h3>
-                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
-                        neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
-                    </div>
-                  </div>
+              <div class="row row-cards">
+                <div class="col-12">
                   <div class="card">
                     <div class="card-body">
-                      <h3 class="card-title">Card with button link</h3>
-                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
-                        neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
-                      <div class="card-text">
-                        <a href="#" class="btn btn-primary">Go somewhere</a>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="card">
-                    <div class="card-status-top bg-danger"></div>
-                    <div class="card-body">
-                      <h3 class="card-title">Card with top status</h3>
-                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
-                        neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
-                    </div>
-                  </div>
-                  <div class="card">
-                    <div class="card-status-bottom bg-success"></div>
-                    <div class="card-body">
-                      <h3 class="card-title">Card with bottom status</h3>
-                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
-                        neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
-                    </div>
-                  </div>
-                  <div class="card">
-                    <div class="card-status-left bg-primary"></div>
-                    <div class="card-body">
-                      <h3 class="card-title">Card with side status</h3>
-                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
-                        neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
-                    </div>
-                  </div>
-                  <div class="card card-stacked">
-                    <div class="card-body">
-                      <h3 class="card-title">Stacked card</h3>
-                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
-                        neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                      <p>This is some text within a card body.</p>
                     </div>
                   </div>
+                </div>
+                <div class="col-12">
                   <div class="card">
                     <div class="card-body">
-                      <div class="mb-3">
-                        <div class="form-label">Card number</div>
-                        <input type="text" name="input-mask" class="form-control" data-mask="0000 0000 0000 0000" data-mask-visible="true" autocomplete="off"/>
-                      </div>
-                      <div class="mb-3">
-                        <div class="form-label">Card name</div>
-                        <input type="text" class="form-control">
-                      </div>
-                      <div class="row">
-                        <div class="col-8">
-                          <div class="mb-3">
-                            <label class="form-label">Expiration date</label>
-                            <div class="row row-sm">
-                              <div class="col">
-                                <select class="form-select">
-                                  <option value="1">1</option>
-                                  <option value="2">2</option>
-                                  <option value="3">3</option>
-                                  <option value="4">4</option>
-                                  <option value="5">5</option>
-                                  <option value="6">6</option>
-                                  <option value="7">7</option>
-                                  <option value="8">8</option>
-                                  <option value="9">9</option>
-                                  <option value="10">10</option>
-                                  <option value="11">11</option>
-                                  <option value="12">12</option>
-                                </select>
-                              </div>
-                              <div class="col">
-                                <select class="form-select">
-                                  <option value="2020">2020</option>
-                                  <option value="2021">2021</option>
-                                  <option value="2022">2022</option>
-                                  <option value="2023">2023</option>
-                                  <option value="2024">2024</option>
-                                  <option value="2025">2025</option>
-                                  <option value="2026">2026</option>
-                                  <option value="2027">2027</option>
-                                  <option value="2028">2028</option>
-                                  <option value="2029">2029</option>
-                                  <option value="2030">2030</option>
-                                </select>
-                              </div>
-                            </div>
-                          </div>
+                      <h3 class="card-title">Card with bottom image</h3>
+                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                        neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                    </div>
+                    <div class="card-img-bottom img-responsive img-responsive-16by9" style="background-image: url(./static/photos/56614e12b2a7bd68.jpg)"></div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card card-active">
+                    <div class="card-body">
+                      <p>This is a card with active state.</p>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card card-inactive">
+                    <div class="card-body">
+                      <p>This is some text inactive state.</p>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                        neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                    </div>
+                    <!-- Card footer -->
+                    <div class="card-footer">
+                      <div class="row align-items-center">
+                        <div class="col-auto">
+                          <a href="#">More information</a>
                         </div>
-                        <div class="col">
-                          <div class="mb-3">
-                            <div class="form-label">CVV</div>
-                            <input type="number" class="form-control">
+                        <div class="col-auto ml-auto">
+                          <label class="form-check form-switch m-0">
+                            <input class="form-check-input position-static" type="checkbox" checked>
+                          </label>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                        neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                    </div>
+                    <!-- Card footer -->
+                    <div class="card-footer">
+                      <div class="row align-items-center">
+                        <div class="col-auto ml-auto">
+                          <div class="avatar-list avatar-list-stacked">
+                            <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                            <span class="avatar avatar-sm avatar-rounded">JL</span>
+                            <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                            <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                            <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                            <span class="avatar avatar-sm avatar-rounded">+3</span>
                           </div>
                         </div>
                       </div>
-                      <div class="mt-2">
-                        <a href="#" class="btn btn-primary btn-block">
-                          Pay now
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-header">
+                      <ul class="nav nav-tabs card-header-tabs">
+                        <li class="nav-item">
+                          <a class="nav-link active" href="#">
+                            Active
+                          </a>
+                        </li>
+                        <li class="nav-item">
+                          <a class="nav-link" href="#">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
+                            Link
+                          </a>
+                        </li>
+                        <li class="nav-item">
+                          <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">
+                            Disabled
+                          </a>
+                        </li>
+                        <li class="nav-item ml-auto">
+                          <a class="nav-link" href="#">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+                    <div class="card-body">
+                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                        neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-header">
+                      <ul class="nav nav-pills card-header-pills">
+                        <li class="nav-item">
+                          <a class="nav-link active" href="#">
+                            Active
+                          </a>
+                        </li>
+                        <li class="nav-item">
+                          <a class="nav-link" href="#">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
+                            Link
+                          </a>
+                        </li>
+                        <li class="nav-item">
+                          <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">
+                            Disabled
+                          </a>
+                        </li>
+                        <li class="nav-item ml-auto">
+                          <a class="nav-link" href="#">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+                    <div class="card-body">
+                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                        neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <h3 class="card-title">Card with progress bar</h3>
+                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                        neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                    </div>
+                    <div class="progress progress-sm card-progress">
+                      <div class="progress-bar" style="width: 38%" role="progressbar" aria-valuenow="38" aria-valuemin="0" aria-valuemax="100">
+                        <span class="visually-hidden">38% Complete</span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card">
+                    <div class="empty">
+                      <div class="empty-icon">
+                        <img src="./static/illustrations/undraw_quitting_time_dm8t.svg" height="128" class="mb-4"  alt="">
+                      </div>
+                      <p class="empty-title">No results found</p>
+                      <p class="empty-subtitle text-muted">
+                        Try adjusting your search or filter to find what you're looking for.
+                      </p>
+                      <div class="empty-action">
+                        <a href="./." class="btn btn-primary">
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
+                          Search again
                         </a>
                       </div>
                     </div>
                   </div>
                 </div>
-                <div class="col-xl-6">
-                  <div class="card">
-                    <div class="card-body">
-                      <h3 class="card-title">Card title</h3>
-                      <div class="card-subtitle">Card subtitle</div>
-                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
-                        neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                <div class="col-12">
+                  <!-- Cards with tabs component -->
+                  <div class="card-tabs">
+                    <!-- Cards navigation -->
+                    <ul class="nav nav-tabs">
+                      <li class="nav-item"><a href="#tab-top-1" class="nav-link active" data-toggle="tab">Tab 1</a></li>
+                      <li class="nav-item"><a href="#tab-top-2" class="nav-link" data-toggle="tab">Tab 2</a></li>
+                      <li class="nav-item"><a href="#tab-top-3" class="nav-link" data-toggle="tab">Tab 3</a></li>
+                      <li class="nav-item"><a href="#tab-top-4" class="nav-link" data-toggle="tab">Tab 4</a></li>
+                    </ul>
+                    <div class="tab-content">
+                      <!-- Content of card #1 -->
+                      <div id="tab-top-1" class="card tab-pane active show">
+                        <div class="card-body">
+                          <div class="card-title">Content of tab #1</div>
+                          <p>
+                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
+                          </p>
+                        </div>
+                      </div>
+                      <!-- Content of card #2 -->
+                      <div id="tab-top-2" class="card tab-pane">
+                        <div class="card-body">
+                          <div class="card-title">Content of tab #2</div>
+                          <p>
+                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
+                          </p>
+                        </div>
+                      </div>
+                      <!-- Content of card #3 -->
+                      <div id="tab-top-3" class="card tab-pane">
+                        <div class="card-body">
+                          <div class="card-title">Content of tab #3</div>
+                          <p>
+                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
+                          </p>
+                        </div>
+                      </div>
+                      <!-- Content of card #4 -->
+                      <div id="tab-top-4" class="card tab-pane">
+                        <div class="card-body">
+                          <div class="card-title">Content of tab #4</div>
+                          <p>
+                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
+                          </p>
+                        </div>
+                      </div>
                     </div>
                   </div>
-                  <div class="card">
-                    <div class="card-header">
-                      <h3 class="card-title">Header title</h3>
+                </div>
+                <div class="col-12">
+                  <!-- Cards with tabs component -->
+                  <div class="card-tabs">
+                    <div class="tab-content">
+                      <!-- Content of card #1 -->
+                      <div id="tab-bottom-1" class="card tab-pane active show">
+                        <div class="card-body">
+                          <div class="card-title">Content of tab #1</div>
+                          <p>
+                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
+                          </p>
+                        </div>
+                      </div>
+                      <!-- Content of card #2 -->
+                      <div id="tab-bottom-2" class="card tab-pane">
+                        <div class="card-body">
+                          <div class="card-title">Content of tab #2</div>
+                          <p>
+                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
+                          </p>
+                        </div>
+                      </div>
+                      <!-- Content of card #3 -->
+                      <div id="tab-bottom-3" class="card tab-pane">
+                        <div class="card-body">
+                          <div class="card-title">Content of tab #3</div>
+                          <p>
+                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
+                          </p>
+                        </div>
+                      </div>
+                      <!-- Content of card #4 -->
+                      <div id="tab-bottom-4" class="card tab-pane">
+                        <div class="card-body">
+                          <div class="card-title">Content of tab #4</div>
+                          <p>
+                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
+                          </p>
+                        </div>
+                      </div>
                     </div>
-                    <div class="card-body">
-                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
-                        neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                    <!-- Cards navigation -->
+                    <ul class="nav nav-tabs nav-tabs-bottom">
+                      <li class="nav-item"><a href="#tab-bottom-1" class="nav-link active" data-toggle="tab">Tab 1</a></li>
+                      <li class="nav-item"><a href="#tab-bottom-2" class="nav-link" data-toggle="tab">Tab 2</a></li>
+                      <li class="nav-item"><a href="#tab-bottom-3" class="nav-link" data-toggle="tab">Tab 3</a></li>
+                      <li class="nav-item"><a href="#tab-bottom-4" class="nav-link" data-toggle="tab">Tab 4</a></li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-md-6 col-xl-8">
+              <div class="row row-cards">
+                <div class="col-12">
+                  <div class="card">
+                    <div class="row row-0">
+                      <div class="col-3">
+                        <img src="./static/photos/2854fd67ddbd6217.jpg" class="w-100 h-100 object-cover" alt="Card side image">
+                      </div>
+                      <div class="col">
+                        <div class="card-body">
+                          <h3 class="card-title">Card with left side image</h3>
+                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                            neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                        </div>
+                      </div>
                     </div>
                   </div>
+                </div>
+                <div class="col-12">
                   <div class="card">
-                    <div class="card-body">
-                      <h3 class="card-title">Card with footer</h3>
-                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
-                        neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
-                    </div>
-                    <!-- Card footer -->
-                    <div class="card-footer">
-                      This is standard card footer
+                    <div class="row row-0">
+                      <div class="col-3 order-md-last">
+                        <img src="./static/photos/de6d0fd1feebb6a2.jpg" class="w-100 h-100 object-cover" alt="Card side image">
+                      </div>
+                      <div class="col">
+                        <div class="card-body">
+                          <h3 class="card-title">Card with right side image</h3>
+                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                            neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                        </div>
+                      </div>
                     </div>
                   </div>
-                  <div class="card">
-                    <div class="card-body">
-                      <h3 class="card-title">Card with footer button</h3>
-                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
-                        neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
-                    </div>
-                    <!-- Card footer -->
-                    <div class="card-footer">
-                      <a href="#" class="btn btn-primary">Go somewhere</a>
-                    </div>
+                </div>
+                <div class="col-12">
+                  <div class="card-group">
+                    <a href="#" class="card card-inactive text-center">
+                      <div class="card-body">
+                        <p>This is first card</p>
+                      </div>
+                    </a>
+                    <a href="#" class="card card-active text-center">
+                      <div class="card-body">
+                        <p>This is second card</p>
+                      </div>
+                    </a>
+                    <a href="#" class="card text-center">
+                      <div class="card-body">
+                        <p>This is third card</p>
+                      </div>
+                    </a>
                   </div>
-                  <div class="card">
-                    <div class="card-body">
-                      <h3 class="card-title">Card with footer buttons</h3>
-                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
-                        neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                </div>
+                <div class="col-12">
+                  <div class="row row-cards">
+                    <div class="col-xl-6">
+                      <div class="row row-cards">
+                        <div class="col-12">
+                          <div class="card">
+                            <div class="card-img-top img-responsive img-responsive-16by9" style="background-image: url(./static/photos/9f36332564ca271d.jpg)"></div>
+                            <div class="card-body">
+                              <h3 class="card-title">Card with top image</h3>
+                              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                                neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="col-12">
+                          <div class="card">
+                            <div class="card-body">
+                              <h3 class="card-title">Card with button link</h3>
+                              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                                neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                              <div class="card-text">
+                                <a href="#" class="btn btn-primary">Go somewhere</a>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="col-12">
+                          <div class="card">
+                            <div class="card-status-top bg-danger"></div>
+                            <div class="card-body">
+                              <h3 class="card-title">Card with top status</h3>
+                              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                                neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="col-12">
+                          <div class="card">
+                            <div class="card-status-bottom bg-success"></div>
+                            <div class="card-body">
+                              <h3 class="card-title">Card with bottom status</h3>
+                              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                                neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="col-12">
+                          <div class="card">
+                            <div class="card-status-left bg-primary"></div>
+                            <div class="card-body">
+                              <h3 class="card-title">Card with side status</h3>
+                              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                                neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="col-12">
+                          <div class="card card-stacked">
+                            <div class="card-body">
+                              <h3 class="card-title">Stacked card</h3>
+                              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                                neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="col-12">
+                          <div class="card">
+                            <div class="card-body">
+                              <div class="mb-3">
+                                <div class="form-label">Card number</div>
+                                <input type="text" name="input-mask" class="form-control" data-mask="0000 0000 0000 0000" data-mask-visible="true" autocomplete="off"/>
+                              </div>
+                              <div class="mb-3">
+                                <div class="form-label">Card name</div>
+                                <input type="text" class="form-control">
+                              </div>
+                              <div class="row">
+                                <div class="col-8">
+                                  <div class="mb-3">
+                                    <label class="form-label">Expiration date</label>
+                                    <div class="row g-2">
+                                      <div class="col">
+                                        <select class="form-select">
+                                          <option value="1">1</option>
+                                          <option value="2">2</option>
+                                          <option value="3">3</option>
+                                          <option value="4">4</option>
+                                          <option value="5">5</option>
+                                          <option value="6">6</option>
+                                          <option value="7">7</option>
+                                          <option value="8">8</option>
+                                          <option value="9">9</option>
+                                          <option value="10">10</option>
+                                          <option value="11">11</option>
+                                          <option value="12">12</option>
+                                        </select>
+                                      </div>
+                                      <div class="col">
+                                        <select class="form-select">
+                                          <option value="2020">2020</option>
+                                          <option value="2021">2021</option>
+                                          <option value="2022">2022</option>
+                                          <option value="2023">2023</option>
+                                          <option value="2024">2024</option>
+                                          <option value="2025">2025</option>
+                                          <option value="2026">2026</option>
+                                          <option value="2027">2027</option>
+                                          <option value="2028">2028</option>
+                                          <option value="2029">2029</option>
+                                          <option value="2030">2030</option>
+                                        </select>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                                <div class="col">
+                                  <div class="mb-3">
+                                    <div class="form-label">CVV</div>
+                                    <input type="number" class="form-control">
+                                  </div>
+                                </div>
+                              </div>
+                              <div class="mt-2">
+                                <a href="#" class="btn btn-primary btn-block">
+                                  Pay now
+                                </a>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
                     </div>
-                    <!-- Card footer -->
-                    <div class="card-footer">
-                      <div class="d-flex">
-                        <a href="#" class="btn btn-link">Cancel</a>
-                        <a href="#" class="btn btn-primary ml-auto">Go somewhere</a>
+                    <div class="col-xl-6">
+                      <div class="row row-cards">
+                        <div class="col-12">
+                          <div class="card">
+                            <div class="card-body">
+                              <h3 class="card-title">Card title</h3>
+                              <div class="card-subtitle">Card subtitle</div>
+                              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                                neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="col-12">
+                          <div class="card">
+                            <div class="card-header">
+                              <h3 class="card-title">Header title</h3>
+                            </div>
+                            <div class="card-body">
+                              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                                neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="col-12">
+                          <div class="card">
+                            <div class="card-body">
+                              <h3 class="card-title">Card with footer</h3>
+                              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                                neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                            </div>
+                            <!-- Card footer -->
+                            <div class="card-footer">
+                              This is standard card footer
+                            </div>
+                          </div>
+                        </div>
+                        <div class="col-12">
+                          <div class="card">
+                            <div class="card-body">
+                              <h3 class="card-title">Card with footer button</h3>
+                              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                                neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                            </div>
+                            <!-- Card footer -->
+                            <div class="card-footer">
+                              <a href="#" class="btn btn-primary">Go somewhere</a>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="col-12">
+                          <div class="card">
+                            <div class="card-body">
+                              <h3 class="card-title">Card with footer buttons</h3>
+                              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                                neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
+                            </div>
+                            <!-- Card footer -->
+                            <div class="card-footer">
+                              <div class="d-flex">
+                                <a href="#" class="btn btn-link">Cancel</a>
+                                <a href="#" class="btn btn-primary ml-auto">Go somewhere</a>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
                       </div>
                     </div>
                   </div>
@@ -1031,9 +1102,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
@@ -1042,23 +1120,8 @@
     </div>
     <!-- Libs JS -->
     <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="./dist/libs/imask/dist/imask.min.js"></script>
     <!-- Tabler Core -->
     <script src="./dist/js/tabler.min.js"></script>
-    <script>
-      (function () {
-      	/**
-      	 * Input mask
-      	 */
-      	var maskElementList = [].slice.call(document.querySelectorAll('[data-mask]'))
-      	maskElementList.map(function (maskEl) {
-      		return new IMask(maskEl, {
-      			mask: maskEl.dataset.mask,
-      			lazy: maskEl.dataset['mask-visible'] === 'true'
-      		})
-      	});
-      })();
-    </script>
     <script>
       document.body.style.display = "block"
     </script>
diff --git a/demo/carousel.html b/demo/carousel.html
index f5f08003d..1d1edf999 100644
--- a/demo/carousel.html
+++ b/demo/carousel.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,7 +547,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Carousel
                 </h2>
@@ -721,9 +728,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/changelog.html b/demo/changelog.html
index 648138fa2..7d70f878e 100644
--- a/demo/changelog.html
+++ b/demo/changelog.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,7 +547,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Changelog
                 </h2>
@@ -563,9 +570,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/charts-heatmap.html b/demo/charts-heatmap.html
index 0e48c553e..699db1b63 100644
--- a/demo/charts-heatmap.html
+++ b/demo/charts-heatmap.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,7 +547,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Heatmap Charts
                 </h2>
@@ -744,9 +751,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/charts.html b/demo/charts.html
index 09d047c76..2e96e05ab 100644
--- a/demo/charts.html
+++ b/demo/charts.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,7 +547,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Charts
                 </h2>
@@ -554,9 +561,7 @@
                   <h3 class="card-title">Social referrals</h3>
                   <div class="ml-auto">
                     <div class="dropdown">
-                      <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                        Last 7 days
-                      </a>
+                      <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                       <div class="dropdown-menu dropdown-menu-right">
                         <a class="dropdown-item active" href="#">Last 7 days</a>
                         <a class="dropdown-item" href="#">Last 30 days</a>
@@ -740,9 +745,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/crypto-currencies.html b/demo/crypto-currencies.html
index 38c5e253a..c41b91f7c 100644
--- a/demo/crypto-currencies.html
+++ b/demo/crypto-currencies.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,7 +547,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Crypto currencies
                 </h2>
@@ -1775,9 +1782,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/dist/css/demo.css b/demo/dist/css/demo.css
index b99f9b699..ec7f0c71a 100644
--- a/demo/dist/css/demo.css
+++ b/demo/dist/css/demo.css
@@ -1,6 +1,6 @@
 /*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
+* Tabler v1.0.0-alpha.9 (https://tabler.io)
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -11,8 +11,8 @@ pre.highlight,
   max-height: 30rem;
   margin: 1.5rem 0;
   overflow: auto;
-  font-size: 0.75rem;
-  background: #354052;
+  font-size: 85.7142857%;
+  background: #232e3c;
   border-radius: 3px;
   color: #ffffff; }
   pre.highlight::-webkit-scrollbar,
@@ -30,8 +30,8 @@ pre.highlight,
     background: transparent; }
   pre.highlight:hover::-webkit-scrollbar-thumb,
   .highlight pre:hover::-webkit-scrollbar-thumb {
-    background: #cbcfd6;
-    background: #5d6675; }
+    background: #c4c8cf;
+    background: #4f5863; }
 
 .highlight .c, .highlight .c1 {
   color: #a0aec0; }
@@ -54,7 +54,7 @@ pre.highlight,
 .example {
   padding: 2rem;
   margin: 2rem 0;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid #e8e9ea;
   border-radius: 3px 3px 0 0;
   position: relative;
   min-height: 12rem;
@@ -73,7 +73,7 @@ pre.highlight,
   max-width: 100%; }
 
 .example-bg {
-  background: #f5f7fb; }
+  background: #f1f4f8; }
 
 .example-code {
   margin: 2rem 0;
@@ -96,7 +96,7 @@ pre.highlight,
   max-width: 40rem; }
 
 .example-modal-backdrop {
-  background: #354052;
+  background: #232e3c;
   opacity: 0.24;
   position: absolute;
   width: 100%;
@@ -107,12 +107,12 @@ pre.highlight,
 
 @media not print {
   .theme-dark .example-code {
-    border: 1px solid rgba(95, 102, 110, 0.2);
+    border: 1px solid #e8e9ea;
     border-top: none; } }
 
 @media not print and (prefers-color-scheme: dark) {
   .theme-dark-auto .example-code {
-    border: 1px solid rgba(95, 102, 110, 0.2);
+    border: 1px solid #e8e9ea;
     border-top: none; } }
 
 .card-sponsor {
@@ -130,9 +130,6 @@ body.no-transitions * {
   list-style: none;
   padding-left: 1rem; }
 
-.toc-entry a {
-  color: #5f666e; }
-
 .dropdown-menu-demo {
   display: inline-block;
   width: 100%;
diff --git a/demo/dist/css/demo.min.css b/demo/dist/css/demo.min.css
index 73b108fc0..097f755fb 100644
--- a/demo/dist/css/demo.min.css
+++ b/demo/dist/css/demo.min.css
@@ -1,9 +1,9 @@
 /*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
+* Tabler v1.0.0-alpha.9 (https://tabler.io)
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 */
-.highlight pre,pre.highlight{max-height:30rem;margin:1.5rem 0;overflow:auto;font-size:.75rem;background:#354052;border-radius:3px;color:#fff}.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.highlight pre::-webkit-scrollbar-thumb,pre.highlight::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.highlight pre::-webkit-scrollbar-corner,pre.highlight::-webkit-scrollbar-corner{background:0 0}.highlight pre:hover::-webkit-scrollbar-thumb,pre.highlight:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#5d6675}.highlight .c,.highlight .c1{color:#a0aec0}.highlight .na,.highlight .nl,.highlight .nx,.language-css .highlight .na,.language-scss .highlight .na{color:#ffe484}.highlight .dl,.highlight .mh,.highlight .s,.highlight .s1,.highlight .s2{color:#b5f4a5}.highlight .language-js .nb,.highlight .mi,.highlight .nc,.highlight .nd,.highlight .nt{color:#93ddfd}.highlight .language-html .nt,.highlight .nb{color:#ff8383}.highlight .k,.highlight .kd,.highlight .n,.highlight .nv{color:#d9a9ff}.example{padding:2rem;margin:2rem 0;border:1px solid rgba(95,102,110,.2);border-radius:3px 3px 0 0;position:relative;min-height:12rem;display:flex;align-items:center;overflow-x:auto}.example-centered{justify-content:center}.example-centered .example-content{flex:0 auto}.example-content{font-size:.875rem;flex:1;max-width:100%}.example-bg{background:#f5f7fb}.example-code{margin:2rem 0;border-top:none}.example-code pre{margin:0;border-radius:0 0 3px 3px}.example+.example-code{margin-top:-2rem}.example-column{margin:0 auto}.example-column>.card:last-of-type{margin-bottom:0}.example-column-1{max-width:20rem}.example-column-2{max-width:40rem}.example-modal-backdrop{background:#354052;opacity:.24;position:absolute;width:100%;left:0;top:0;height:100%;border-radius:2px 2px 0 0}@media not print{.theme-dark .example-code{border:1px solid rgba(95,102,110,.2);border-top:none}}@media not print and (prefers-color-scheme:dark){.theme-dark-auto .example-code{border:1px solid rgba(95,102,110,.2);border-top:none}}.card-sponsor{background:#dbe7f6 no-repeat center/100% 100%;border-color:#548ed2;min-height:316px}body.no-transitions *{transition:none!important}.toc-entry:before{content:'- '}.toc-entry ul{list-style:none;padding-left:1rem}.toc-entry a{color:#5f666e}.dropdown-menu-demo{display:inline-block;width:100%;position:relative;top:0;margin-bottom:1rem}.demo-icon-preview{position:-webkit-sticky;position:sticky;top:0}.demo-icon-preview svg{width:100%;height:auto;stroke-width:1.5;max-width:15rem;margin:0 auto;display:block}
\ No newline at end of file
+.highlight pre,pre.highlight{max-height:30rem;margin:1.5rem 0;overflow:auto;font-size:85.7142857%;background:#232e3c;border-radius:3px;color:#fff}.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.highlight pre::-webkit-scrollbar-thumb,pre.highlight::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.highlight pre::-webkit-scrollbar-corner,pre.highlight::-webkit-scrollbar-corner{background:0 0}.highlight pre:hover::-webkit-scrollbar-thumb,pre.highlight:hover::-webkit-scrollbar-thumb{background:#c4c8cf;background:#4f5863}.highlight .c,.highlight .c1{color:#a0aec0}.highlight .na,.highlight .nl,.highlight .nx,.language-css .highlight .na,.language-scss .highlight .na{color:#ffe484}.highlight .dl,.highlight .mh,.highlight .s,.highlight .s1,.highlight .s2{color:#b5f4a5}.highlight .language-js .nb,.highlight .mi,.highlight .nc,.highlight .nd,.highlight .nt{color:#93ddfd}.highlight .language-html .nt,.highlight .nb{color:#ff8383}.highlight .k,.highlight .kd,.highlight .n,.highlight .nv{color:#d9a9ff}.example{padding:2rem;margin:2rem 0;border:1px solid #e8e9ea;border-radius:3px 3px 0 0;position:relative;min-height:12rem;display:flex;align-items:center;overflow-x:auto}.example-centered{justify-content:center}.example-centered .example-content{flex:0 auto}.example-content{font-size:.875rem;flex:1;max-width:100%}.example-bg{background:#f1f4f8}.example-code{margin:2rem 0;border-top:none}.example-code pre{margin:0;border-radius:0 0 3px 3px}.example+.example-code{margin-top:-2rem}.example-column{margin:0 auto}.example-column>.card:last-of-type{margin-bottom:0}.example-column-1{max-width:20rem}.example-column-2{max-width:40rem}.example-modal-backdrop{background:#232e3c;opacity:.24;position:absolute;width:100%;left:0;top:0;height:100%;border-radius:2px 2px 0 0}@media not print{.theme-dark .example-code{border:1px solid #e8e9ea;border-top:none}}@media not print and (prefers-color-scheme:dark){.theme-dark-auto .example-code{border:1px solid #e8e9ea;border-top:none}}.card-sponsor{background:#dbe7f6 no-repeat center/100% 100%;border-color:#548ed2;min-height:316px}body.no-transitions *{transition:none!important}.toc-entry:before{content:'- '}.toc-entry ul{list-style:none;padding-left:1rem}.dropdown-menu-demo{display:inline-block;width:100%;position:relative;top:0;margin-bottom:1rem}.demo-icon-preview{position:-webkit-sticky;position:sticky;top:0}.demo-icon-preview svg{width:100%;height:auto;stroke-width:1.5;max-width:15rem;margin:0 auto;display:block}
\ No newline at end of file
diff --git a/demo/dist/css/libs.css b/demo/dist/css/libs.css
deleted file mode 100644
index ab1175941..000000000
--- a/demo/dist/css/libs.css
+++ /dev/null
@@ -1,8 +0,0 @@
-/*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
-* @link https://tabler.io
-* Copyright 2018-2020 The Tabler Authors
-* Copyright 2018-2020 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-*/
diff --git a/demo/dist/css/libs.min.css b/demo/dist/css/libs.min.css
deleted file mode 100644
index ab1175941..000000000
--- a/demo/dist/css/libs.min.css
+++ /dev/null
@@ -1,8 +0,0 @@
-/*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
-* @link https://tabler.io
-* Copyright 2018-2020 The Tabler Authors
-* Copyright 2018-2020 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-*/
diff --git a/demo/dist/css/tabler-buttons.css b/demo/dist/css/tabler-buttons.css
deleted file mode 100644
index 2508c8419..000000000
--- a/demo/dist/css/tabler-buttons.css
+++ /dev/null
@@ -1,1652 +0,0 @@
-/*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
-* @link https://tabler.io
-* Copyright 2018-2020 The Tabler Authors
-* Copyright 2018-2020 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-*/
-.btn-ghost-primary {
-  color: #206bc4;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-primary:hover {
-    color: #fff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-  .btn-check:focus + .btn-ghost-primary, .btn-ghost-primary:focus {
-    color: #fff;
-    background-color: #206bc4;
-    border-color: #206bc4;
-    box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.5); }
-  .btn-check:checked + .btn-ghost-primary,
-  .btn-check:active + .btn-ghost-primary, .btn-ghost-primary:active, .btn-ghost-primary.active,
-  .show > .btn-ghost-primary.dropdown-toggle {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-    .btn-check:checked + .btn-ghost-primary:focus,
-    .btn-check:active + .btn-ghost-primary:focus, .btn-ghost-primary:active:focus, .btn-ghost-primary.active:focus,
-    .show > .btn-ghost-primary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.5); }
-  .btn-ghost-primary:disabled, .btn-ghost-primary.disabled {
-    color: #ffffff;
-    background-color: transparent;
-    border-color: transparent; }
-
-.btn-ghost-secondary {
-  color: #5f666e;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-secondary:hover {
-    color: #fff;
-    background-color: #5f666e;
-    border-color: #5f666e; }
-  .btn-check:focus + .btn-ghost-secondary, .btn-ghost-secondary:focus {
-    color: #fff;
-    background-color: #5f666e;
-    border-color: #5f666e;
-    box-shadow: 0 0 0 0.25rem rgba(95, 102, 110, 0.5); }
-  .btn-check:checked + .btn-ghost-secondary,
-  .btn-check:active + .btn-ghost-secondary, .btn-ghost-secondary:active, .btn-ghost-secondary.active,
-  .show > .btn-ghost-secondary.dropdown-toggle {
-    color: #ffffff;
-    background-color: #5f666e;
-    border-color: #5f666e; }
-    .btn-check:checked + .btn-ghost-secondary:focus,
-    .btn-check:active + .btn-ghost-secondary:focus, .btn-ghost-secondary:active:focus, .btn-ghost-secondary.active:focus,
-    .show > .btn-ghost-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(95, 102, 110, 0.5); }
-  .btn-ghost-secondary:disabled, .btn-ghost-secondary.disabled {
-    color: #ffffff;
-    background-color: transparent;
-    border-color: transparent; }
-
-.btn-ghost-success {
-  color: #5eba00;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-success:hover {
-    color: #fff;
-    background-color: #5eba00;
-    border-color: #5eba00; }
-  .btn-check:focus + .btn-ghost-success, .btn-ghost-success:focus {
-    color: #fff;
-    background-color: #5eba00;
-    border-color: #5eba00;
-    box-shadow: 0 0 0 0.25rem rgba(94, 186, 0, 0.5); }
-  .btn-check:checked + .btn-ghost-success,
-  .btn-check:active + .btn-ghost-success, .btn-ghost-success:active, .btn-ghost-success.active,
-  .show > .btn-ghost-success.dropdown-toggle {
-    color: #ffffff;
-    background-color: #5eba00;
-    border-color: #5eba00; }
-    .btn-check:checked + .btn-ghost-success:focus,
-    .btn-check:active + .btn-ghost-success:focus, .btn-ghost-success:active:focus, .btn-ghost-success.active:focus,
-    .show > .btn-ghost-success.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(94, 186, 0, 0.5); }
-  .btn-ghost-success:disabled, .btn-ghost-success.disabled {
-    color: #ffffff;
-    background-color: transparent;
-    border-color: transparent; }
-
-.btn-ghost-info {
-  color: #45aaf2;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-info:hover {
-    color: #fff;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-  .btn-check:focus + .btn-ghost-info, .btn-ghost-info:focus {
-    color: #fff;
-    background-color: #45aaf2;
-    border-color: #45aaf2;
-    box-shadow: 0 0 0 0.25rem rgba(69, 170, 242, 0.5); }
-  .btn-check:checked + .btn-ghost-info,
-  .btn-check:active + .btn-ghost-info, .btn-ghost-info:active, .btn-ghost-info.active,
-  .show > .btn-ghost-info.dropdown-toggle {
-    color: #ffffff;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-    .btn-check:checked + .btn-ghost-info:focus,
-    .btn-check:active + .btn-ghost-info:focus, .btn-ghost-info:active:focus, .btn-ghost-info.active:focus,
-    .show > .btn-ghost-info.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(69, 170, 242, 0.5); }
-  .btn-ghost-info:disabled, .btn-ghost-info.disabled {
-    color: #ffffff;
-    background-color: transparent;
-    border-color: transparent; }
-
-.btn-ghost-warning {
-  color: #fab005;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-warning:hover {
-    color: #fff;
-    background-color: #fab005;
-    border-color: #fab005; }
-  .btn-check:focus + .btn-ghost-warning, .btn-ghost-warning:focus {
-    color: #fff;
-    background-color: #fab005;
-    border-color: #fab005;
-    box-shadow: 0 0 0 0.25rem rgba(250, 176, 5, 0.5); }
-  .btn-check:checked + .btn-ghost-warning,
-  .btn-check:active + .btn-ghost-warning, .btn-ghost-warning:active, .btn-ghost-warning.active,
-  .show > .btn-ghost-warning.dropdown-toggle {
-    color: #ffffff;
-    background-color: #fab005;
-    border-color: #fab005; }
-    .btn-check:checked + .btn-ghost-warning:focus,
-    .btn-check:active + .btn-ghost-warning:focus, .btn-ghost-warning:active:focus, .btn-ghost-warning.active:focus,
-    .show > .btn-ghost-warning.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(250, 176, 5, 0.5); }
-  .btn-ghost-warning:disabled, .btn-ghost-warning.disabled {
-    color: #ffffff;
-    background-color: transparent;
-    border-color: transparent; }
-
-.btn-ghost-danger {
-  color: #cd201f;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-danger:hover {
-    color: #fff;
-    background-color: #cd201f;
-    border-color: #cd201f; }
-  .btn-check:focus + .btn-ghost-danger, .btn-ghost-danger:focus {
-    color: #fff;
-    background-color: #cd201f;
-    border-color: #cd201f;
-    box-shadow: 0 0 0 0.25rem rgba(205, 32, 31, 0.5); }
-  .btn-check:checked + .btn-ghost-danger,
-  .btn-check:active + .btn-ghost-danger, .btn-ghost-danger:active, .btn-ghost-danger.active,
-  .show > .btn-ghost-danger.dropdown-toggle {
-    color: #ffffff;
-    background-color: #cd201f;
-    border-color: #cd201f; }
-    .btn-check:checked + .btn-ghost-danger:focus,
-    .btn-check:active + .btn-ghost-danger:focus, .btn-ghost-danger:active:focus, .btn-ghost-danger.active:focus,
-    .show > .btn-ghost-danger.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(205, 32, 31, 0.5); }
-  .btn-ghost-danger:disabled, .btn-ghost-danger.disabled {
-    color: #ffffff;
-    background-color: transparent;
-    border-color: transparent; }
-
-.btn-ghost-light {
-  color: #f5f7fb;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-light:hover {
-    color: #fff;
-    background-color: #f5f7fb;
-    border-color: #f5f7fb; }
-  .btn-check:focus + .btn-ghost-light, .btn-ghost-light:focus {
-    color: #fff;
-    background-color: #f5f7fb;
-    border-color: #f5f7fb;
-    box-shadow: 0 0 0 0.25rem rgba(245, 247, 251, 0.5); }
-  .btn-check:checked + .btn-ghost-light,
-  .btn-check:active + .btn-ghost-light, .btn-ghost-light:active, .btn-ghost-light.active,
-  .show > .btn-ghost-light.dropdown-toggle {
-    color: #000000;
-    background-color: #f5f7fb;
-    border-color: #f5f7fb; }
-    .btn-check:checked + .btn-ghost-light:focus,
-    .btn-check:active + .btn-ghost-light:focus, .btn-ghost-light:active:focus, .btn-ghost-light.active:focus,
-    .show > .btn-ghost-light.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(245, 247, 251, 0.5); }
-  .btn-ghost-light:disabled, .btn-ghost-light.disabled {
-    color: #ffffff;
-    background-color: transparent;
-    border-color: transparent; }
-
-.btn-ghost-dark {
-  color: #354052;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-dark:hover {
-    color: #fff;
-    background-color: #354052;
-    border-color: #354052; }
-  .btn-check:focus + .btn-ghost-dark, .btn-ghost-dark:focus {
-    color: #fff;
-    background-color: #354052;
-    border-color: #354052;
-    box-shadow: 0 0 0 0.25rem rgba(53, 64, 82, 0.5); }
-  .btn-check:checked + .btn-ghost-dark,
-  .btn-check:active + .btn-ghost-dark, .btn-ghost-dark:active, .btn-ghost-dark.active,
-  .show > .btn-ghost-dark.dropdown-toggle {
-    color: #ffffff;
-    background-color: #354052;
-    border-color: #354052; }
-    .btn-check:checked + .btn-ghost-dark:focus,
-    .btn-check:active + .btn-ghost-dark:focus, .btn-ghost-dark:active:focus, .btn-ghost-dark.active:focus,
-    .show > .btn-ghost-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(53, 64, 82, 0.5); }
-  .btn-ghost-dark:disabled, .btn-ghost-dark.disabled {
-    color: #ffffff;
-    background-color: transparent;
-    border-color: transparent; }
-
-.btn-facebook {
-  color: #ffffff;
-  background-color: #3b5998;
-  border-color: #3b5998; }
-  .btn-facebook:hover {
-    color: #ffffff;
-    background-color: #30497c;
-    border-color: #2d4373; }
-  .btn-check:focus + .btn-facebook, .btn-facebook:focus {
-    color: #ffffff;
-    background-color: #30497c;
-    border-color: #2d4373;
-    box-shadow: 0 0 0 0.25rem rgba(88, 114, 167, 0.5); }
-  .btn-check:checked + .btn-facebook,
-  .btn-check:active + .btn-facebook, .btn-facebook:active, .btn-facebook.active,
-  .show > .btn-facebook.dropdown-toggle {
-    color: #ffffff;
-    background-color: #2d4373;
-    border-color: #293e6a; }
-    .btn-check:checked + .btn-facebook:focus,
-    .btn-check:active + .btn-facebook:focus, .btn-facebook:active:focus, .btn-facebook.active:focus,
-    .show > .btn-facebook.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(88, 114, 167, 0.5); }
-  .btn-facebook:disabled, .btn-facebook.disabled {
-    color: #ffffff;
-    background-color: #3b5998;
-    border-color: #3b5998; }
-
-.btn-outline-facebook {
-  color: #3b5998;
-  border-color: #3b5998; }
-  .btn-outline-facebook:hover {
-    color: #3b5998;
-    background-color: #3b5998;
-    border-color: #3b5998; }
-  .btn-check:focus + .btn-outline-facebook, .btn-outline-facebook:focus {
-    box-shadow: 0 0 0 0.25rem rgba(59, 89, 152, 0.5); }
-  .btn-check:checked + .btn-outline-facebook,
-  .btn-check:active + .btn-outline-facebook, .btn-outline-facebook:active, .btn-outline-facebook.active, .btn-outline-facebook.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #3b5998;
-    border-color: #3b5998; }
-    .btn-check:checked + .btn-outline-facebook:focus,
-    .btn-check:active + .btn-outline-facebook:focus, .btn-outline-facebook:active:focus, .btn-outline-facebook.active:focus, .btn-outline-facebook.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(59, 89, 152, 0.5); }
-  .btn-outline-facebook:disabled, .btn-outline-facebook.disabled {
-    color: #3b5998;
-    background-color: transparent; }
-
-.btn-twitter {
-  color: #ffffff;
-  background-color: #1da1f2;
-  border-color: #1da1f2; }
-  .btn-twitter:hover {
-    color: #ffffff;
-    background-color: #0d8ddc;
-    border-color: #0c85d0; }
-  .btn-check:focus + .btn-twitter, .btn-twitter:focus {
-    color: #ffffff;
-    background-color: #0d8ddc;
-    border-color: #0c85d0;
-    box-shadow: 0 0 0 0.25rem rgba(63, 175, 244, 0.5); }
-  .btn-check:checked + .btn-twitter,
-  .btn-check:active + .btn-twitter, .btn-twitter:active, .btn-twitter.active,
-  .show > .btn-twitter.dropdown-toggle {
-    color: #ffffff;
-    background-color: #0c85d0;
-    border-color: #0b7ec4; }
-    .btn-check:checked + .btn-twitter:focus,
-    .btn-check:active + .btn-twitter:focus, .btn-twitter:active:focus, .btn-twitter.active:focus,
-    .show > .btn-twitter.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(63, 175, 244, 0.5); }
-  .btn-twitter:disabled, .btn-twitter.disabled {
-    color: #ffffff;
-    background-color: #1da1f2;
-    border-color: #1da1f2; }
-
-.btn-outline-twitter {
-  color: #1da1f2;
-  border-color: #1da1f2; }
-  .btn-outline-twitter:hover {
-    color: #1da1f2;
-    background-color: #1da1f2;
-    border-color: #1da1f2; }
-  .btn-check:focus + .btn-outline-twitter, .btn-outline-twitter:focus {
-    box-shadow: 0 0 0 0.25rem rgba(29, 161, 242, 0.5); }
-  .btn-check:checked + .btn-outline-twitter,
-  .btn-check:active + .btn-outline-twitter, .btn-outline-twitter:active, .btn-outline-twitter.active, .btn-outline-twitter.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #1da1f2;
-    border-color: #1da1f2; }
-    .btn-check:checked + .btn-outline-twitter:focus,
-    .btn-check:active + .btn-outline-twitter:focus, .btn-outline-twitter:active:focus, .btn-outline-twitter.active:focus, .btn-outline-twitter.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(29, 161, 242, 0.5); }
-  .btn-outline-twitter:disabled, .btn-outline-twitter.disabled {
-    color: #1da1f2;
-    background-color: transparent; }
-
-.btn-google {
-  color: #ffffff;
-  background-color: #dc4e41;
-  border-color: #dc4e41; }
-  .btn-google:hover {
-    color: #ffffff;
-    background-color: #d03526;
-    border-color: #c63224; }
-  .btn-check:focus + .btn-google, .btn-google:focus {
-    color: #ffffff;
-    background-color: #d03526;
-    border-color: #c63224;
-    box-shadow: 0 0 0 0.25rem rgba(225, 105, 94, 0.5); }
-  .btn-check:checked + .btn-google,
-  .btn-check:active + .btn-google, .btn-google:active, .btn-google.active,
-  .show > .btn-google.dropdown-toggle {
-    color: #ffffff;
-    background-color: #c63224;
-    border-color: #bb2f22; }
-    .btn-check:checked + .btn-google:focus,
-    .btn-check:active + .btn-google:focus, .btn-google:active:focus, .btn-google.active:focus,
-    .show > .btn-google.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(225, 105, 94, 0.5); }
-  .btn-google:disabled, .btn-google.disabled {
-    color: #ffffff;
-    background-color: #dc4e41;
-    border-color: #dc4e41; }
-
-.btn-outline-google {
-  color: #dc4e41;
-  border-color: #dc4e41; }
-  .btn-outline-google:hover {
-    color: #dc4e41;
-    background-color: #dc4e41;
-    border-color: #dc4e41; }
-  .btn-check:focus + .btn-outline-google, .btn-outline-google:focus {
-    box-shadow: 0 0 0 0.25rem rgba(220, 78, 65, 0.5); }
-  .btn-check:checked + .btn-outline-google,
-  .btn-check:active + .btn-outline-google, .btn-outline-google:active, .btn-outline-google.active, .btn-outline-google.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #dc4e41;
-    border-color: #dc4e41; }
-    .btn-check:checked + .btn-outline-google:focus,
-    .btn-check:active + .btn-outline-google:focus, .btn-outline-google:active:focus, .btn-outline-google.active:focus, .btn-outline-google.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(220, 78, 65, 0.5); }
-  .btn-outline-google:disabled, .btn-outline-google.disabled {
-    color: #dc4e41;
-    background-color: transparent; }
-
-.btn-youtube {
-  color: #ffffff;
-  background-color: #ff0000;
-  border-color: #ff0000; }
-  .btn-youtube:hover {
-    color: #ffffff;
-    background-color: #d90000;
-    border-color: #cc0000; }
-  .btn-check:focus + .btn-youtube, .btn-youtube:focus {
-    color: #ffffff;
-    background-color: #d90000;
-    border-color: #cc0000;
-    box-shadow: 0 0 0 0.25rem rgba(255, 38, 38, 0.5); }
-  .btn-check:checked + .btn-youtube,
-  .btn-check:active + .btn-youtube, .btn-youtube:active, .btn-youtube.active,
-  .show > .btn-youtube.dropdown-toggle {
-    color: #ffffff;
-    background-color: #cc0000;
-    border-color: #bf0000; }
-    .btn-check:checked + .btn-youtube:focus,
-    .btn-check:active + .btn-youtube:focus, .btn-youtube:active:focus, .btn-youtube.active:focus,
-    .show > .btn-youtube.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(255, 38, 38, 0.5); }
-  .btn-youtube:disabled, .btn-youtube.disabled {
-    color: #ffffff;
-    background-color: #ff0000;
-    border-color: #ff0000; }
-
-.btn-outline-youtube {
-  color: #ff0000;
-  border-color: #ff0000; }
-  .btn-outline-youtube:hover {
-    color: #ff0000;
-    background-color: #ff0000;
-    border-color: #ff0000; }
-  .btn-check:focus + .btn-outline-youtube, .btn-outline-youtube:focus {
-    box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0.5); }
-  .btn-check:checked + .btn-outline-youtube,
-  .btn-check:active + .btn-outline-youtube, .btn-outline-youtube:active, .btn-outline-youtube.active, .btn-outline-youtube.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #ff0000;
-    border-color: #ff0000; }
-    .btn-check:checked + .btn-outline-youtube:focus,
-    .btn-check:active + .btn-outline-youtube:focus, .btn-outline-youtube:active:focus, .btn-outline-youtube.active:focus, .btn-outline-youtube.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0.5); }
-  .btn-outline-youtube:disabled, .btn-outline-youtube.disabled {
-    color: #ff0000;
-    background-color: transparent; }
-
-.btn-vimeo {
-  color: #ffffff;
-  background-color: #1ab7ea;
-  border-color: #1ab7ea; }
-  .btn-vimeo:hover {
-    color: #ffffff;
-    background-color: #139ecb;
-    border-color: #1295bf; }
-  .btn-check:focus + .btn-vimeo, .btn-vimeo:focus {
-    color: #ffffff;
-    background-color: #139ecb;
-    border-color: #1295bf;
-    box-shadow: 0 0 0 0.25rem rgba(60, 194, 237, 0.5); }
-  .btn-check:checked + .btn-vimeo,
-  .btn-check:active + .btn-vimeo, .btn-vimeo:active, .btn-vimeo.active,
-  .show > .btn-vimeo.dropdown-toggle {
-    color: #ffffff;
-    background-color: #1295bf;
-    border-color: #108cb4; }
-    .btn-check:checked + .btn-vimeo:focus,
-    .btn-check:active + .btn-vimeo:focus, .btn-vimeo:active:focus, .btn-vimeo.active:focus,
-    .show > .btn-vimeo.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(60, 194, 237, 0.5); }
-  .btn-vimeo:disabled, .btn-vimeo.disabled {
-    color: #ffffff;
-    background-color: #1ab7ea;
-    border-color: #1ab7ea; }
-
-.btn-outline-vimeo {
-  color: #1ab7ea;
-  border-color: #1ab7ea; }
-  .btn-outline-vimeo:hover {
-    color: #1ab7ea;
-    background-color: #1ab7ea;
-    border-color: #1ab7ea; }
-  .btn-check:focus + .btn-outline-vimeo, .btn-outline-vimeo:focus {
-    box-shadow: 0 0 0 0.25rem rgba(26, 183, 234, 0.5); }
-  .btn-check:checked + .btn-outline-vimeo,
-  .btn-check:active + .btn-outline-vimeo, .btn-outline-vimeo:active, .btn-outline-vimeo.active, .btn-outline-vimeo.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #1ab7ea;
-    border-color: #1ab7ea; }
-    .btn-check:checked + .btn-outline-vimeo:focus,
-    .btn-check:active + .btn-outline-vimeo:focus, .btn-outline-vimeo:active:focus, .btn-outline-vimeo.active:focus, .btn-outline-vimeo.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(26, 183, 234, 0.5); }
-  .btn-outline-vimeo:disabled, .btn-outline-vimeo.disabled {
-    color: #1ab7ea;
-    background-color: transparent; }
-
-.btn-dribbble {
-  color: #ffffff;
-  background-color: #ea4c89;
-  border-color: #ea4c89; }
-  .btn-dribbble:hover {
-    color: #ffffff;
-    background-color: #e62a72;
-    border-color: #e51e6b; }
-  .btn-check:focus + .btn-dribbble, .btn-dribbble:focus {
-    color: #ffffff;
-    background-color: #e62a72;
-    border-color: #e51e6b;
-    box-shadow: 0 0 0 0.25rem rgba(237, 103, 155, 0.5); }
-  .btn-check:checked + .btn-dribbble,
-  .btn-check:active + .btn-dribbble, .btn-dribbble:active, .btn-dribbble.active,
-  .show > .btn-dribbble.dropdown-toggle {
-    color: #ffffff;
-    background-color: #e51e6b;
-    border-color: #dc1a65; }
-    .btn-check:checked + .btn-dribbble:focus,
-    .btn-check:active + .btn-dribbble:focus, .btn-dribbble:active:focus, .btn-dribbble.active:focus,
-    .show > .btn-dribbble.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(237, 103, 155, 0.5); }
-  .btn-dribbble:disabled, .btn-dribbble.disabled {
-    color: #ffffff;
-    background-color: #ea4c89;
-    border-color: #ea4c89; }
-
-.btn-outline-dribbble {
-  color: #ea4c89;
-  border-color: #ea4c89; }
-  .btn-outline-dribbble:hover {
-    color: #ea4c89;
-    background-color: #ea4c89;
-    border-color: #ea4c89; }
-  .btn-check:focus + .btn-outline-dribbble, .btn-outline-dribbble:focus {
-    box-shadow: 0 0 0 0.25rem rgba(234, 76, 137, 0.5); }
-  .btn-check:checked + .btn-outline-dribbble,
-  .btn-check:active + .btn-outline-dribbble, .btn-outline-dribbble:active, .btn-outline-dribbble.active, .btn-outline-dribbble.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #ea4c89;
-    border-color: #ea4c89; }
-    .btn-check:checked + .btn-outline-dribbble:focus,
-    .btn-check:active + .btn-outline-dribbble:focus, .btn-outline-dribbble:active:focus, .btn-outline-dribbble.active:focus, .btn-outline-dribbble.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(234, 76, 137, 0.5); }
-  .btn-outline-dribbble:disabled, .btn-outline-dribbble.disabled {
-    color: #ea4c89;
-    background-color: transparent; }
-
-.btn-github {
-  color: #ffffff;
-  background-color: #181717;
-  border-color: #181717; }
-  .btn-github:hover {
-    color: #ffffff;
-    background-color: #040404;
-    border-color: black; }
-  .btn-check:focus + .btn-github, .btn-github:focus {
-    color: #ffffff;
-    background-color: #040404;
-    border-color: black;
-    box-shadow: 0 0 0 0.25rem rgba(59, 58, 58, 0.5); }
-  .btn-check:checked + .btn-github,
-  .btn-check:active + .btn-github, .btn-github:active, .btn-github.active,
-  .show > .btn-github.dropdown-toggle {
-    color: #ffffff;
-    background-color: black;
-    border-color: black; }
-    .btn-check:checked + .btn-github:focus,
-    .btn-check:active + .btn-github:focus, .btn-github:active:focus, .btn-github.active:focus,
-    .show > .btn-github.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(59, 58, 58, 0.5); }
-  .btn-github:disabled, .btn-github.disabled {
-    color: #ffffff;
-    background-color: #181717;
-    border-color: #181717; }
-
-.btn-outline-github {
-  color: #181717;
-  border-color: #181717; }
-  .btn-outline-github:hover {
-    color: #181717;
-    background-color: #181717;
-    border-color: #181717; }
-  .btn-check:focus + .btn-outline-github, .btn-outline-github:focus {
-    box-shadow: 0 0 0 0.25rem rgba(24, 23, 23, 0.5); }
-  .btn-check:checked + .btn-outline-github,
-  .btn-check:active + .btn-outline-github, .btn-outline-github:active, .btn-outline-github.active, .btn-outline-github.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #181717;
-    border-color: #181717; }
-    .btn-check:checked + .btn-outline-github:focus,
-    .btn-check:active + .btn-outline-github:focus, .btn-outline-github:active:focus, .btn-outline-github.active:focus, .btn-outline-github.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(24, 23, 23, 0.5); }
-  .btn-outline-github:disabled, .btn-outline-github.disabled {
-    color: #181717;
-    background-color: transparent; }
-
-.btn-instagram {
-  color: #ffffff;
-  background-color: #e4405f;
-  border-color: #e4405f; }
-  .btn-instagram:hover {
-    color: #ffffff;
-    background-color: #de1f44;
-    border-color: #d31e40; }
-  .btn-check:focus + .btn-instagram, .btn-instagram:focus {
-    color: #ffffff;
-    background-color: #de1f44;
-    border-color: #d31e40;
-    box-shadow: 0 0 0 0.25rem rgba(232, 93, 119, 0.5); }
-  .btn-check:checked + .btn-instagram,
-  .btn-check:active + .btn-instagram, .btn-instagram:active, .btn-instagram.active,
-  .show > .btn-instagram.dropdown-toggle {
-    color: #ffffff;
-    background-color: #d31e40;
-    border-color: #c81c3d; }
-    .btn-check:checked + .btn-instagram:focus,
-    .btn-check:active + .btn-instagram:focus, .btn-instagram:active:focus, .btn-instagram.active:focus,
-    .show > .btn-instagram.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(232, 93, 119, 0.5); }
-  .btn-instagram:disabled, .btn-instagram.disabled {
-    color: #ffffff;
-    background-color: #e4405f;
-    border-color: #e4405f; }
-
-.btn-outline-instagram {
-  color: #e4405f;
-  border-color: #e4405f; }
-  .btn-outline-instagram:hover {
-    color: #e4405f;
-    background-color: #e4405f;
-    border-color: #e4405f; }
-  .btn-check:focus + .btn-outline-instagram, .btn-outline-instagram:focus {
-    box-shadow: 0 0 0 0.25rem rgba(228, 64, 95, 0.5); }
-  .btn-check:checked + .btn-outline-instagram,
-  .btn-check:active + .btn-outline-instagram, .btn-outline-instagram:active, .btn-outline-instagram.active, .btn-outline-instagram.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #e4405f;
-    border-color: #e4405f; }
-    .btn-check:checked + .btn-outline-instagram:focus,
-    .btn-check:active + .btn-outline-instagram:focus, .btn-outline-instagram:active:focus, .btn-outline-instagram.active:focus, .btn-outline-instagram.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(228, 64, 95, 0.5); }
-  .btn-outline-instagram:disabled, .btn-outline-instagram.disabled {
-    color: #e4405f;
-    background-color: transparent; }
-
-.btn-pinterest {
-  color: #ffffff;
-  background-color: #bd081c;
-  border-color: #bd081c; }
-  .btn-pinterest:hover {
-    color: #ffffff;
-    background-color: #980617;
-    border-color: #8c0615; }
-  .btn-check:focus + .btn-pinterest, .btn-pinterest:focus {
-    color: #ffffff;
-    background-color: #980617;
-    border-color: #8c0615;
-    box-shadow: 0 0 0 0.25rem rgba(199, 45, 62, 0.5); }
-  .btn-check:checked + .btn-pinterest,
-  .btn-check:active + .btn-pinterest, .btn-pinterest:active, .btn-pinterest.active,
-  .show > .btn-pinterest.dropdown-toggle {
-    color: #ffffff;
-    background-color: #8c0615;
-    border-color: #800513; }
-    .btn-check:checked + .btn-pinterest:focus,
-    .btn-check:active + .btn-pinterest:focus, .btn-pinterest:active:focus, .btn-pinterest.active:focus,
-    .show > .btn-pinterest.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(199, 45, 62, 0.5); }
-  .btn-pinterest:disabled, .btn-pinterest.disabled {
-    color: #ffffff;
-    background-color: #bd081c;
-    border-color: #bd081c; }
-
-.btn-outline-pinterest {
-  color: #bd081c;
-  border-color: #bd081c; }
-  .btn-outline-pinterest:hover {
-    color: #bd081c;
-    background-color: #bd081c;
-    border-color: #bd081c; }
-  .btn-check:focus + .btn-outline-pinterest, .btn-outline-pinterest:focus {
-    box-shadow: 0 0 0 0.25rem rgba(189, 8, 28, 0.5); }
-  .btn-check:checked + .btn-outline-pinterest,
-  .btn-check:active + .btn-outline-pinterest, .btn-outline-pinterest:active, .btn-outline-pinterest.active, .btn-outline-pinterest.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #bd081c;
-    border-color: #bd081c; }
-    .btn-check:checked + .btn-outline-pinterest:focus,
-    .btn-check:active + .btn-outline-pinterest:focus, .btn-outline-pinterest:active:focus, .btn-outline-pinterest.active:focus, .btn-outline-pinterest.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(189, 8, 28, 0.5); }
-  .btn-outline-pinterest:disabled, .btn-outline-pinterest.disabled {
-    color: #bd081c;
-    background-color: transparent; }
-
-.btn-vk {
-  color: #ffffff;
-  background-color: #6383a8;
-  border-color: #6383a8; }
-  .btn-vk:hover {
-    color: #ffffff;
-    background-color: #527093;
-    border-color: #4d6a8b; }
-  .btn-check:focus + .btn-vk, .btn-vk:focus {
-    color: #ffffff;
-    background-color: #527093;
-    border-color: #4d6a8b;
-    box-shadow: 0 0 0 0.25rem rgba(122, 150, 181, 0.5); }
-  .btn-check:checked + .btn-vk,
-  .btn-check:active + .btn-vk, .btn-vk:active, .btn-vk.active,
-  .show > .btn-vk.dropdown-toggle {
-    color: #ffffff;
-    background-color: #4d6a8b;
-    border-color: #496482; }
-    .btn-check:checked + .btn-vk:focus,
-    .btn-check:active + .btn-vk:focus, .btn-vk:active:focus, .btn-vk.active:focus,
-    .show > .btn-vk.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(122, 150, 181, 0.5); }
-  .btn-vk:disabled, .btn-vk.disabled {
-    color: #ffffff;
-    background-color: #6383a8;
-    border-color: #6383a8; }
-
-.btn-outline-vk {
-  color: #6383a8;
-  border-color: #6383a8; }
-  .btn-outline-vk:hover {
-    color: #6383a8;
-    background-color: #6383a8;
-    border-color: #6383a8; }
-  .btn-check:focus + .btn-outline-vk, .btn-outline-vk:focus {
-    box-shadow: 0 0 0 0.25rem rgba(99, 131, 168, 0.5); }
-  .btn-check:checked + .btn-outline-vk,
-  .btn-check:active + .btn-outline-vk, .btn-outline-vk:active, .btn-outline-vk.active, .btn-outline-vk.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #6383a8;
-    border-color: #6383a8; }
-    .btn-check:checked + .btn-outline-vk:focus,
-    .btn-check:active + .btn-outline-vk:focus, .btn-outline-vk:active:focus, .btn-outline-vk.active:focus, .btn-outline-vk.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(99, 131, 168, 0.5); }
-  .btn-outline-vk:disabled, .btn-outline-vk.disabled {
-    color: #6383a8;
-    background-color: transparent; }
-
-.btn-rss {
-  color: #ffffff;
-  background-color: #ffa500;
-  border-color: #ffa500; }
-  .btn-rss:hover {
-    color: #ffffff;
-    background-color: #d98c00;
-    border-color: #cc8400; }
-  .btn-check:focus + .btn-rss, .btn-rss:focus {
-    color: #ffffff;
-    background-color: #d98c00;
-    border-color: #cc8400;
-    box-shadow: 0 0 0 0.25rem rgba(255, 179, 38, 0.5); }
-  .btn-check:checked + .btn-rss,
-  .btn-check:active + .btn-rss, .btn-rss:active, .btn-rss.active,
-  .show > .btn-rss.dropdown-toggle {
-    color: #ffffff;
-    background-color: #cc8400;
-    border-color: #bf7c00; }
-    .btn-check:checked + .btn-rss:focus,
-    .btn-check:active + .btn-rss:focus, .btn-rss:active:focus, .btn-rss.active:focus,
-    .show > .btn-rss.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(255, 179, 38, 0.5); }
-  .btn-rss:disabled, .btn-rss.disabled {
-    color: #ffffff;
-    background-color: #ffa500;
-    border-color: #ffa500; }
-
-.btn-outline-rss {
-  color: #ffa500;
-  border-color: #ffa500; }
-  .btn-outline-rss:hover {
-    color: #ffa500;
-    background-color: #ffa500;
-    border-color: #ffa500; }
-  .btn-check:focus + .btn-outline-rss, .btn-outline-rss:focus {
-    box-shadow: 0 0 0 0.25rem rgba(255, 165, 0, 0.5); }
-  .btn-check:checked + .btn-outline-rss,
-  .btn-check:active + .btn-outline-rss, .btn-outline-rss:active, .btn-outline-rss.active, .btn-outline-rss.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #ffa500;
-    border-color: #ffa500; }
-    .btn-check:checked + .btn-outline-rss:focus,
-    .btn-check:active + .btn-outline-rss:focus, .btn-outline-rss:active:focus, .btn-outline-rss.active:focus, .btn-outline-rss.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(255, 165, 0, 0.5); }
-  .btn-outline-rss:disabled, .btn-outline-rss.disabled {
-    color: #ffa500;
-    background-color: transparent; }
-
-.btn-flickr {
-  color: #ffffff;
-  background-color: #0063dc;
-  border-color: #0063dc; }
-  .btn-flickr:hover {
-    color: #ffffff;
-    background-color: #0052b6;
-    border-color: #004ca9; }
-  .btn-check:focus + .btn-flickr, .btn-flickr:focus {
-    color: #ffffff;
-    background-color: #0052b6;
-    border-color: #004ca9;
-    box-shadow: 0 0 0 0.25rem rgba(38, 122, 225, 0.5); }
-  .btn-check:checked + .btn-flickr,
-  .btn-check:active + .btn-flickr, .btn-flickr:active, .btn-flickr.active,
-  .show > .btn-flickr.dropdown-toggle {
-    color: #ffffff;
-    background-color: #004ca9;
-    border-color: #00469c; }
-    .btn-check:checked + .btn-flickr:focus,
-    .btn-check:active + .btn-flickr:focus, .btn-flickr:active:focus, .btn-flickr.active:focus,
-    .show > .btn-flickr.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(38, 122, 225, 0.5); }
-  .btn-flickr:disabled, .btn-flickr.disabled {
-    color: #ffffff;
-    background-color: #0063dc;
-    border-color: #0063dc; }
-
-.btn-outline-flickr {
-  color: #0063dc;
-  border-color: #0063dc; }
-  .btn-outline-flickr:hover {
-    color: #0063dc;
-    background-color: #0063dc;
-    border-color: #0063dc; }
-  .btn-check:focus + .btn-outline-flickr, .btn-outline-flickr:focus {
-    box-shadow: 0 0 0 0.25rem rgba(0, 99, 220, 0.5); }
-  .btn-check:checked + .btn-outline-flickr,
-  .btn-check:active + .btn-outline-flickr, .btn-outline-flickr:active, .btn-outline-flickr.active, .btn-outline-flickr.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #0063dc;
-    border-color: #0063dc; }
-    .btn-check:checked + .btn-outline-flickr:focus,
-    .btn-check:active + .btn-outline-flickr:focus, .btn-outline-flickr:active:focus, .btn-outline-flickr.active:focus, .btn-outline-flickr.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(0, 99, 220, 0.5); }
-  .btn-outline-flickr:disabled, .btn-outline-flickr.disabled {
-    color: #0063dc;
-    background-color: transparent; }
-
-.btn-bitbucket {
-  color: #ffffff;
-  background-color: #0052cc;
-  border-color: #0052cc; }
-  .btn-bitbucket:hover {
-    color: #ffffff;
-    background-color: #0043a6;
-    border-color: #003e99; }
-  .btn-check:focus + .btn-bitbucket, .btn-bitbucket:focus {
-    color: #ffffff;
-    background-color: #0043a6;
-    border-color: #003e99;
-    box-shadow: 0 0 0 0.25rem rgba(38, 108, 212, 0.5); }
-  .btn-check:checked + .btn-bitbucket,
-  .btn-check:active + .btn-bitbucket, .btn-bitbucket:active, .btn-bitbucket.active,
-  .show > .btn-bitbucket.dropdown-toggle {
-    color: #ffffff;
-    background-color: #003e99;
-    border-color: #00388c; }
-    .btn-check:checked + .btn-bitbucket:focus,
-    .btn-check:active + .btn-bitbucket:focus, .btn-bitbucket:active:focus, .btn-bitbucket.active:focus,
-    .show > .btn-bitbucket.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(38, 108, 212, 0.5); }
-  .btn-bitbucket:disabled, .btn-bitbucket.disabled {
-    color: #ffffff;
-    background-color: #0052cc;
-    border-color: #0052cc; }
-
-.btn-outline-bitbucket {
-  color: #0052cc;
-  border-color: #0052cc; }
-  .btn-outline-bitbucket:hover {
-    color: #0052cc;
-    background-color: #0052cc;
-    border-color: #0052cc; }
-  .btn-check:focus + .btn-outline-bitbucket, .btn-outline-bitbucket:focus {
-    box-shadow: 0 0 0 0.25rem rgba(0, 82, 204, 0.5); }
-  .btn-check:checked + .btn-outline-bitbucket,
-  .btn-check:active + .btn-outline-bitbucket, .btn-outline-bitbucket:active, .btn-outline-bitbucket.active, .btn-outline-bitbucket.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #0052cc;
-    border-color: #0052cc; }
-    .btn-check:checked + .btn-outline-bitbucket:focus,
-    .btn-check:active + .btn-outline-bitbucket:focus, .btn-outline-bitbucket:active:focus, .btn-outline-bitbucket.active:focus, .btn-outline-bitbucket.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(0, 82, 204, 0.5); }
-  .btn-outline-bitbucket:disabled, .btn-outline-bitbucket.disabled {
-    color: #0052cc;
-    background-color: transparent; }
-
-.btn-tabler {
-  color: #ffffff;
-  background-color: #206bc4;
-  border-color: #206bc4; }
-  .btn-tabler:hover {
-    color: #ffffff;
-    background-color: #1b59a3;
-    border-color: #195398; }
-  .btn-check:focus + .btn-tabler, .btn-tabler:focus {
-    color: #ffffff;
-    background-color: #1b59a3;
-    border-color: #195398;
-    box-shadow: 0 0 0 0.25rem rgba(65, 129, 205, 0.5); }
-  .btn-check:checked + .btn-tabler,
-  .btn-check:active + .btn-tabler, .btn-tabler:active, .btn-tabler.active,
-  .show > .btn-tabler.dropdown-toggle {
-    color: #ffffff;
-    background-color: #195398;
-    border-color: #174d8d; }
-    .btn-check:checked + .btn-tabler:focus,
-    .btn-check:active + .btn-tabler:focus, .btn-tabler:active:focus, .btn-tabler.active:focus,
-    .show > .btn-tabler.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(65, 129, 205, 0.5); }
-  .btn-tabler:disabled, .btn-tabler.disabled {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-
-.btn-outline-tabler {
-  color: #206bc4;
-  border-color: #206bc4; }
-  .btn-outline-tabler:hover {
-    color: #206bc4;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-  .btn-check:focus + .btn-outline-tabler, .btn-outline-tabler:focus {
-    box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.5); }
-  .btn-check:checked + .btn-outline-tabler,
-  .btn-check:active + .btn-outline-tabler, .btn-outline-tabler:active, .btn-outline-tabler.active, .btn-outline-tabler.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-    .btn-check:checked + .btn-outline-tabler:focus,
-    .btn-check:active + .btn-outline-tabler:focus, .btn-outline-tabler:active:focus, .btn-outline-tabler.active:focus, .btn-outline-tabler.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.5); }
-  .btn-outline-tabler:disabled, .btn-outline-tabler.disabled {
-    color: #206bc4;
-    background-color: transparent; }
-
-.btn-blue {
-  color: #ffffff;
-  background-color: #206bc4;
-  border-color: #206bc4; }
-  .btn-blue:hover {
-    color: #ffffff;
-    background-color: #1b59a3;
-    border-color: #195398; }
-  .btn-check:focus + .btn-blue, .btn-blue:focus {
-    color: #ffffff;
-    background-color: #1b59a3;
-    border-color: #195398;
-    box-shadow: 0 0 0 0.25rem rgba(65, 129, 205, 0.5); }
-  .btn-check:checked + .btn-blue,
-  .btn-check:active + .btn-blue, .btn-blue:active, .btn-blue.active,
-  .show > .btn-blue.dropdown-toggle {
-    color: #ffffff;
-    background-color: #195398;
-    border-color: #174d8d; }
-    .btn-check:checked + .btn-blue:focus,
-    .btn-check:active + .btn-blue:focus, .btn-blue:active:focus, .btn-blue.active:focus,
-    .show > .btn-blue.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(65, 129, 205, 0.5); }
-  .btn-blue:disabled, .btn-blue.disabled {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-
-.btn-outline-blue {
-  color: #206bc4;
-  border-color: #206bc4; }
-  .btn-outline-blue:hover {
-    color: #206bc4;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-  .btn-check:focus + .btn-outline-blue, .btn-outline-blue:focus {
-    box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.5); }
-  .btn-check:checked + .btn-outline-blue,
-  .btn-check:active + .btn-outline-blue, .btn-outline-blue:active, .btn-outline-blue.active, .btn-outline-blue.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-    .btn-check:checked + .btn-outline-blue:focus,
-    .btn-check:active + .btn-outline-blue:focus, .btn-outline-blue:active:focus, .btn-outline-blue.active:focus, .btn-outline-blue.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.5); }
-  .btn-outline-blue:disabled, .btn-outline-blue.disabled {
-    color: #206bc4;
-    background-color: transparent; }
-
-.btn-azure {
-  color: #ffffff;
-  background-color: #45aaf2;
-  border-color: #45aaf2; }
-  .btn-azure:hover {
-    color: #ffffff;
-    background-color: #219af0;
-    border-color: #1594ef; }
-  .btn-check:focus + .btn-azure, .btn-azure:focus {
-    color: #ffffff;
-    background-color: #219af0;
-    border-color: #1594ef;
-    box-shadow: 0 0 0 0.25rem rgba(97, 183, 244, 0.5); }
-  .btn-check:checked + .btn-azure,
-  .btn-check:active + .btn-azure, .btn-azure:active, .btn-azure.active,
-  .show > .btn-azure.dropdown-toggle {
-    color: #ffffff;
-    background-color: #1594ef;
-    border-color: #108ee7; }
-    .btn-check:checked + .btn-azure:focus,
-    .btn-check:active + .btn-azure:focus, .btn-azure:active:focus, .btn-azure.active:focus,
-    .show > .btn-azure.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(97, 183, 244, 0.5); }
-  .btn-azure:disabled, .btn-azure.disabled {
-    color: #ffffff;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-
-.btn-outline-azure {
-  color: #45aaf2;
-  border-color: #45aaf2; }
-  .btn-outline-azure:hover {
-    color: #45aaf2;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-  .btn-check:focus + .btn-outline-azure, .btn-outline-azure:focus {
-    box-shadow: 0 0 0 0.25rem rgba(69, 170, 242, 0.5); }
-  .btn-check:checked + .btn-outline-azure,
-  .btn-check:active + .btn-outline-azure, .btn-outline-azure:active, .btn-outline-azure.active, .btn-outline-azure.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-    .btn-check:checked + .btn-outline-azure:focus,
-    .btn-check:active + .btn-outline-azure:focus, .btn-outline-azure:active:focus, .btn-outline-azure.active:focus, .btn-outline-azure.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(69, 170, 242, 0.5); }
-  .btn-outline-azure:disabled, .btn-outline-azure.disabled {
-    color: #45aaf2;
-    background-color: transparent; }
-
-.btn-indigo {
-  color: #ffffff;
-  background-color: #6574cd;
-  border-color: #6574cd; }
-  .btn-indigo:hover {
-    color: #ffffff;
-    background-color: #485ac4;
-    border-color: #3f51c1; }
-  .btn-check:focus + .btn-indigo, .btn-indigo:focus {
-    color: #ffffff;
-    background-color: #485ac4;
-    border-color: #3f51c1;
-    box-shadow: 0 0 0 0.25rem rgba(124, 137, 213, 0.5); }
-  .btn-check:checked + .btn-indigo,
-  .btn-check:active + .btn-indigo, .btn-indigo:active, .btn-indigo.active,
-  .show > .btn-indigo.dropdown-toggle {
-    color: #ffffff;
-    background-color: #3f51c1;
-    border-color: #3b4db7; }
-    .btn-check:checked + .btn-indigo:focus,
-    .btn-check:active + .btn-indigo:focus, .btn-indigo:active:focus, .btn-indigo.active:focus,
-    .show > .btn-indigo.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(124, 137, 213, 0.5); }
-  .btn-indigo:disabled, .btn-indigo.disabled {
-    color: #ffffff;
-    background-color: #6574cd;
-    border-color: #6574cd; }
-
-.btn-outline-indigo {
-  color: #6574cd;
-  border-color: #6574cd; }
-  .btn-outline-indigo:hover {
-    color: #6574cd;
-    background-color: #6574cd;
-    border-color: #6574cd; }
-  .btn-check:focus + .btn-outline-indigo, .btn-outline-indigo:focus {
-    box-shadow: 0 0 0 0.25rem rgba(101, 116, 205, 0.5); }
-  .btn-check:checked + .btn-outline-indigo,
-  .btn-check:active + .btn-outline-indigo, .btn-outline-indigo:active, .btn-outline-indigo.active, .btn-outline-indigo.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #6574cd;
-    border-color: #6574cd; }
-    .btn-check:checked + .btn-outline-indigo:focus,
-    .btn-check:active + .btn-outline-indigo:focus, .btn-outline-indigo:active:focus, .btn-outline-indigo.active:focus, .btn-outline-indigo.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(101, 116, 205, 0.5); }
-  .btn-outline-indigo:disabled, .btn-outline-indigo.disabled {
-    color: #6574cd;
-    background-color: transparent; }
-
-.btn-purple {
-  color: #ffffff;
-  background-color: #a55eea;
-  border-color: #a55eea; }
-  .btn-purple:hover {
-    color: #ffffff;
-    background-color: #923ce6;
-    border-color: #8c31e4; }
-  .btn-check:focus + .btn-purple, .btn-purple:focus {
-    color: #ffffff;
-    background-color: #923ce6;
-    border-color: #8c31e4;
-    box-shadow: 0 0 0 0.25rem rgba(179, 118, 237, 0.5); }
-  .btn-check:checked + .btn-purple,
-  .btn-check:active + .btn-purple, .btn-purple:active, .btn-purple.active,
-  .show > .btn-purple.dropdown-toggle {
-    color: #ffffff;
-    background-color: #8c31e4;
-    border-color: #8526e3; }
-    .btn-check:checked + .btn-purple:focus,
-    .btn-check:active + .btn-purple:focus, .btn-purple:active:focus, .btn-purple.active:focus,
-    .show > .btn-purple.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(179, 118, 237, 0.5); }
-  .btn-purple:disabled, .btn-purple.disabled {
-    color: #ffffff;
-    background-color: #a55eea;
-    border-color: #a55eea; }
-
-.btn-outline-purple {
-  color: #a55eea;
-  border-color: #a55eea; }
-  .btn-outline-purple:hover {
-    color: #a55eea;
-    background-color: #a55eea;
-    border-color: #a55eea; }
-  .btn-check:focus + .btn-outline-purple, .btn-outline-purple:focus {
-    box-shadow: 0 0 0 0.25rem rgba(165, 94, 234, 0.5); }
-  .btn-check:checked + .btn-outline-purple,
-  .btn-check:active + .btn-outline-purple, .btn-outline-purple:active, .btn-outline-purple.active, .btn-outline-purple.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #a55eea;
-    border-color: #a55eea; }
-    .btn-check:checked + .btn-outline-purple:focus,
-    .btn-check:active + .btn-outline-purple:focus, .btn-outline-purple:active:focus, .btn-outline-purple.active:focus, .btn-outline-purple.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(165, 94, 234, 0.5); }
-  .btn-outline-purple:disabled, .btn-outline-purple.disabled {
-    color: #a55eea;
-    background-color: transparent; }
-
-.btn-pink {
-  color: #ffffff;
-  background-color: #f66d9b;
-  border-color: #f66d9b; }
-  .btn-pink:hover {
-    color: #ffffff;
-    background-color: #f44982;
-    border-color: #f33d7a; }
-  .btn-check:focus + .btn-pink, .btn-pink:focus {
-    color: #ffffff;
-    background-color: #f44982;
-    border-color: #f33d7a;
-    box-shadow: 0 0 0 0.25rem rgba(247, 131, 170, 0.5); }
-  .btn-check:checked + .btn-pink,
-  .btn-check:active + .btn-pink, .btn-pink:active, .btn-pink.active,
-  .show > .btn-pink.dropdown-toggle {
-    color: #ffffff;
-    background-color: #f33d7a;
-    border-color: #f23172; }
-    .btn-check:checked + .btn-pink:focus,
-    .btn-check:active + .btn-pink:focus, .btn-pink:active:focus, .btn-pink.active:focus,
-    .show > .btn-pink.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(247, 131, 170, 0.5); }
-  .btn-pink:disabled, .btn-pink.disabled {
-    color: #ffffff;
-    background-color: #f66d9b;
-    border-color: #f66d9b; }
-
-.btn-outline-pink {
-  color: #f66d9b;
-  border-color: #f66d9b; }
-  .btn-outline-pink:hover {
-    color: #f66d9b;
-    background-color: #f66d9b;
-    border-color: #f66d9b; }
-  .btn-check:focus + .btn-outline-pink, .btn-outline-pink:focus {
-    box-shadow: 0 0 0 0.25rem rgba(246, 109, 155, 0.5); }
-  .btn-check:checked + .btn-outline-pink,
-  .btn-check:active + .btn-outline-pink, .btn-outline-pink:active, .btn-outline-pink.active, .btn-outline-pink.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #f66d9b;
-    border-color: #f66d9b; }
-    .btn-check:checked + .btn-outline-pink:focus,
-    .btn-check:active + .btn-outline-pink:focus, .btn-outline-pink:active:focus, .btn-outline-pink.active:focus, .btn-outline-pink.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(246, 109, 155, 0.5); }
-  .btn-outline-pink:disabled, .btn-outline-pink.disabled {
-    color: #f66d9b;
-    background-color: transparent; }
-
-.btn-red {
-  color: #ffffff;
-  background-color: #cd201f;
-  border-color: #cd201f; }
-  .btn-red:hover {
-    color: #ffffff;
-    background-color: #ac1b1a;
-    border-color: #a11918; }
-  .btn-check:focus + .btn-red, .btn-red:focus {
-    color: #ffffff;
-    background-color: #ac1b1a;
-    border-color: #a11918;
-    box-shadow: 0 0 0 0.25rem rgba(213, 65, 65, 0.5); }
-  .btn-check:checked + .btn-red,
-  .btn-check:active + .btn-red, .btn-red:active, .btn-red.active,
-  .show > .btn-red.dropdown-toggle {
-    color: #ffffff;
-    background-color: #a11918;
-    border-color: #961717; }
-    .btn-check:checked + .btn-red:focus,
-    .btn-check:active + .btn-red:focus, .btn-red:active:focus, .btn-red.active:focus,
-    .show > .btn-red.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(213, 65, 65, 0.5); }
-  .btn-red:disabled, .btn-red.disabled {
-    color: #ffffff;
-    background-color: #cd201f;
-    border-color: #cd201f; }
-
-.btn-outline-red {
-  color: #cd201f;
-  border-color: #cd201f; }
-  .btn-outline-red:hover {
-    color: #cd201f;
-    background-color: #cd201f;
-    border-color: #cd201f; }
-  .btn-check:focus + .btn-outline-red, .btn-outline-red:focus {
-    box-shadow: 0 0 0 0.25rem rgba(205, 32, 31, 0.5); }
-  .btn-check:checked + .btn-outline-red,
-  .btn-check:active + .btn-outline-red, .btn-outline-red:active, .btn-outline-red.active, .btn-outline-red.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #cd201f;
-    border-color: #cd201f; }
-    .btn-check:checked + .btn-outline-red:focus,
-    .btn-check:active + .btn-outline-red:focus, .btn-outline-red:active:focus, .btn-outline-red.active:focus, .btn-outline-red.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(205, 32, 31, 0.5); }
-  .btn-outline-red:disabled, .btn-outline-red.disabled {
-    color: #cd201f;
-    background-color: transparent; }
-
-.btn-orange {
-  color: #ffffff;
-  background-color: #ff922b;
-  border-color: #ff922b; }
-  .btn-orange:hover {
-    color: #ffffff;
-    background-color: #ff7e05;
-    border-color: #f77800; }
-  .btn-check:focus + .btn-orange, .btn-orange:focus {
-    color: #ffffff;
-    background-color: #ff7e05;
-    border-color: #f77800;
-    box-shadow: 0 0 0 0.25rem rgba(255, 162, 75, 0.5); }
-  .btn-check:checked + .btn-orange,
-  .btn-check:active + .btn-orange, .btn-orange:active, .btn-orange.active,
-  .show > .btn-orange.dropdown-toggle {
-    color: #ffffff;
-    background-color: #f77800;
-    border-color: #ea7200; }
-    .btn-check:checked + .btn-orange:focus,
-    .btn-check:active + .btn-orange:focus, .btn-orange:active:focus, .btn-orange.active:focus,
-    .show > .btn-orange.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(255, 162, 75, 0.5); }
-  .btn-orange:disabled, .btn-orange.disabled {
-    color: #ffffff;
-    background-color: #ff922b;
-    border-color: #ff922b; }
-
-.btn-outline-orange {
-  color: #ff922b;
-  border-color: #ff922b; }
-  .btn-outline-orange:hover {
-    color: #ff922b;
-    background-color: #ff922b;
-    border-color: #ff922b; }
-  .btn-check:focus + .btn-outline-orange, .btn-outline-orange:focus {
-    box-shadow: 0 0 0 0.25rem rgba(255, 146, 43, 0.5); }
-  .btn-check:checked + .btn-outline-orange,
-  .btn-check:active + .btn-outline-orange, .btn-outline-orange:active, .btn-outline-orange.active, .btn-outline-orange.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #ff922b;
-    border-color: #ff922b; }
-    .btn-check:checked + .btn-outline-orange:focus,
-    .btn-check:active + .btn-outline-orange:focus, .btn-outline-orange:active:focus, .btn-outline-orange.active:focus, .btn-outline-orange.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(255, 146, 43, 0.5); }
-  .btn-outline-orange:disabled, .btn-outline-orange.disabled {
-    color: #ff922b;
-    background-color: transparent; }
-
-.btn-yellow {
-  color: #ffffff;
-  background-color: #fab005;
-  border-color: #fab005; }
-  .btn-yellow:hover {
-    color: #ffffff;
-    background-color: #d59604;
-    border-color: #c88d04; }
-  .btn-check:focus + .btn-yellow, .btn-yellow:focus {
-    color: #ffffff;
-    background-color: #d59604;
-    border-color: #c88d04;
-    box-shadow: 0 0 0 0.25rem rgba(251, 188, 43, 0.5); }
-  .btn-check:checked + .btn-yellow,
-  .btn-check:active + .btn-yellow, .btn-yellow:active, .btn-yellow.active,
-  .show > .btn-yellow.dropdown-toggle {
-    color: #ffffff;
-    background-color: #c88d04;
-    border-color: #bc8404; }
-    .btn-check:checked + .btn-yellow:focus,
-    .btn-check:active + .btn-yellow:focus, .btn-yellow:active:focus, .btn-yellow.active:focus,
-    .show > .btn-yellow.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(251, 188, 43, 0.5); }
-  .btn-yellow:disabled, .btn-yellow.disabled {
-    color: #ffffff;
-    background-color: #fab005;
-    border-color: #fab005; }
-
-.btn-outline-yellow {
-  color: #fab005;
-  border-color: #fab005; }
-  .btn-outline-yellow:hover {
-    color: #fab005;
-    background-color: #fab005;
-    border-color: #fab005; }
-  .btn-check:focus + .btn-outline-yellow, .btn-outline-yellow:focus {
-    box-shadow: 0 0 0 0.25rem rgba(250, 176, 5, 0.5); }
-  .btn-check:checked + .btn-outline-yellow,
-  .btn-check:active + .btn-outline-yellow, .btn-outline-yellow:active, .btn-outline-yellow.active, .btn-outline-yellow.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #fab005;
-    border-color: #fab005; }
-    .btn-check:checked + .btn-outline-yellow:focus,
-    .btn-check:active + .btn-outline-yellow:focus, .btn-outline-yellow:active:focus, .btn-outline-yellow.active:focus, .btn-outline-yellow.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(250, 176, 5, 0.5); }
-  .btn-outline-yellow:disabled, .btn-outline-yellow.disabled {
-    color: #fab005;
-    background-color: transparent; }
-
-.btn-lime {
-  color: #ffffff;
-  background-color: #94d82d;
-  border-color: #94d82d; }
-  .btn-lime:hover {
-    color: #ffffff;
-    background-color: #7fbc23;
-    border-color: #78b121; }
-  .btn-check:focus + .btn-lime, .btn-lime:focus {
-    color: #ffffff;
-    background-color: #7fbc23;
-    border-color: #78b121;
-    box-shadow: 0 0 0 0.25rem rgba(164, 222, 77, 0.5); }
-  .btn-check:checked + .btn-lime,
-  .btn-check:active + .btn-lime, .btn-lime:active, .btn-lime.active,
-  .show > .btn-lime.dropdown-toggle {
-    color: #ffffff;
-    background-color: #78b121;
-    border-color: #70a61f; }
-    .btn-check:checked + .btn-lime:focus,
-    .btn-check:active + .btn-lime:focus, .btn-lime:active:focus, .btn-lime.active:focus,
-    .show > .btn-lime.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(164, 222, 77, 0.5); }
-  .btn-lime:disabled, .btn-lime.disabled {
-    color: #ffffff;
-    background-color: #94d82d;
-    border-color: #94d82d; }
-
-.btn-outline-lime {
-  color: #94d82d;
-  border-color: #94d82d; }
-  .btn-outline-lime:hover {
-    color: #94d82d;
-    background-color: #94d82d;
-    border-color: #94d82d; }
-  .btn-check:focus + .btn-outline-lime, .btn-outline-lime:focus {
-    box-shadow: 0 0 0 0.25rem rgba(148, 216, 45, 0.5); }
-  .btn-check:checked + .btn-outline-lime,
-  .btn-check:active + .btn-outline-lime, .btn-outline-lime:active, .btn-outline-lime.active, .btn-outline-lime.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #94d82d;
-    border-color: #94d82d; }
-    .btn-check:checked + .btn-outline-lime:focus,
-    .btn-check:active + .btn-outline-lime:focus, .btn-outline-lime:active:focus, .btn-outline-lime.active:focus, .btn-outline-lime.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(148, 216, 45, 0.5); }
-  .btn-outline-lime:disabled, .btn-outline-lime.disabled {
-    color: #94d82d;
-    background-color: transparent; }
-
-.btn-green {
-  color: #ffffff;
-  background-color: #5eba00;
-  border-color: #5eba00; }
-  .btn-green:hover {
-    color: #ffffff;
-    background-color: #4b9400;
-    border-color: #448700; }
-  .btn-check:focus + .btn-green, .btn-green:focus {
-    color: #ffffff;
-    background-color: #4b9400;
-    border-color: #448700;
-    box-shadow: 0 0 0 0.25rem rgba(118, 196, 38, 0.5); }
-  .btn-check:checked + .btn-green,
-  .btn-check:active + .btn-green, .btn-green:active, .btn-green.active,
-  .show > .btn-green.dropdown-toggle {
-    color: #ffffff;
-    background-color: #448700;
-    border-color: #3e7a00; }
-    .btn-check:checked + .btn-green:focus,
-    .btn-check:active + .btn-green:focus, .btn-green:active:focus, .btn-green.active:focus,
-    .show > .btn-green.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(118, 196, 38, 0.5); }
-  .btn-green:disabled, .btn-green.disabled {
-    color: #ffffff;
-    background-color: #5eba00;
-    border-color: #5eba00; }
-
-.btn-outline-green {
-  color: #5eba00;
-  border-color: #5eba00; }
-  .btn-outline-green:hover {
-    color: #5eba00;
-    background-color: #5eba00;
-    border-color: #5eba00; }
-  .btn-check:focus + .btn-outline-green, .btn-outline-green:focus {
-    box-shadow: 0 0 0 0.25rem rgba(94, 186, 0, 0.5); }
-  .btn-check:checked + .btn-outline-green,
-  .btn-check:active + .btn-outline-green, .btn-outline-green:active, .btn-outline-green.active, .btn-outline-green.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #5eba00;
-    border-color: #5eba00; }
-    .btn-check:checked + .btn-outline-green:focus,
-    .btn-check:active + .btn-outline-green:focus, .btn-outline-green:active:focus, .btn-outline-green.active:focus, .btn-outline-green.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(94, 186, 0, 0.5); }
-  .btn-outline-green:disabled, .btn-outline-green.disabled {
-    color: #5eba00;
-    background-color: transparent; }
-
-.btn-teal {
-  color: #ffffff;
-  background-color: #2bcbba;
-  border-color: #2bcbba; }
-  .btn-teal:hover {
-    color: #ffffff;
-    background-color: #24ab9d;
-    border-color: #22a193; }
-  .btn-check:focus + .btn-teal, .btn-teal:focus {
-    color: #ffffff;
-    background-color: #24ab9d;
-    border-color: #22a193;
-    box-shadow: 0 0 0 0.25rem rgba(75, 211, 196, 0.5); }
-  .btn-check:checked + .btn-teal,
-  .btn-check:active + .btn-teal, .btn-teal:active, .btn-teal.active,
-  .show > .btn-teal.dropdown-toggle {
-    color: #ffffff;
-    background-color: #22a193;
-    border-color: #20968a; }
-    .btn-check:checked + .btn-teal:focus,
-    .btn-check:active + .btn-teal:focus, .btn-teal:active:focus, .btn-teal.active:focus,
-    .show > .btn-teal.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(75, 211, 196, 0.5); }
-  .btn-teal:disabled, .btn-teal.disabled {
-    color: #ffffff;
-    background-color: #2bcbba;
-    border-color: #2bcbba; }
-
-.btn-outline-teal {
-  color: #2bcbba;
-  border-color: #2bcbba; }
-  .btn-outline-teal:hover {
-    color: #2bcbba;
-    background-color: #2bcbba;
-    border-color: #2bcbba; }
-  .btn-check:focus + .btn-outline-teal, .btn-outline-teal:focus {
-    box-shadow: 0 0 0 0.25rem rgba(43, 203, 186, 0.5); }
-  .btn-check:checked + .btn-outline-teal,
-  .btn-check:active + .btn-outline-teal, .btn-outline-teal:active, .btn-outline-teal.active, .btn-outline-teal.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #2bcbba;
-    border-color: #2bcbba; }
-    .btn-check:checked + .btn-outline-teal:focus,
-    .btn-check:active + .btn-outline-teal:focus, .btn-outline-teal:active:focus, .btn-outline-teal.active:focus, .btn-outline-teal.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(43, 203, 186, 0.5); }
-  .btn-outline-teal:disabled, .btn-outline-teal.disabled {
-    color: #2bcbba;
-    background-color: transparent; }
-
-.btn-cyan {
-  color: #ffffff;
-  background-color: #17a2b8;
-  border-color: #17a2b8; }
-  .btn-cyan:hover {
-    color: #ffffff;
-    background-color: #138496;
-    border-color: #117a8b; }
-  .btn-check:focus + .btn-cyan, .btn-cyan:focus {
-    color: #ffffff;
-    background-color: #138496;
-    border-color: #117a8b;
-    box-shadow: 0 0 0 0.25rem rgba(58, 176, 195, 0.5); }
-  .btn-check:checked + .btn-cyan,
-  .btn-check:active + .btn-cyan, .btn-cyan:active, .btn-cyan.active,
-  .show > .btn-cyan.dropdown-toggle {
-    color: #ffffff;
-    background-color: #117a8b;
-    border-color: #10707f; }
-    .btn-check:checked + .btn-cyan:focus,
-    .btn-check:active + .btn-cyan:focus, .btn-cyan:active:focus, .btn-cyan.active:focus,
-    .show > .btn-cyan.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(58, 176, 195, 0.5); }
-  .btn-cyan:disabled, .btn-cyan.disabled {
-    color: #ffffff;
-    background-color: #17a2b8;
-    border-color: #17a2b8; }
-
-.btn-outline-cyan {
-  color: #17a2b8;
-  border-color: #17a2b8; }
-  .btn-outline-cyan:hover {
-    color: #17a2b8;
-    background-color: #17a2b8;
-    border-color: #17a2b8; }
-  .btn-check:focus + .btn-outline-cyan, .btn-outline-cyan:focus {
-    box-shadow: 0 0 0 0.25rem rgba(23, 162, 184, 0.5); }
-  .btn-check:checked + .btn-outline-cyan,
-  .btn-check:active + .btn-outline-cyan, .btn-outline-cyan:active, .btn-outline-cyan.active, .btn-outline-cyan.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #17a2b8;
-    border-color: #17a2b8; }
-    .btn-check:checked + .btn-outline-cyan:focus,
-    .btn-check:active + .btn-outline-cyan:focus, .btn-outline-cyan:active:focus, .btn-outline-cyan.active:focus, .btn-outline-cyan.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(23, 162, 184, 0.5); }
-  .btn-outline-cyan:disabled, .btn-outline-cyan.disabled {
-    color: #17a2b8;
-    background-color: transparent; }
-
-.btn-gray {
-  color: #ffffff;
-  background-color: #a8aeb7;
-  border-color: #a8aeb7; }
-  .btn-gray:hover {
-    color: #ffffff;
-    background-color: #939ba6;
-    border-color: #8c94a0; }
-  .btn-check:focus + .btn-gray, .btn-gray:focus {
-    color: #ffffff;
-    background-color: #939ba6;
-    border-color: #8c94a0;
-    box-shadow: 0 0 0 0.25rem rgba(181, 186, 194, 0.5); }
-  .btn-check:checked + .btn-gray,
-  .btn-check:active + .btn-gray, .btn-gray:active, .btn-gray.active,
-  .show > .btn-gray.dropdown-toggle {
-    color: #ffffff;
-    background-color: #8c94a0;
-    border-color: #858e9a; }
-    .btn-check:checked + .btn-gray:focus,
-    .btn-check:active + .btn-gray:focus, .btn-gray:active:focus, .btn-gray.active:focus,
-    .show > .btn-gray.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(181, 186, 194, 0.5); }
-  .btn-gray:disabled, .btn-gray.disabled {
-    color: #ffffff;
-    background-color: #a8aeb7;
-    border-color: #a8aeb7; }
-
-.btn-outline-gray {
-  color: #a8aeb7;
-  border-color: #a8aeb7; }
-  .btn-outline-gray:hover {
-    color: #a8aeb7;
-    background-color: #a8aeb7;
-    border-color: #a8aeb7; }
-  .btn-check:focus + .btn-outline-gray, .btn-outline-gray:focus {
-    box-shadow: 0 0 0 0.25rem rgba(168, 174, 183, 0.5); }
-  .btn-check:checked + .btn-outline-gray,
-  .btn-check:active + .btn-outline-gray, .btn-outline-gray:active, .btn-outline-gray.active, .btn-outline-gray.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #a8aeb7;
-    border-color: #a8aeb7; }
-    .btn-check:checked + .btn-outline-gray:focus,
-    .btn-check:active + .btn-outline-gray:focus, .btn-outline-gray:active:focus, .btn-outline-gray.active:focus, .btn-outline-gray.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(168, 174, 183, 0.5); }
-  .btn-outline-gray:disabled, .btn-outline-gray.disabled {
-    color: #a8aeb7;
-    background-color: transparent; }
-
-.btn-gray-dark {
-  color: #ffffff;
-  background-color: #545d6d;
-  border-color: #545d6d; }
-  .btn-gray-dark:hover {
-    color: #ffffff;
-    background-color: #434b57;
-    border-color: #3e4450; }
-  .btn-check:focus + .btn-gray-dark, .btn-gray-dark:focus {
-    color: #ffffff;
-    background-color: #434b57;
-    border-color: #3e4450;
-    box-shadow: 0 0 0 0.25rem rgba(110, 117, 131, 0.5); }
-  .btn-check:checked + .btn-gray-dark,
-  .btn-check:active + .btn-gray-dark, .btn-gray-dark:active, .btn-gray-dark.active,
-  .show > .btn-gray-dark.dropdown-toggle {
-    color: #ffffff;
-    background-color: #3e4450;
-    border-color: #383e49; }
-    .btn-check:checked + .btn-gray-dark:focus,
-    .btn-check:active + .btn-gray-dark:focus, .btn-gray-dark:active:focus, .btn-gray-dark.active:focus,
-    .show > .btn-gray-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(110, 117, 131, 0.5); }
-  .btn-gray-dark:disabled, .btn-gray-dark.disabled {
-    color: #ffffff;
-    background-color: #545d6d;
-    border-color: #545d6d; }
-
-.btn-outline-gray-dark {
-  color: #545d6d;
-  border-color: #545d6d; }
-  .btn-outline-gray-dark:hover {
-    color: #545d6d;
-    background-color: #545d6d;
-    border-color: #545d6d; }
-  .btn-check:focus + .btn-outline-gray-dark, .btn-outline-gray-dark:focus {
-    box-shadow: 0 0 0 0.25rem rgba(84, 93, 109, 0.5); }
-  .btn-check:checked + .btn-outline-gray-dark,
-  .btn-check:active + .btn-outline-gray-dark, .btn-outline-gray-dark:active, .btn-outline-gray-dark.active, .btn-outline-gray-dark.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #545d6d;
-    border-color: #545d6d; }
-    .btn-check:checked + .btn-outline-gray-dark:focus,
-    .btn-check:active + .btn-outline-gray-dark:focus, .btn-outline-gray-dark:active:focus, .btn-outline-gray-dark.active:focus, .btn-outline-gray-dark.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(84, 93, 109, 0.5); }
-  .btn-outline-gray-dark:disabled, .btn-outline-gray-dark.disabled {
-    color: #545d6d;
-    background-color: transparent; }
-
-.btn-dark {
-  color: #ffffff;
-  background-color: #354052;
-  border-color: #354052; }
-  .btn-dark:hover {
-    color: #ffffff;
-    background-color: #262e3b;
-    border-color: #212833; }
-  .btn-check:focus + .btn-dark, .btn-dark:focus {
-    color: #ffffff;
-    background-color: #262e3b;
-    border-color: #212833;
-    box-shadow: 0 0 0 0.25rem rgba(83, 93, 108, 0.5); }
-  .btn-check:checked + .btn-dark,
-  .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active,
-  .show > .btn-dark.dropdown-toggle {
-    color: #ffffff;
-    background-color: #212833;
-    border-color: #1c222b; }
-    .btn-check:checked + .btn-dark:focus,
-    .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus,
-    .show > .btn-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(83, 93, 108, 0.5); }
-  .btn-dark:disabled, .btn-dark.disabled {
-    color: #ffffff;
-    background-color: #354052;
-    border-color: #354052; }
-
-.btn-outline-dark {
-  color: #354052;
-  border-color: #354052; }
-  .btn-outline-dark:hover {
-    color: #354052;
-    background-color: #354052;
-    border-color: #354052; }
-  .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
-    box-shadow: 0 0 0 0.25rem rgba(53, 64, 82, 0.5); }
-  .btn-check:checked + .btn-outline-dark,
-  .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #354052;
-    border-color: #354052; }
-    .btn-check:checked + .btn-outline-dark:focus,
-    .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(53, 64, 82, 0.5); }
-  .btn-outline-dark:disabled, .btn-outline-dark.disabled {
-    color: #354052;
-    background-color: transparent; }
diff --git a/demo/dist/css/tabler-buttons.min.css b/demo/dist/css/tabler-buttons.min.css
deleted file mode 100644
index 4534bf821..000000000
--- a/demo/dist/css/tabler-buttons.min.css
+++ /dev/null
@@ -1,9 +0,0 @@
-/*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
-* @link https://tabler.io
-* Copyright 2018-2020 The Tabler Authors
-* Copyright 2018-2020 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-*/
-.btn-ghost-primary{color:#206bc4;background-color:transparent;border-color:transparent}.btn-ghost-primary:hover{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-check:focus+.btn-ghost-primary,.btn-ghost-primary:focus{color:#fff;background-color:#206bc4;border-color:#206bc4;box-shadow:0 0 0 .25rem rgba(32,107,196,.5)}.btn-check:active+.btn-ghost-primary,.btn-check:checked+.btn-ghost-primary,.btn-ghost-primary.active,.btn-ghost-primary:active,.show>.btn-ghost-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-check:active+.btn-ghost-primary:focus,.btn-check:checked+.btn-ghost-primary:focus,.btn-ghost-primary.active:focus,.btn-ghost-primary:active:focus,.show>.btn-ghost-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(32,107,196,.5)}.btn-ghost-primary.disabled,.btn-ghost-primary:disabled{color:#fff;background-color:transparent;border-color:transparent}.btn-ghost-secondary{color:#5f666e;background-color:transparent;border-color:transparent}.btn-ghost-secondary:hover{color:#fff;background-color:#5f666e;border-color:#5f666e}.btn-check:focus+.btn-ghost-secondary,.btn-ghost-secondary:focus{color:#fff;background-color:#5f666e;border-color:#5f666e;box-shadow:0 0 0 .25rem rgba(95,102,110,.5)}.btn-check:active+.btn-ghost-secondary,.btn-check:checked+.btn-ghost-secondary,.btn-ghost-secondary.active,.btn-ghost-secondary:active,.show>.btn-ghost-secondary.dropdown-toggle{color:#fff;background-color:#5f666e;border-color:#5f666e}.btn-check:active+.btn-ghost-secondary:focus,.btn-check:checked+.btn-ghost-secondary:focus,.btn-ghost-secondary.active:focus,.btn-ghost-secondary:active:focus,.show>.btn-ghost-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(95,102,110,.5)}.btn-ghost-secondary.disabled,.btn-ghost-secondary:disabled{color:#fff;background-color:transparent;border-color:transparent}.btn-ghost-success{color:#5eba00;background-color:transparent;border-color:transparent}.btn-ghost-success:hover{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-check:focus+.btn-ghost-success,.btn-ghost-success:focus{color:#fff;background-color:#5eba00;border-color:#5eba00;box-shadow:0 0 0 .25rem rgba(94,186,0,.5)}.btn-check:active+.btn-ghost-success,.btn-check:checked+.btn-ghost-success,.btn-ghost-success.active,.btn-ghost-success:active,.show>.btn-ghost-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-check:active+.btn-ghost-success:focus,.btn-check:checked+.btn-ghost-success:focus,.btn-ghost-success.active:focus,.btn-ghost-success:active:focus,.show>.btn-ghost-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(94,186,0,.5)}.btn-ghost-success.disabled,.btn-ghost-success:disabled{color:#fff;background-color:transparent;border-color:transparent}.btn-ghost-info{color:#45aaf2;background-color:transparent;border-color:transparent}.btn-ghost-info:hover{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-check:focus+.btn-ghost-info,.btn-ghost-info:focus{color:#fff;background-color:#45aaf2;border-color:#45aaf2;box-shadow:0 0 0 .25rem rgba(69,170,242,.5)}.btn-check:active+.btn-ghost-info,.btn-check:checked+.btn-ghost-info,.btn-ghost-info.active,.btn-ghost-info:active,.show>.btn-ghost-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-check:active+.btn-ghost-info:focus,.btn-check:checked+.btn-ghost-info:focus,.btn-ghost-info.active:focus,.btn-ghost-info:active:focus,.show>.btn-ghost-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(69,170,242,.5)}.btn-ghost-info.disabled,.btn-ghost-info:disabled{color:#fff;background-color:transparent;border-color:transparent}.btn-ghost-warning{color:#fab005;background-color:transparent;border-color:transparent}.btn-ghost-warning:hover{color:#fff;background-color:#fab005;border-color:#fab005}.btn-check:focus+.btn-ghost-warning,.btn-ghost-warning:focus{color:#fff;background-color:#fab005;border-color:#fab005;box-shadow:0 0 0 .25rem rgba(250,176,5,.5)}.btn-check:active+.btn-ghost-warning,.btn-check:checked+.btn-ghost-warning,.btn-ghost-warning.active,.btn-ghost-warning:active,.show>.btn-ghost-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-check:active+.btn-ghost-warning:focus,.btn-check:checked+.btn-ghost-warning:focus,.btn-ghost-warning.active:focus,.btn-ghost-warning:active:focus,.show>.btn-ghost-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(250,176,5,.5)}.btn-ghost-warning.disabled,.btn-ghost-warning:disabled{color:#fff;background-color:transparent;border-color:transparent}.btn-ghost-danger{color:#cd201f;background-color:transparent;border-color:transparent}.btn-ghost-danger:hover{color:#fff;background-color:#cd201f;border-color:#cd201f}.btn-check:focus+.btn-ghost-danger,.btn-ghost-danger:focus{color:#fff;background-color:#cd201f;border-color:#cd201f;box-shadow:0 0 0 .25rem rgba(205,32,31,.5)}.btn-check:active+.btn-ghost-danger,.btn-check:checked+.btn-ghost-danger,.btn-ghost-danger.active,.btn-ghost-danger:active,.show>.btn-ghost-danger.dropdown-toggle{color:#fff;background-color:#cd201f;border-color:#cd201f}.btn-check:active+.btn-ghost-danger:focus,.btn-check:checked+.btn-ghost-danger:focus,.btn-ghost-danger.active:focus,.btn-ghost-danger:active:focus,.show>.btn-ghost-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(205,32,31,.5)}.btn-ghost-danger.disabled,.btn-ghost-danger:disabled{color:#fff;background-color:transparent;border-color:transparent}.btn-ghost-light{color:#f5f7fb;background-color:transparent;border-color:transparent}.btn-ghost-light:hover{color:#fff;background-color:#f5f7fb;border-color:#f5f7fb}.btn-check:focus+.btn-ghost-light,.btn-ghost-light:focus{color:#fff;background-color:#f5f7fb;border-color:#f5f7fb;box-shadow:0 0 0 .25rem rgba(245,247,251,.5)}.btn-check:active+.btn-ghost-light,.btn-check:checked+.btn-ghost-light,.btn-ghost-light.active,.btn-ghost-light:active,.show>.btn-ghost-light.dropdown-toggle{color:#000;background-color:#f5f7fb;border-color:#f5f7fb}.btn-check:active+.btn-ghost-light:focus,.btn-check:checked+.btn-ghost-light:focus,.btn-ghost-light.active:focus,.btn-ghost-light:active:focus,.show>.btn-ghost-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(245,247,251,.5)}.btn-ghost-light.disabled,.btn-ghost-light:disabled{color:#fff;background-color:transparent;border-color:transparent}.btn-ghost-dark{color:#354052;background-color:transparent;border-color:transparent}.btn-ghost-dark:hover{color:#fff;background-color:#354052;border-color:#354052}.btn-check:focus+.btn-ghost-dark,.btn-ghost-dark:focus{color:#fff;background-color:#354052;border-color:#354052;box-shadow:0 0 0 .25rem rgba(53,64,82,.5)}.btn-check:active+.btn-ghost-dark,.btn-check:checked+.btn-ghost-dark,.btn-ghost-dark.active,.btn-ghost-dark:active,.show>.btn-ghost-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-check:active+.btn-ghost-dark:focus,.btn-check:checked+.btn-ghost-dark:focus,.btn-ghost-dark.active:focus,.btn-ghost-dark:active:focus,.show>.btn-ghost-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(53,64,82,.5)}.btn-ghost-dark.disabled,.btn-ghost-dark:disabled{color:#fff;background-color:transparent;border-color:transparent}.btn-facebook{color:#fff;background-color:#3b5998;border-color:#3b5998}.btn-facebook:hover{color:#fff;background-color:#30497c;border-color:#2d4373}.btn-check:focus+.btn-facebook,.btn-facebook:focus{color:#fff;background-color:#30497c;border-color:#2d4373;box-shadow:0 0 0 .25rem rgba(88,114,167,.5)}.btn-check:active+.btn-facebook,.btn-check:checked+.btn-facebook,.btn-facebook.active,.btn-facebook:active,.show>.btn-facebook.dropdown-toggle{color:#fff;background-color:#2d4373;border-color:#293e6a}.btn-check:active+.btn-facebook:focus,.btn-check:checked+.btn-facebook:focus,.btn-facebook.active:focus,.btn-facebook:active:focus,.show>.btn-facebook.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(88,114,167,.5)}.btn-facebook.disabled,.btn-facebook:disabled{color:#fff;background-color:#3b5998;border-color:#3b5998}.btn-outline-facebook{color:#3b5998;border-color:#3b5998}.btn-outline-facebook:hover{color:#3b5998;background-color:#3b5998;border-color:#3b5998}.btn-check:focus+.btn-outline-facebook,.btn-outline-facebook:focus{box-shadow:0 0 0 .25rem rgba(59,89,152,.5)}.btn-check:active+.btn-outline-facebook,.btn-check:checked+.btn-outline-facebook,.btn-outline-facebook.active,.btn-outline-facebook.dropdown-toggle.show,.btn-outline-facebook:active{color:#fff;background-color:#3b5998;border-color:#3b5998}.btn-check:active+.btn-outline-facebook:focus,.btn-check:checked+.btn-outline-facebook:focus,.btn-outline-facebook.active:focus,.btn-outline-facebook.dropdown-toggle.show:focus,.btn-outline-facebook:active:focus{box-shadow:0 0 0 .25rem rgba(59,89,152,.5)}.btn-outline-facebook.disabled,.btn-outline-facebook:disabled{color:#3b5998;background-color:transparent}.btn-twitter{color:#fff;background-color:#1da1f2;border-color:#1da1f2}.btn-twitter:hover{color:#fff;background-color:#0d8ddc;border-color:#0c85d0}.btn-check:focus+.btn-twitter,.btn-twitter:focus{color:#fff;background-color:#0d8ddc;border-color:#0c85d0;box-shadow:0 0 0 .25rem rgba(63,175,244,.5)}.btn-check:active+.btn-twitter,.btn-check:checked+.btn-twitter,.btn-twitter.active,.btn-twitter:active,.show>.btn-twitter.dropdown-toggle{color:#fff;background-color:#0c85d0;border-color:#0b7ec4}.btn-check:active+.btn-twitter:focus,.btn-check:checked+.btn-twitter:focus,.btn-twitter.active:focus,.btn-twitter:active:focus,.show>.btn-twitter.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(63,175,244,.5)}.btn-twitter.disabled,.btn-twitter:disabled{color:#fff;background-color:#1da1f2;border-color:#1da1f2}.btn-outline-twitter{color:#1da1f2;border-color:#1da1f2}.btn-outline-twitter:hover{color:#1da1f2;background-color:#1da1f2;border-color:#1da1f2}.btn-check:focus+.btn-outline-twitter,.btn-outline-twitter:focus{box-shadow:0 0 0 .25rem rgba(29,161,242,.5)}.btn-check:active+.btn-outline-twitter,.btn-check:checked+.btn-outline-twitter,.btn-outline-twitter.active,.btn-outline-twitter.dropdown-toggle.show,.btn-outline-twitter:active{color:#fff;background-color:#1da1f2;border-color:#1da1f2}.btn-check:active+.btn-outline-twitter:focus,.btn-check:checked+.btn-outline-twitter:focus,.btn-outline-twitter.active:focus,.btn-outline-twitter.dropdown-toggle.show:focus,.btn-outline-twitter:active:focus{box-shadow:0 0 0 .25rem rgba(29,161,242,.5)}.btn-outline-twitter.disabled,.btn-outline-twitter:disabled{color:#1da1f2;background-color:transparent}.btn-google{color:#fff;background-color:#dc4e41;border-color:#dc4e41}.btn-google:hover{color:#fff;background-color:#d03526;border-color:#c63224}.btn-check:focus+.btn-google,.btn-google:focus{color:#fff;background-color:#d03526;border-color:#c63224;box-shadow:0 0 0 .25rem rgba(225,105,94,.5)}.btn-check:active+.btn-google,.btn-check:checked+.btn-google,.btn-google.active,.btn-google:active,.show>.btn-google.dropdown-toggle{color:#fff;background-color:#c63224;border-color:#bb2f22}.btn-check:active+.btn-google:focus,.btn-check:checked+.btn-google:focus,.btn-google.active:focus,.btn-google:active:focus,.show>.btn-google.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(225,105,94,.5)}.btn-google.disabled,.btn-google:disabled{color:#fff;background-color:#dc4e41;border-color:#dc4e41}.btn-outline-google{color:#dc4e41;border-color:#dc4e41}.btn-outline-google:hover{color:#dc4e41;background-color:#dc4e41;border-color:#dc4e41}.btn-check:focus+.btn-outline-google,.btn-outline-google:focus{box-shadow:0 0 0 .25rem rgba(220,78,65,.5)}.btn-check:active+.btn-outline-google,.btn-check:checked+.btn-outline-google,.btn-outline-google.active,.btn-outline-google.dropdown-toggle.show,.btn-outline-google:active{color:#fff;background-color:#dc4e41;border-color:#dc4e41}.btn-check:active+.btn-outline-google:focus,.btn-check:checked+.btn-outline-google:focus,.btn-outline-google.active:focus,.btn-outline-google.dropdown-toggle.show:focus,.btn-outline-google:active:focus{box-shadow:0 0 0 .25rem rgba(220,78,65,.5)}.btn-outline-google.disabled,.btn-outline-google:disabled{color:#dc4e41;background-color:transparent}.btn-youtube{color:#fff;background-color:red;border-color:red}.btn-youtube:hover{color:#fff;background-color:#d90000;border-color:#c00}.btn-check:focus+.btn-youtube,.btn-youtube:focus{color:#fff;background-color:#d90000;border-color:#c00;box-shadow:0 0 0 .25rem rgba(255,38,38,.5)}.btn-check:active+.btn-youtube,.btn-check:checked+.btn-youtube,.btn-youtube.active,.btn-youtube:active,.show>.btn-youtube.dropdown-toggle{color:#fff;background-color:#c00;border-color:#bf0000}.btn-check:active+.btn-youtube:focus,.btn-check:checked+.btn-youtube:focus,.btn-youtube.active:focus,.btn-youtube:active:focus,.show>.btn-youtube.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(255,38,38,.5)}.btn-youtube.disabled,.btn-youtube:disabled{color:#fff;background-color:red;border-color:red}.btn-outline-youtube{color:red;border-color:red}.btn-outline-youtube:hover{color:red;background-color:red;border-color:red}.btn-check:focus+.btn-outline-youtube,.btn-outline-youtube:focus{box-shadow:0 0 0 .25rem rgba(255,0,0,.5)}.btn-check:active+.btn-outline-youtube,.btn-check:checked+.btn-outline-youtube,.btn-outline-youtube.active,.btn-outline-youtube.dropdown-toggle.show,.btn-outline-youtube:active{color:#fff;background-color:red;border-color:red}.btn-check:active+.btn-outline-youtube:focus,.btn-check:checked+.btn-outline-youtube:focus,.btn-outline-youtube.active:focus,.btn-outline-youtube.dropdown-toggle.show:focus,.btn-outline-youtube:active:focus{box-shadow:0 0 0 .25rem rgba(255,0,0,.5)}.btn-outline-youtube.disabled,.btn-outline-youtube:disabled{color:red;background-color:transparent}.btn-vimeo{color:#fff;background-color:#1ab7ea;border-color:#1ab7ea}.btn-vimeo:hover{color:#fff;background-color:#139ecb;border-color:#1295bf}.btn-check:focus+.btn-vimeo,.btn-vimeo:focus{color:#fff;background-color:#139ecb;border-color:#1295bf;box-shadow:0 0 0 .25rem rgba(60,194,237,.5)}.btn-check:active+.btn-vimeo,.btn-check:checked+.btn-vimeo,.btn-vimeo.active,.btn-vimeo:active,.show>.btn-vimeo.dropdown-toggle{color:#fff;background-color:#1295bf;border-color:#108cb4}.btn-check:active+.btn-vimeo:focus,.btn-check:checked+.btn-vimeo:focus,.btn-vimeo.active:focus,.btn-vimeo:active:focus,.show>.btn-vimeo.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(60,194,237,.5)}.btn-vimeo.disabled,.btn-vimeo:disabled{color:#fff;background-color:#1ab7ea;border-color:#1ab7ea}.btn-outline-vimeo{color:#1ab7ea;border-color:#1ab7ea}.btn-outline-vimeo:hover{color:#1ab7ea;background-color:#1ab7ea;border-color:#1ab7ea}.btn-check:focus+.btn-outline-vimeo,.btn-outline-vimeo:focus{box-shadow:0 0 0 .25rem rgba(26,183,234,.5)}.btn-check:active+.btn-outline-vimeo,.btn-check:checked+.btn-outline-vimeo,.btn-outline-vimeo.active,.btn-outline-vimeo.dropdown-toggle.show,.btn-outline-vimeo:active{color:#fff;background-color:#1ab7ea;border-color:#1ab7ea}.btn-check:active+.btn-outline-vimeo:focus,.btn-check:checked+.btn-outline-vimeo:focus,.btn-outline-vimeo.active:focus,.btn-outline-vimeo.dropdown-toggle.show:focus,.btn-outline-vimeo:active:focus{box-shadow:0 0 0 .25rem rgba(26,183,234,.5)}.btn-outline-vimeo.disabled,.btn-outline-vimeo:disabled{color:#1ab7ea;background-color:transparent}.btn-dribbble{color:#fff;background-color:#ea4c89;border-color:#ea4c89}.btn-dribbble:hover{color:#fff;background-color:#e62a72;border-color:#e51e6b}.btn-check:focus+.btn-dribbble,.btn-dribbble:focus{color:#fff;background-color:#e62a72;border-color:#e51e6b;box-shadow:0 0 0 .25rem rgba(237,103,155,.5)}.btn-check:active+.btn-dribbble,.btn-check:checked+.btn-dribbble,.btn-dribbble.active,.btn-dribbble:active,.show>.btn-dribbble.dropdown-toggle{color:#fff;background-color:#e51e6b;border-color:#dc1a65}.btn-check:active+.btn-dribbble:focus,.btn-check:checked+.btn-dribbble:focus,.btn-dribbble.active:focus,.btn-dribbble:active:focus,.show>.btn-dribbble.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(237,103,155,.5)}.btn-dribbble.disabled,.btn-dribbble:disabled{color:#fff;background-color:#ea4c89;border-color:#ea4c89}.btn-outline-dribbble{color:#ea4c89;border-color:#ea4c89}.btn-outline-dribbble:hover{color:#ea4c89;background-color:#ea4c89;border-color:#ea4c89}.btn-check:focus+.btn-outline-dribbble,.btn-outline-dribbble:focus{box-shadow:0 0 0 .25rem rgba(234,76,137,.5)}.btn-check:active+.btn-outline-dribbble,.btn-check:checked+.btn-outline-dribbble,.btn-outline-dribbble.active,.btn-outline-dribbble.dropdown-toggle.show,.btn-outline-dribbble:active{color:#fff;background-color:#ea4c89;border-color:#ea4c89}.btn-check:active+.btn-outline-dribbble:focus,.btn-check:checked+.btn-outline-dribbble:focus,.btn-outline-dribbble.active:focus,.btn-outline-dribbble.dropdown-toggle.show:focus,.btn-outline-dribbble:active:focus{box-shadow:0 0 0 .25rem rgba(234,76,137,.5)}.btn-outline-dribbble.disabled,.btn-outline-dribbble:disabled{color:#ea4c89;background-color:transparent}.btn-github{color:#fff;background-color:#181717;border-color:#181717}.btn-github:hover{color:#fff;background-color:#040404;border-color:#000}.btn-check:focus+.btn-github,.btn-github:focus{color:#fff;background-color:#040404;border-color:#000;box-shadow:0 0 0 .25rem rgba(59,58,58,.5)}.btn-check:active+.btn-github,.btn-check:checked+.btn-github,.btn-github.active,.btn-github:active,.show>.btn-github.dropdown-toggle{color:#fff;background-color:#000;border-color:#000}.btn-check:active+.btn-github:focus,.btn-check:checked+.btn-github:focus,.btn-github.active:focus,.btn-github:active:focus,.show>.btn-github.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(59,58,58,.5)}.btn-github.disabled,.btn-github:disabled{color:#fff;background-color:#181717;border-color:#181717}.btn-outline-github{color:#181717;border-color:#181717}.btn-outline-github:hover{color:#181717;background-color:#181717;border-color:#181717}.btn-check:focus+.btn-outline-github,.btn-outline-github:focus{box-shadow:0 0 0 .25rem rgba(24,23,23,.5)}.btn-check:active+.btn-outline-github,.btn-check:checked+.btn-outline-github,.btn-outline-github.active,.btn-outline-github.dropdown-toggle.show,.btn-outline-github:active{color:#fff;background-color:#181717;border-color:#181717}.btn-check:active+.btn-outline-github:focus,.btn-check:checked+.btn-outline-github:focus,.btn-outline-github.active:focus,.btn-outline-github.dropdown-toggle.show:focus,.btn-outline-github:active:focus{box-shadow:0 0 0 .25rem rgba(24,23,23,.5)}.btn-outline-github.disabled,.btn-outline-github:disabled{color:#181717;background-color:transparent}.btn-instagram{color:#fff;background-color:#e4405f;border-color:#e4405f}.btn-instagram:hover{color:#fff;background-color:#de1f44;border-color:#d31e40}.btn-check:focus+.btn-instagram,.btn-instagram:focus{color:#fff;background-color:#de1f44;border-color:#d31e40;box-shadow:0 0 0 .25rem rgba(232,93,119,.5)}.btn-check:active+.btn-instagram,.btn-check:checked+.btn-instagram,.btn-instagram.active,.btn-instagram:active,.show>.btn-instagram.dropdown-toggle{color:#fff;background-color:#d31e40;border-color:#c81c3d}.btn-check:active+.btn-instagram:focus,.btn-check:checked+.btn-instagram:focus,.btn-instagram.active:focus,.btn-instagram:active:focus,.show>.btn-instagram.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(232,93,119,.5)}.btn-instagram.disabled,.btn-instagram:disabled{color:#fff;background-color:#e4405f;border-color:#e4405f}.btn-outline-instagram{color:#e4405f;border-color:#e4405f}.btn-outline-instagram:hover{color:#e4405f;background-color:#e4405f;border-color:#e4405f}.btn-check:focus+.btn-outline-instagram,.btn-outline-instagram:focus{box-shadow:0 0 0 .25rem rgba(228,64,95,.5)}.btn-check:active+.btn-outline-instagram,.btn-check:checked+.btn-outline-instagram,.btn-outline-instagram.active,.btn-outline-instagram.dropdown-toggle.show,.btn-outline-instagram:active{color:#fff;background-color:#e4405f;border-color:#e4405f}.btn-check:active+.btn-outline-instagram:focus,.btn-check:checked+.btn-outline-instagram:focus,.btn-outline-instagram.active:focus,.btn-outline-instagram.dropdown-toggle.show:focus,.btn-outline-instagram:active:focus{box-shadow:0 0 0 .25rem rgba(228,64,95,.5)}.btn-outline-instagram.disabled,.btn-outline-instagram:disabled{color:#e4405f;background-color:transparent}.btn-pinterest{color:#fff;background-color:#bd081c;border-color:#bd081c}.btn-pinterest:hover{color:#fff;background-color:#980617;border-color:#8c0615}.btn-check:focus+.btn-pinterest,.btn-pinterest:focus{color:#fff;background-color:#980617;border-color:#8c0615;box-shadow:0 0 0 .25rem rgba(199,45,62,.5)}.btn-check:active+.btn-pinterest,.btn-check:checked+.btn-pinterest,.btn-pinterest.active,.btn-pinterest:active,.show>.btn-pinterest.dropdown-toggle{color:#fff;background-color:#8c0615;border-color:#800513}.btn-check:active+.btn-pinterest:focus,.btn-check:checked+.btn-pinterest:focus,.btn-pinterest.active:focus,.btn-pinterest:active:focus,.show>.btn-pinterest.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(199,45,62,.5)}.btn-pinterest.disabled,.btn-pinterest:disabled{color:#fff;background-color:#bd081c;border-color:#bd081c}.btn-outline-pinterest{color:#bd081c;border-color:#bd081c}.btn-outline-pinterest:hover{color:#bd081c;background-color:#bd081c;border-color:#bd081c}.btn-check:focus+.btn-outline-pinterest,.btn-outline-pinterest:focus{box-shadow:0 0 0 .25rem rgba(189,8,28,.5)}.btn-check:active+.btn-outline-pinterest,.btn-check:checked+.btn-outline-pinterest,.btn-outline-pinterest.active,.btn-outline-pinterest.dropdown-toggle.show,.btn-outline-pinterest:active{color:#fff;background-color:#bd081c;border-color:#bd081c}.btn-check:active+.btn-outline-pinterest:focus,.btn-check:checked+.btn-outline-pinterest:focus,.btn-outline-pinterest.active:focus,.btn-outline-pinterest.dropdown-toggle.show:focus,.btn-outline-pinterest:active:focus{box-shadow:0 0 0 .25rem rgba(189,8,28,.5)}.btn-outline-pinterest.disabled,.btn-outline-pinterest:disabled{color:#bd081c;background-color:transparent}.btn-vk{color:#fff;background-color:#6383a8;border-color:#6383a8}.btn-vk:hover{color:#fff;background-color:#527093;border-color:#4d6a8b}.btn-check:focus+.btn-vk,.btn-vk:focus{color:#fff;background-color:#527093;border-color:#4d6a8b;box-shadow:0 0 0 .25rem rgba(122,150,181,.5)}.btn-check:active+.btn-vk,.btn-check:checked+.btn-vk,.btn-vk.active,.btn-vk:active,.show>.btn-vk.dropdown-toggle{color:#fff;background-color:#4d6a8b;border-color:#496482}.btn-check:active+.btn-vk:focus,.btn-check:checked+.btn-vk:focus,.btn-vk.active:focus,.btn-vk:active:focus,.show>.btn-vk.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(122,150,181,.5)}.btn-vk.disabled,.btn-vk:disabled{color:#fff;background-color:#6383a8;border-color:#6383a8}.btn-outline-vk{color:#6383a8;border-color:#6383a8}.btn-outline-vk:hover{color:#6383a8;background-color:#6383a8;border-color:#6383a8}.btn-check:focus+.btn-outline-vk,.btn-outline-vk:focus{box-shadow:0 0 0 .25rem rgba(99,131,168,.5)}.btn-check:active+.btn-outline-vk,.btn-check:checked+.btn-outline-vk,.btn-outline-vk.active,.btn-outline-vk.dropdown-toggle.show,.btn-outline-vk:active{color:#fff;background-color:#6383a8;border-color:#6383a8}.btn-check:active+.btn-outline-vk:focus,.btn-check:checked+.btn-outline-vk:focus,.btn-outline-vk.active:focus,.btn-outline-vk.dropdown-toggle.show:focus,.btn-outline-vk:active:focus{box-shadow:0 0 0 .25rem rgba(99,131,168,.5)}.btn-outline-vk.disabled,.btn-outline-vk:disabled{color:#6383a8;background-color:transparent}.btn-rss{color:#fff;background-color:orange;border-color:orange}.btn-rss:hover{color:#fff;background-color:#d98c00;border-color:#cc8400}.btn-check:focus+.btn-rss,.btn-rss:focus{color:#fff;background-color:#d98c00;border-color:#cc8400;box-shadow:0 0 0 .25rem rgba(255,179,38,.5)}.btn-check:active+.btn-rss,.btn-check:checked+.btn-rss,.btn-rss.active,.btn-rss:active,.show>.btn-rss.dropdown-toggle{color:#fff;background-color:#cc8400;border-color:#bf7c00}.btn-check:active+.btn-rss:focus,.btn-check:checked+.btn-rss:focus,.btn-rss.active:focus,.btn-rss:active:focus,.show>.btn-rss.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(255,179,38,.5)}.btn-rss.disabled,.btn-rss:disabled{color:#fff;background-color:orange;border-color:orange}.btn-outline-rss{color:orange;border-color:orange}.btn-outline-rss:hover{color:orange;background-color:orange;border-color:orange}.btn-check:focus+.btn-outline-rss,.btn-outline-rss:focus{box-shadow:0 0 0 .25rem rgba(255,165,0,.5)}.btn-check:active+.btn-outline-rss,.btn-check:checked+.btn-outline-rss,.btn-outline-rss.active,.btn-outline-rss.dropdown-toggle.show,.btn-outline-rss:active{color:#fff;background-color:orange;border-color:orange}.btn-check:active+.btn-outline-rss:focus,.btn-check:checked+.btn-outline-rss:focus,.btn-outline-rss.active:focus,.btn-outline-rss.dropdown-toggle.show:focus,.btn-outline-rss:active:focus{box-shadow:0 0 0 .25rem rgba(255,165,0,.5)}.btn-outline-rss.disabled,.btn-outline-rss:disabled{color:orange;background-color:transparent}.btn-flickr{color:#fff;background-color:#0063dc;border-color:#0063dc}.btn-flickr:hover{color:#fff;background-color:#0052b6;border-color:#004ca9}.btn-check:focus+.btn-flickr,.btn-flickr:focus{color:#fff;background-color:#0052b6;border-color:#004ca9;box-shadow:0 0 0 .25rem rgba(38,122,225,.5)}.btn-check:active+.btn-flickr,.btn-check:checked+.btn-flickr,.btn-flickr.active,.btn-flickr:active,.show>.btn-flickr.dropdown-toggle{color:#fff;background-color:#004ca9;border-color:#00469c}.btn-check:active+.btn-flickr:focus,.btn-check:checked+.btn-flickr:focus,.btn-flickr.active:focus,.btn-flickr:active:focus,.show>.btn-flickr.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(38,122,225,.5)}.btn-flickr.disabled,.btn-flickr:disabled{color:#fff;background-color:#0063dc;border-color:#0063dc}.btn-outline-flickr{color:#0063dc;border-color:#0063dc}.btn-outline-flickr:hover{color:#0063dc;background-color:#0063dc;border-color:#0063dc}.btn-check:focus+.btn-outline-flickr,.btn-outline-flickr:focus{box-shadow:0 0 0 .25rem rgba(0,99,220,.5)}.btn-check:active+.btn-outline-flickr,.btn-check:checked+.btn-outline-flickr,.btn-outline-flickr.active,.btn-outline-flickr.dropdown-toggle.show,.btn-outline-flickr:active{color:#fff;background-color:#0063dc;border-color:#0063dc}.btn-check:active+.btn-outline-flickr:focus,.btn-check:checked+.btn-outline-flickr:focus,.btn-outline-flickr.active:focus,.btn-outline-flickr.dropdown-toggle.show:focus,.btn-outline-flickr:active:focus{box-shadow:0 0 0 .25rem rgba(0,99,220,.5)}.btn-outline-flickr.disabled,.btn-outline-flickr:disabled{color:#0063dc;background-color:transparent}.btn-bitbucket{color:#fff;background-color:#0052cc;border-color:#0052cc}.btn-bitbucket:hover{color:#fff;background-color:#0043a6;border-color:#003e99}.btn-bitbucket:focus,.btn-check:focus+.btn-bitbucket{color:#fff;background-color:#0043a6;border-color:#003e99;box-shadow:0 0 0 .25rem rgba(38,108,212,.5)}.btn-bitbucket.active,.btn-bitbucket:active,.btn-check:active+.btn-bitbucket,.btn-check:checked+.btn-bitbucket,.show>.btn-bitbucket.dropdown-toggle{color:#fff;background-color:#003e99;border-color:#00388c}.btn-bitbucket.active:focus,.btn-bitbucket:active:focus,.btn-check:active+.btn-bitbucket:focus,.btn-check:checked+.btn-bitbucket:focus,.show>.btn-bitbucket.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(38,108,212,.5)}.btn-bitbucket.disabled,.btn-bitbucket:disabled{color:#fff;background-color:#0052cc;border-color:#0052cc}.btn-outline-bitbucket{color:#0052cc;border-color:#0052cc}.btn-outline-bitbucket:hover{color:#0052cc;background-color:#0052cc;border-color:#0052cc}.btn-check:focus+.btn-outline-bitbucket,.btn-outline-bitbucket:focus{box-shadow:0 0 0 .25rem rgba(0,82,204,.5)}.btn-check:active+.btn-outline-bitbucket,.btn-check:checked+.btn-outline-bitbucket,.btn-outline-bitbucket.active,.btn-outline-bitbucket.dropdown-toggle.show,.btn-outline-bitbucket:active{color:#fff;background-color:#0052cc;border-color:#0052cc}.btn-check:active+.btn-outline-bitbucket:focus,.btn-check:checked+.btn-outline-bitbucket:focus,.btn-outline-bitbucket.active:focus,.btn-outline-bitbucket.dropdown-toggle.show:focus,.btn-outline-bitbucket:active:focus{box-shadow:0 0 0 .25rem rgba(0,82,204,.5)}.btn-outline-bitbucket.disabled,.btn-outline-bitbucket:disabled{color:#0052cc;background-color:transparent}.btn-tabler{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-tabler:hover{color:#fff;background-color:#1b59a3;border-color:#195398}.btn-check:focus+.btn-tabler,.btn-tabler:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .25rem rgba(65,129,205,.5)}.btn-check:active+.btn-tabler,.btn-check:checked+.btn-tabler,.btn-tabler.active,.btn-tabler:active,.show>.btn-tabler.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-check:active+.btn-tabler:focus,.btn-check:checked+.btn-tabler:focus,.btn-tabler.active:focus,.btn-tabler:active:focus,.show>.btn-tabler.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(65,129,205,.5)}.btn-tabler.disabled,.btn-tabler:disabled{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-tabler{color:#206bc4;border-color:#206bc4}.btn-outline-tabler:hover{color:#206bc4;background-color:#206bc4;border-color:#206bc4}.btn-check:focus+.btn-outline-tabler,.btn-outline-tabler:focus{box-shadow:0 0 0 .25rem rgba(32,107,196,.5)}.btn-check:active+.btn-outline-tabler,.btn-check:checked+.btn-outline-tabler,.btn-outline-tabler.active,.btn-outline-tabler.dropdown-toggle.show,.btn-outline-tabler:active{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-check:active+.btn-outline-tabler:focus,.btn-check:checked+.btn-outline-tabler:focus,.btn-outline-tabler.active:focus,.btn-outline-tabler.dropdown-toggle.show:focus,.btn-outline-tabler:active:focus{box-shadow:0 0 0 .25rem rgba(32,107,196,.5)}.btn-outline-tabler.disabled,.btn-outline-tabler:disabled{color:#206bc4;background-color:transparent}.btn-blue{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-blue:hover{color:#fff;background-color:#1b59a3;border-color:#195398}.btn-blue:focus,.btn-check:focus+.btn-blue{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .25rem rgba(65,129,205,.5)}.btn-blue.active,.btn-blue:active,.btn-check:active+.btn-blue,.btn-check:checked+.btn-blue,.show>.btn-blue.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-blue.active:focus,.btn-blue:active:focus,.btn-check:active+.btn-blue:focus,.btn-check:checked+.btn-blue:focus,.show>.btn-blue.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(65,129,205,.5)}.btn-blue.disabled,.btn-blue:disabled{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-blue{color:#206bc4;border-color:#206bc4}.btn-outline-blue:hover{color:#206bc4;background-color:#206bc4;border-color:#206bc4}.btn-check:focus+.btn-outline-blue,.btn-outline-blue:focus{box-shadow:0 0 0 .25rem rgba(32,107,196,.5)}.btn-check:active+.btn-outline-blue,.btn-check:checked+.btn-outline-blue,.btn-outline-blue.active,.btn-outline-blue.dropdown-toggle.show,.btn-outline-blue:active{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-check:active+.btn-outline-blue:focus,.btn-check:checked+.btn-outline-blue:focus,.btn-outline-blue.active:focus,.btn-outline-blue.dropdown-toggle.show:focus,.btn-outline-blue:active:focus{box-shadow:0 0 0 .25rem rgba(32,107,196,.5)}.btn-outline-blue.disabled,.btn-outline-blue:disabled{color:#206bc4;background-color:transparent}.btn-azure{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-azure:hover{color:#fff;background-color:#219af0;border-color:#1594ef}.btn-azure:focus,.btn-check:focus+.btn-azure{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .25rem rgba(97,183,244,.5)}.btn-azure.active,.btn-azure:active,.btn-check:active+.btn-azure,.btn-check:checked+.btn-azure,.show>.btn-azure.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-azure.active:focus,.btn-azure:active:focus,.btn-check:active+.btn-azure:focus,.btn-check:checked+.btn-azure:focus,.show>.btn-azure.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(97,183,244,.5)}.btn-azure.disabled,.btn-azure:disabled{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-azure{color:#45aaf2;border-color:#45aaf2}.btn-outline-azure:hover{color:#45aaf2;background-color:#45aaf2;border-color:#45aaf2}.btn-check:focus+.btn-outline-azure,.btn-outline-azure:focus{box-shadow:0 0 0 .25rem rgba(69,170,242,.5)}.btn-check:active+.btn-outline-azure,.btn-check:checked+.btn-outline-azure,.btn-outline-azure.active,.btn-outline-azure.dropdown-toggle.show,.btn-outline-azure:active{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-check:active+.btn-outline-azure:focus,.btn-check:checked+.btn-outline-azure:focus,.btn-outline-azure.active:focus,.btn-outline-azure.dropdown-toggle.show:focus,.btn-outline-azure:active:focus{box-shadow:0 0 0 .25rem rgba(69,170,242,.5)}.btn-outline-azure.disabled,.btn-outline-azure:disabled{color:#45aaf2;background-color:transparent}.btn-indigo{color:#fff;background-color:#6574cd;border-color:#6574cd}.btn-indigo:hover{color:#fff;background-color:#485ac4;border-color:#3f51c1}.btn-check:focus+.btn-indigo,.btn-indigo:focus{color:#fff;background-color:#485ac4;border-color:#3f51c1;box-shadow:0 0 0 .25rem rgba(124,137,213,.5)}.btn-check:active+.btn-indigo,.btn-check:checked+.btn-indigo,.btn-indigo.active,.btn-indigo:active,.show>.btn-indigo.dropdown-toggle{color:#fff;background-color:#3f51c1;border-color:#3b4db7}.btn-check:active+.btn-indigo:focus,.btn-check:checked+.btn-indigo:focus,.btn-indigo.active:focus,.btn-indigo:active:focus,.show>.btn-indigo.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(124,137,213,.5)}.btn-indigo.disabled,.btn-indigo:disabled{color:#fff;background-color:#6574cd;border-color:#6574cd}.btn-outline-indigo{color:#6574cd;border-color:#6574cd}.btn-outline-indigo:hover{color:#6574cd;background-color:#6574cd;border-color:#6574cd}.btn-check:focus+.btn-outline-indigo,.btn-outline-indigo:focus{box-shadow:0 0 0 .25rem rgba(101,116,205,.5)}.btn-check:active+.btn-outline-indigo,.btn-check:checked+.btn-outline-indigo,.btn-outline-indigo.active,.btn-outline-indigo.dropdown-toggle.show,.btn-outline-indigo:active{color:#fff;background-color:#6574cd;border-color:#6574cd}.btn-check:active+.btn-outline-indigo:focus,.btn-check:checked+.btn-outline-indigo:focus,.btn-outline-indigo.active:focus,.btn-outline-indigo.dropdown-toggle.show:focus,.btn-outline-indigo:active:focus{box-shadow:0 0 0 .25rem rgba(101,116,205,.5)}.btn-outline-indigo.disabled,.btn-outline-indigo:disabled{color:#6574cd;background-color:transparent}.btn-purple{color:#fff;background-color:#a55eea;border-color:#a55eea}.btn-purple:hover{color:#fff;background-color:#923ce6;border-color:#8c31e4}.btn-check:focus+.btn-purple,.btn-purple:focus{color:#fff;background-color:#923ce6;border-color:#8c31e4;box-shadow:0 0 0 .25rem rgba(179,118,237,.5)}.btn-check:active+.btn-purple,.btn-check:checked+.btn-purple,.btn-purple.active,.btn-purple:active,.show>.btn-purple.dropdown-toggle{color:#fff;background-color:#8c31e4;border-color:#8526e3}.btn-check:active+.btn-purple:focus,.btn-check:checked+.btn-purple:focus,.btn-purple.active:focus,.btn-purple:active:focus,.show>.btn-purple.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(179,118,237,.5)}.btn-purple.disabled,.btn-purple:disabled{color:#fff;background-color:#a55eea;border-color:#a55eea}.btn-outline-purple{color:#a55eea;border-color:#a55eea}.btn-outline-purple:hover{color:#a55eea;background-color:#a55eea;border-color:#a55eea}.btn-check:focus+.btn-outline-purple,.btn-outline-purple:focus{box-shadow:0 0 0 .25rem rgba(165,94,234,.5)}.btn-check:active+.btn-outline-purple,.btn-check:checked+.btn-outline-purple,.btn-outline-purple.active,.btn-outline-purple.dropdown-toggle.show,.btn-outline-purple:active{color:#fff;background-color:#a55eea;border-color:#a55eea}.btn-check:active+.btn-outline-purple:focus,.btn-check:checked+.btn-outline-purple:focus,.btn-outline-purple.active:focus,.btn-outline-purple.dropdown-toggle.show:focus,.btn-outline-purple:active:focus{box-shadow:0 0 0 .25rem rgba(165,94,234,.5)}.btn-outline-purple.disabled,.btn-outline-purple:disabled{color:#a55eea;background-color:transparent}.btn-pink{color:#fff;background-color:#f66d9b;border-color:#f66d9b}.btn-pink:hover{color:#fff;background-color:#f44982;border-color:#f33d7a}.btn-check:focus+.btn-pink,.btn-pink:focus{color:#fff;background-color:#f44982;border-color:#f33d7a;box-shadow:0 0 0 .25rem rgba(247,131,170,.5)}.btn-check:active+.btn-pink,.btn-check:checked+.btn-pink,.btn-pink.active,.btn-pink:active,.show>.btn-pink.dropdown-toggle{color:#fff;background-color:#f33d7a;border-color:#f23172}.btn-check:active+.btn-pink:focus,.btn-check:checked+.btn-pink:focus,.btn-pink.active:focus,.btn-pink:active:focus,.show>.btn-pink.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(247,131,170,.5)}.btn-pink.disabled,.btn-pink:disabled{color:#fff;background-color:#f66d9b;border-color:#f66d9b}.btn-outline-pink{color:#f66d9b;border-color:#f66d9b}.btn-outline-pink:hover{color:#f66d9b;background-color:#f66d9b;border-color:#f66d9b}.btn-check:focus+.btn-outline-pink,.btn-outline-pink:focus{box-shadow:0 0 0 .25rem rgba(246,109,155,.5)}.btn-check:active+.btn-outline-pink,.btn-check:checked+.btn-outline-pink,.btn-outline-pink.active,.btn-outline-pink.dropdown-toggle.show,.btn-outline-pink:active{color:#fff;background-color:#f66d9b;border-color:#f66d9b}.btn-check:active+.btn-outline-pink:focus,.btn-check:checked+.btn-outline-pink:focus,.btn-outline-pink.active:focus,.btn-outline-pink.dropdown-toggle.show:focus,.btn-outline-pink:active:focus{box-shadow:0 0 0 .25rem rgba(246,109,155,.5)}.btn-outline-pink.disabled,.btn-outline-pink:disabled{color:#f66d9b;background-color:transparent}.btn-red{color:#fff;background-color:#cd201f;border-color:#cd201f}.btn-red:hover{color:#fff;background-color:#ac1b1a;border-color:#a11918}.btn-check:focus+.btn-red,.btn-red:focus{color:#fff;background-color:#ac1b1a;border-color:#a11918;box-shadow:0 0 0 .25rem rgba(213,65,65,.5)}.btn-check:active+.btn-red,.btn-check:checked+.btn-red,.btn-red.active,.btn-red:active,.show>.btn-red.dropdown-toggle{color:#fff;background-color:#a11918;border-color:#961717}.btn-check:active+.btn-red:focus,.btn-check:checked+.btn-red:focus,.btn-red.active:focus,.btn-red:active:focus,.show>.btn-red.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(213,65,65,.5)}.btn-red.disabled,.btn-red:disabled{color:#fff;background-color:#cd201f;border-color:#cd201f}.btn-outline-red{color:#cd201f;border-color:#cd201f}.btn-outline-red:hover{color:#cd201f;background-color:#cd201f;border-color:#cd201f}.btn-check:focus+.btn-outline-red,.btn-outline-red:focus{box-shadow:0 0 0 .25rem rgba(205,32,31,.5)}.btn-check:active+.btn-outline-red,.btn-check:checked+.btn-outline-red,.btn-outline-red.active,.btn-outline-red.dropdown-toggle.show,.btn-outline-red:active{color:#fff;background-color:#cd201f;border-color:#cd201f}.btn-check:active+.btn-outline-red:focus,.btn-check:checked+.btn-outline-red:focus,.btn-outline-red.active:focus,.btn-outline-red.dropdown-toggle.show:focus,.btn-outline-red:active:focus{box-shadow:0 0 0 .25rem rgba(205,32,31,.5)}.btn-outline-red.disabled,.btn-outline-red:disabled{color:#cd201f;background-color:transparent}.btn-orange{color:#fff;background-color:#ff922b;border-color:#ff922b}.btn-orange:hover{color:#fff;background-color:#ff7e05;border-color:#f77800}.btn-check:focus+.btn-orange,.btn-orange:focus{color:#fff;background-color:#ff7e05;border-color:#f77800;box-shadow:0 0 0 .25rem rgba(255,162,75,.5)}.btn-check:active+.btn-orange,.btn-check:checked+.btn-orange,.btn-orange.active,.btn-orange:active,.show>.btn-orange.dropdown-toggle{color:#fff;background-color:#f77800;border-color:#ea7200}.btn-check:active+.btn-orange:focus,.btn-check:checked+.btn-orange:focus,.btn-orange.active:focus,.btn-orange:active:focus,.show>.btn-orange.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(255,162,75,.5)}.btn-orange.disabled,.btn-orange:disabled{color:#fff;background-color:#ff922b;border-color:#ff922b}.btn-outline-orange{color:#ff922b;border-color:#ff922b}.btn-outline-orange:hover{color:#ff922b;background-color:#ff922b;border-color:#ff922b}.btn-check:focus+.btn-outline-orange,.btn-outline-orange:focus{box-shadow:0 0 0 .25rem rgba(255,146,43,.5)}.btn-check:active+.btn-outline-orange,.btn-check:checked+.btn-outline-orange,.btn-outline-orange.active,.btn-outline-orange.dropdown-toggle.show,.btn-outline-orange:active{color:#fff;background-color:#ff922b;border-color:#ff922b}.btn-check:active+.btn-outline-orange:focus,.btn-check:checked+.btn-outline-orange:focus,.btn-outline-orange.active:focus,.btn-outline-orange.dropdown-toggle.show:focus,.btn-outline-orange:active:focus{box-shadow:0 0 0 .25rem rgba(255,146,43,.5)}.btn-outline-orange.disabled,.btn-outline-orange:disabled{color:#ff922b;background-color:transparent}.btn-yellow{color:#fff;background-color:#fab005;border-color:#fab005}.btn-yellow:hover{color:#fff;background-color:#d59604;border-color:#c88d04}.btn-check:focus+.btn-yellow,.btn-yellow:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .25rem rgba(251,188,43,.5)}.btn-check:active+.btn-yellow,.btn-check:checked+.btn-yellow,.btn-yellow.active,.btn-yellow:active,.show>.btn-yellow.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-check:active+.btn-yellow:focus,.btn-check:checked+.btn-yellow:focus,.btn-yellow.active:focus,.btn-yellow:active:focus,.show>.btn-yellow.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(251,188,43,.5)}.btn-yellow.disabled,.btn-yellow:disabled{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-yellow{color:#fab005;border-color:#fab005}.btn-outline-yellow:hover{color:#fab005;background-color:#fab005;border-color:#fab005}.btn-check:focus+.btn-outline-yellow,.btn-outline-yellow:focus{box-shadow:0 0 0 .25rem rgba(250,176,5,.5)}.btn-check:active+.btn-outline-yellow,.btn-check:checked+.btn-outline-yellow,.btn-outline-yellow.active,.btn-outline-yellow.dropdown-toggle.show,.btn-outline-yellow:active{color:#fff;background-color:#fab005;border-color:#fab005}.btn-check:active+.btn-outline-yellow:focus,.btn-check:checked+.btn-outline-yellow:focus,.btn-outline-yellow.active:focus,.btn-outline-yellow.dropdown-toggle.show:focus,.btn-outline-yellow:active:focus{box-shadow:0 0 0 .25rem rgba(250,176,5,.5)}.btn-outline-yellow.disabled,.btn-outline-yellow:disabled{color:#fab005;background-color:transparent}.btn-lime{color:#fff;background-color:#94d82d;border-color:#94d82d}.btn-lime:hover{color:#fff;background-color:#7fbc23;border-color:#78b121}.btn-check:focus+.btn-lime,.btn-lime:focus{color:#fff;background-color:#7fbc23;border-color:#78b121;box-shadow:0 0 0 .25rem rgba(164,222,77,.5)}.btn-check:active+.btn-lime,.btn-check:checked+.btn-lime,.btn-lime.active,.btn-lime:active,.show>.btn-lime.dropdown-toggle{color:#fff;background-color:#78b121;border-color:#70a61f}.btn-check:active+.btn-lime:focus,.btn-check:checked+.btn-lime:focus,.btn-lime.active:focus,.btn-lime:active:focus,.show>.btn-lime.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(164,222,77,.5)}.btn-lime.disabled,.btn-lime:disabled{color:#fff;background-color:#94d82d;border-color:#94d82d}.btn-outline-lime{color:#94d82d;border-color:#94d82d}.btn-outline-lime:hover{color:#94d82d;background-color:#94d82d;border-color:#94d82d}.btn-check:focus+.btn-outline-lime,.btn-outline-lime:focus{box-shadow:0 0 0 .25rem rgba(148,216,45,.5)}.btn-check:active+.btn-outline-lime,.btn-check:checked+.btn-outline-lime,.btn-outline-lime.active,.btn-outline-lime.dropdown-toggle.show,.btn-outline-lime:active{color:#fff;background-color:#94d82d;border-color:#94d82d}.btn-check:active+.btn-outline-lime:focus,.btn-check:checked+.btn-outline-lime:focus,.btn-outline-lime.active:focus,.btn-outline-lime.dropdown-toggle.show:focus,.btn-outline-lime:active:focus{box-shadow:0 0 0 .25rem rgba(148,216,45,.5)}.btn-outline-lime.disabled,.btn-outline-lime:disabled{color:#94d82d;background-color:transparent}.btn-green{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-green:hover{color:#fff;background-color:#4b9400;border-color:#448700}.btn-check:focus+.btn-green,.btn-green:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .25rem rgba(118,196,38,.5)}.btn-check:active+.btn-green,.btn-check:checked+.btn-green,.btn-green.active,.btn-green:active,.show>.btn-green.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-check:active+.btn-green:focus,.btn-check:checked+.btn-green:focus,.btn-green.active:focus,.btn-green:active:focus,.show>.btn-green.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(118,196,38,.5)}.btn-green.disabled,.btn-green:disabled{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-green{color:#5eba00;border-color:#5eba00}.btn-outline-green:hover{color:#5eba00;background-color:#5eba00;border-color:#5eba00}.btn-check:focus+.btn-outline-green,.btn-outline-green:focus{box-shadow:0 0 0 .25rem rgba(94,186,0,.5)}.btn-check:active+.btn-outline-green,.btn-check:checked+.btn-outline-green,.btn-outline-green.active,.btn-outline-green.dropdown-toggle.show,.btn-outline-green:active{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-check:active+.btn-outline-green:focus,.btn-check:checked+.btn-outline-green:focus,.btn-outline-green.active:focus,.btn-outline-green.dropdown-toggle.show:focus,.btn-outline-green:active:focus{box-shadow:0 0 0 .25rem rgba(94,186,0,.5)}.btn-outline-green.disabled,.btn-outline-green:disabled{color:#5eba00;background-color:transparent}.btn-teal{color:#fff;background-color:#2bcbba;border-color:#2bcbba}.btn-teal:hover{color:#fff;background-color:#24ab9d;border-color:#22a193}.btn-check:focus+.btn-teal,.btn-teal:focus{color:#fff;background-color:#24ab9d;border-color:#22a193;box-shadow:0 0 0 .25rem rgba(75,211,196,.5)}.btn-check:active+.btn-teal,.btn-check:checked+.btn-teal,.btn-teal.active,.btn-teal:active,.show>.btn-teal.dropdown-toggle{color:#fff;background-color:#22a193;border-color:#20968a}.btn-check:active+.btn-teal:focus,.btn-check:checked+.btn-teal:focus,.btn-teal.active:focus,.btn-teal:active:focus,.show>.btn-teal.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(75,211,196,.5)}.btn-teal.disabled,.btn-teal:disabled{color:#fff;background-color:#2bcbba;border-color:#2bcbba}.btn-outline-teal{color:#2bcbba;border-color:#2bcbba}.btn-outline-teal:hover{color:#2bcbba;background-color:#2bcbba;border-color:#2bcbba}.btn-check:focus+.btn-outline-teal,.btn-outline-teal:focus{box-shadow:0 0 0 .25rem rgba(43,203,186,.5)}.btn-check:active+.btn-outline-teal,.btn-check:checked+.btn-outline-teal,.btn-outline-teal.active,.btn-outline-teal.dropdown-toggle.show,.btn-outline-teal:active{color:#fff;background-color:#2bcbba;border-color:#2bcbba}.btn-check:active+.btn-outline-teal:focus,.btn-check:checked+.btn-outline-teal:focus,.btn-outline-teal.active:focus,.btn-outline-teal.dropdown-toggle.show:focus,.btn-outline-teal:active:focus{box-shadow:0 0 0 .25rem rgba(43,203,186,.5)}.btn-outline-teal.disabled,.btn-outline-teal:disabled{color:#2bcbba;background-color:transparent}.btn-cyan{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-cyan:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-check:focus+.btn-cyan,.btn-cyan:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .25rem rgba(58,176,195,.5)}.btn-check:active+.btn-cyan,.btn-check:checked+.btn-cyan,.btn-cyan.active,.btn-cyan:active,.show>.btn-cyan.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-check:active+.btn-cyan:focus,.btn-check:checked+.btn-cyan:focus,.btn-cyan.active:focus,.btn-cyan:active:focus,.show>.btn-cyan.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(58,176,195,.5)}.btn-cyan.disabled,.btn-cyan:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-cyan{color:#17a2b8;border-color:#17a2b8}.btn-outline-cyan:hover{color:#17a2b8;background-color:#17a2b8;border-color:#17a2b8}.btn-check:focus+.btn-outline-cyan,.btn-outline-cyan:focus{box-shadow:0 0 0 .25rem rgba(23,162,184,.5)}.btn-check:active+.btn-outline-cyan,.btn-check:checked+.btn-outline-cyan,.btn-outline-cyan.active,.btn-outline-cyan.dropdown-toggle.show,.btn-outline-cyan:active{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-check:active+.btn-outline-cyan:focus,.btn-check:checked+.btn-outline-cyan:focus,.btn-outline-cyan.active:focus,.btn-outline-cyan.dropdown-toggle.show:focus,.btn-outline-cyan:active:focus{box-shadow:0 0 0 .25rem rgba(23,162,184,.5)}.btn-outline-cyan.disabled,.btn-outline-cyan:disabled{color:#17a2b8;background-color:transparent}.btn-gray{color:#fff;background-color:#a8aeb7;border-color:#a8aeb7}.btn-gray:hover{color:#fff;background-color:#939ba6;border-color:#8c94a0}.btn-check:focus+.btn-gray,.btn-gray:focus{color:#fff;background-color:#939ba6;border-color:#8c94a0;box-shadow:0 0 0 .25rem rgba(181,186,194,.5)}.btn-check:active+.btn-gray,.btn-check:checked+.btn-gray,.btn-gray.active,.btn-gray:active,.show>.btn-gray.dropdown-toggle{color:#fff;background-color:#8c94a0;border-color:#858e9a}.btn-check:active+.btn-gray:focus,.btn-check:checked+.btn-gray:focus,.btn-gray.active:focus,.btn-gray:active:focus,.show>.btn-gray.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(181,186,194,.5)}.btn-gray.disabled,.btn-gray:disabled{color:#fff;background-color:#a8aeb7;border-color:#a8aeb7}.btn-outline-gray{color:#a8aeb7;border-color:#a8aeb7}.btn-outline-gray:hover{color:#a8aeb7;background-color:#a8aeb7;border-color:#a8aeb7}.btn-check:focus+.btn-outline-gray,.btn-outline-gray:focus{box-shadow:0 0 0 .25rem rgba(168,174,183,.5)}.btn-check:active+.btn-outline-gray,.btn-check:checked+.btn-outline-gray,.btn-outline-gray.active,.btn-outline-gray.dropdown-toggle.show,.btn-outline-gray:active{color:#fff;background-color:#a8aeb7;border-color:#a8aeb7}.btn-check:active+.btn-outline-gray:focus,.btn-check:checked+.btn-outline-gray:focus,.btn-outline-gray.active:focus,.btn-outline-gray.dropdown-toggle.show:focus,.btn-outline-gray:active:focus{box-shadow:0 0 0 .25rem rgba(168,174,183,.5)}.btn-outline-gray.disabled,.btn-outline-gray:disabled{color:#a8aeb7;background-color:transparent}.btn-gray-dark{color:#fff;background-color:#545d6d;border-color:#545d6d}.btn-gray-dark:hover{color:#fff;background-color:#434b57;border-color:#3e4450}.btn-check:focus+.btn-gray-dark,.btn-gray-dark:focus{color:#fff;background-color:#434b57;border-color:#3e4450;box-shadow:0 0 0 .25rem rgba(110,117,131,.5)}.btn-check:active+.btn-gray-dark,.btn-check:checked+.btn-gray-dark,.btn-gray-dark.active,.btn-gray-dark:active,.show>.btn-gray-dark.dropdown-toggle{color:#fff;background-color:#3e4450;border-color:#383e49}.btn-check:active+.btn-gray-dark:focus,.btn-check:checked+.btn-gray-dark:focus,.btn-gray-dark.active:focus,.btn-gray-dark:active:focus,.show>.btn-gray-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(110,117,131,.5)}.btn-gray-dark.disabled,.btn-gray-dark:disabled{color:#fff;background-color:#545d6d;border-color:#545d6d}.btn-outline-gray-dark{color:#545d6d;border-color:#545d6d}.btn-outline-gray-dark:hover{color:#545d6d;background-color:#545d6d;border-color:#545d6d}.btn-check:focus+.btn-outline-gray-dark,.btn-outline-gray-dark:focus{box-shadow:0 0 0 .25rem rgba(84,93,109,.5)}.btn-check:active+.btn-outline-gray-dark,.btn-check:checked+.btn-outline-gray-dark,.btn-outline-gray-dark.active,.btn-outline-gray-dark.dropdown-toggle.show,.btn-outline-gray-dark:active{color:#fff;background-color:#545d6d;border-color:#545d6d}.btn-check:active+.btn-outline-gray-dark:focus,.btn-check:checked+.btn-outline-gray-dark:focus,.btn-outline-gray-dark.active:focus,.btn-outline-gray-dark.dropdown-toggle.show:focus,.btn-outline-gray-dark:active:focus{box-shadow:0 0 0 .25rem rgba(84,93,109,.5)}.btn-outline-gray-dark.disabled,.btn-outline-gray-dark:disabled{color:#545d6d;background-color:transparent}.btn-dark{color:#fff;background-color:#354052;border-color:#354052}.btn-dark:hover{color:#fff;background-color:#262e3b;border-color:#212833}.btn-check:focus+.btn-dark,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .25rem rgba(83,93,108,.5)}.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(83,93,108,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark{color:#354052;border-color:#354052}.btn-outline-dark:hover{color:#354052;background-color:#354052;border-color:#354052}.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{box-shadow:0 0 0 .25rem rgba(53,64,82,.5)}.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active{color:#fff;background-color:#354052;border-color:#354052}.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus{box-shadow:0 0 0 .25rem rgba(53,64,82,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#354052;background-color:transparent}
\ No newline at end of file
diff --git a/demo/dist/css/tabler-flags.css b/demo/dist/css/tabler-flags.css
index dbf6cb38c..e11b9a800 100644
--- a/demo/dist/css/tabler-flags.css
+++ b/demo/dist/css/tabler-flags.css
@@ -1,6 +1,6 @@
 /*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
+* Tabler v1.0.0-alpha.9 (https://tabler.io)
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -15,7 +15,7 @@
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid #e8e9ea;
   border-radius: 3px; }
 
 .flag-country-ad {
@@ -786,14 +786,22 @@
 .flag-country-un {
   background-image: url("../img/flags/un.svg"); }
 
-.flag-md {
+.flag-xs {
+  width: 1.6666625rem;
+  height: 1.25rem; }
+
+.flag-sm {
   width: 2.66666rem;
   height: 2rem; }
 
+.flag-md {
+  width: 4.9999875rem;
+  height: 3.75rem; }
+
 .flag-lg {
-  width: 3.99999rem;
-  height: 3rem; }
+  width: 6.66665rem;
+  height: 5rem; }
 
 .flag-xl {
-  width: 5.33332rem;
-  height: 4rem; }
+  width: 9.33331rem;
+  height: 7rem; }
diff --git a/demo/dist/css/tabler-flags.min.css b/demo/dist/css/tabler-flags.min.css
index 31fb29807..61b487c77 100644
--- a/demo/dist/css/tabler-flags.min.css
+++ b/demo/dist/css/tabler-flags.min.css
@@ -1,9 +1,9 @@
 /*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
+* Tabler v1.0.0-alpha.9 (https://tabler.io)
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 */
-.flag{position:relative;display:inline-block;width:1.33333em;height:1em;vertical-align:-3px;background-repeat:no-repeat;background-position:center;background-size:cover;border:1px solid rgba(95,102,110,.2);border-radius:3px}.flag-country-ad{background-image:url(../img/flags/ad.svg)}.flag-country-ae{background-image:url(../img/flags/ae.svg)}.flag-country-af{background-image:url(../img/flags/af.svg)}.flag-country-ag{background-image:url(../img/flags/ag.svg)}.flag-country-ai{background-image:url(../img/flags/ai.svg)}.flag-country-al{background-image:url(../img/flags/al.svg)}.flag-country-am{background-image:url(../img/flags/am.svg)}.flag-country-ao{background-image:url(../img/flags/ao.svg)}.flag-country-aq{background-image:url(../img/flags/aq.svg)}.flag-country-ar{background-image:url(../img/flags/ar.svg)}.flag-country-as{background-image:url(../img/flags/as.svg)}.flag-country-at{background-image:url(../img/flags/at.svg)}.flag-country-au{background-image:url(../img/flags/au.svg)}.flag-country-aw{background-image:url(../img/flags/aw.svg)}.flag-country-ax{background-image:url(../img/flags/ax.svg)}.flag-country-az{background-image:url(../img/flags/az.svg)}.flag-country-ba{background-image:url(../img/flags/ba.svg)}.flag-country-bb{background-image:url(../img/flags/bb.svg)}.flag-country-bd{background-image:url(../img/flags/bd.svg)}.flag-country-be{background-image:url(../img/flags/be.svg)}.flag-country-bf{background-image:url(../img/flags/bf.svg)}.flag-country-bg{background-image:url(../img/flags/bg.svg)}.flag-country-bh{background-image:url(../img/flags/bh.svg)}.flag-country-bi{background-image:url(../img/flags/bi.svg)}.flag-country-bj{background-image:url(../img/flags/bj.svg)}.flag-country-bl{background-image:url(../img/flags/bl.svg)}.flag-country-bm{background-image:url(../img/flags/bm.svg)}.flag-country-bn{background-image:url(../img/flags/bn.svg)}.flag-country-bo{background-image:url(../img/flags/bo.svg)}.flag-country-bq{background-image:url(../img/flags/bq.svg)}.flag-country-br{background-image:url(../img/flags/br.svg)}.flag-country-bs{background-image:url(../img/flags/bs.svg)}.flag-country-bt{background-image:url(../img/flags/bt.svg)}.flag-country-bv{background-image:url(../img/flags/bv.svg)}.flag-country-bw{background-image:url(../img/flags/bw.svg)}.flag-country-by{background-image:url(../img/flags/by.svg)}.flag-country-bz{background-image:url(../img/flags/bz.svg)}.flag-country-ca{background-image:url(../img/flags/ca.svg)}.flag-country-cc{background-image:url(../img/flags/cc.svg)}.flag-country-cd{background-image:url(../img/flags/cd.svg)}.flag-country-cf{background-image:url(../img/flags/cf.svg)}.flag-country-cg{background-image:url(../img/flags/cg.svg)}.flag-country-ch{background-image:url(../img/flags/ch.svg)}.flag-country-ci{background-image:url(../img/flags/ci.svg)}.flag-country-ck{background-image:url(../img/flags/ck.svg)}.flag-country-cl{background-image:url(../img/flags/cl.svg)}.flag-country-cm{background-image:url(../img/flags/cm.svg)}.flag-country-cn{background-image:url(../img/flags/cn.svg)}.flag-country-co{background-image:url(../img/flags/co.svg)}.flag-country-cr{background-image:url(../img/flags/cr.svg)}.flag-country-cu{background-image:url(../img/flags/cu.svg)}.flag-country-cv{background-image:url(../img/flags/cv.svg)}.flag-country-cw{background-image:url(../img/flags/cw.svg)}.flag-country-cx{background-image:url(../img/flags/cx.svg)}.flag-country-cy{background-image:url(../img/flags/cy.svg)}.flag-country-cz{background-image:url(../img/flags/cz.svg)}.flag-country-de{background-image:url(../img/flags/de.svg)}.flag-country-dj{background-image:url(../img/flags/dj.svg)}.flag-country-dk{background-image:url(../img/flags/dk.svg)}.flag-country-dm{background-image:url(../img/flags/dm.svg)}.flag-country-do{background-image:url(../img/flags/do.svg)}.flag-country-dz{background-image:url(../img/flags/dz.svg)}.flag-country-ec{background-image:url(../img/flags/ec.svg)}.flag-country-ee{background-image:url(../img/flags/ee.svg)}.flag-country-eg{background-image:url(../img/flags/eg.svg)}.flag-country-eh{background-image:url(../img/flags/eh.svg)}.flag-country-er{background-image:url(../img/flags/er.svg)}.flag-country-es{background-image:url(../img/flags/es.svg)}.flag-country-et{background-image:url(../img/flags/et.svg)}.flag-country-fi{background-image:url(../img/flags/fi.svg)}.flag-country-fj{background-image:url(../img/flags/fj.svg)}.flag-country-fk{background-image:url(../img/flags/fk.svg)}.flag-country-fm{background-image:url(../img/flags/fm.svg)}.flag-country-fo{background-image:url(../img/flags/fo.svg)}.flag-country-fr{background-image:url(../img/flags/fr.svg)}.flag-country-ga{background-image:url(../img/flags/ga.svg)}.flag-country-gb{background-image:url(../img/flags/gb.svg)}.flag-country-gd{background-image:url(../img/flags/gd.svg)}.flag-country-ge{background-image:url(../img/flags/ge.svg)}.flag-country-gf{background-image:url(../img/flags/gf.svg)}.flag-country-gg{background-image:url(../img/flags/gg.svg)}.flag-country-gh{background-image:url(../img/flags/gh.svg)}.flag-country-gi{background-image:url(../img/flags/gi.svg)}.flag-country-gl{background-image:url(../img/flags/gl.svg)}.flag-country-gm{background-image:url(../img/flags/gm.svg)}.flag-country-gn{background-image:url(../img/flags/gn.svg)}.flag-country-gp{background-image:url(../img/flags/gp.svg)}.flag-country-gq{background-image:url(../img/flags/gq.svg)}.flag-country-gr{background-image:url(../img/flags/gr.svg)}.flag-country-gs{background-image:url(../img/flags/gs.svg)}.flag-country-gt{background-image:url(../img/flags/gt.svg)}.flag-country-gu{background-image:url(../img/flags/gu.svg)}.flag-country-gw{background-image:url(../img/flags/gw.svg)}.flag-country-gy{background-image:url(../img/flags/gy.svg)}.flag-country-hk{background-image:url(../img/flags/hk.svg)}.flag-country-hm{background-image:url(../img/flags/hm.svg)}.flag-country-hn{background-image:url(../img/flags/hn.svg)}.flag-country-hr{background-image:url(../img/flags/hr.svg)}.flag-country-ht{background-image:url(../img/flags/ht.svg)}.flag-country-hu{background-image:url(../img/flags/hu.svg)}.flag-country-id{background-image:url(../img/flags/id.svg)}.flag-country-ie{background-image:url(../img/flags/ie.svg)}.flag-country-il{background-image:url(../img/flags/il.svg)}.flag-country-im{background-image:url(../img/flags/im.svg)}.flag-country-in{background-image:url(../img/flags/in.svg)}.flag-country-io{background-image:url(../img/flags/io.svg)}.flag-country-iq{background-image:url(../img/flags/iq.svg)}.flag-country-ir{background-image:url(../img/flags/ir.svg)}.flag-country-is{background-image:url(../img/flags/is.svg)}.flag-country-it{background-image:url(../img/flags/it.svg)}.flag-country-je{background-image:url(../img/flags/je.svg)}.flag-country-jm{background-image:url(../img/flags/jm.svg)}.flag-country-jo{background-image:url(../img/flags/jo.svg)}.flag-country-jp{background-image:url(../img/flags/jp.svg)}.flag-country-ke{background-image:url(../img/flags/ke.svg)}.flag-country-kg{background-image:url(../img/flags/kg.svg)}.flag-country-kh{background-image:url(../img/flags/kh.svg)}.flag-country-ki{background-image:url(../img/flags/ki.svg)}.flag-country-km{background-image:url(../img/flags/km.svg)}.flag-country-kn{background-image:url(../img/flags/kn.svg)}.flag-country-kp{background-image:url(../img/flags/kp.svg)}.flag-country-kr{background-image:url(../img/flags/kr.svg)}.flag-country-kw{background-image:url(../img/flags/kw.svg)}.flag-country-ky{background-image:url(../img/flags/ky.svg)}.flag-country-kz{background-image:url(../img/flags/kz.svg)}.flag-country-la{background-image:url(../img/flags/la.svg)}.flag-country-lb{background-image:url(../img/flags/lb.svg)}.flag-country-lc{background-image:url(../img/flags/lc.svg)}.flag-country-li{background-image:url(../img/flags/li.svg)}.flag-country-lk{background-image:url(../img/flags/lk.svg)}.flag-country-lr{background-image:url(../img/flags/lr.svg)}.flag-country-ls{background-image:url(../img/flags/ls.svg)}.flag-country-lt{background-image:url(../img/flags/lt.svg)}.flag-country-lu{background-image:url(../img/flags/lu.svg)}.flag-country-lv{background-image:url(../img/flags/lv.svg)}.flag-country-ly{background-image:url(../img/flags/ly.svg)}.flag-country-ma{background-image:url(../img/flags/ma.svg)}.flag-country-mc{background-image:url(../img/flags/mc.svg)}.flag-country-md{background-image:url(../img/flags/md.svg)}.flag-country-me{background-image:url(../img/flags/me.svg)}.flag-country-mf{background-image:url(../img/flags/mf.svg)}.flag-country-mg{background-image:url(../img/flags/mg.svg)}.flag-country-mh{background-image:url(../img/flags/mh.svg)}.flag-country-mk{background-image:url(../img/flags/mk.svg)}.flag-country-ml{background-image:url(../img/flags/ml.svg)}.flag-country-mm{background-image:url(../img/flags/mm.svg)}.flag-country-mn{background-image:url(../img/flags/mn.svg)}.flag-country-mo{background-image:url(../img/flags/mo.svg)}.flag-country-mp{background-image:url(../img/flags/mp.svg)}.flag-country-mq{background-image:url(../img/flags/mq.svg)}.flag-country-mr{background-image:url(../img/flags/mr.svg)}.flag-country-ms{background-image:url(../img/flags/ms.svg)}.flag-country-mt{background-image:url(../img/flags/mt.svg)}.flag-country-mu{background-image:url(../img/flags/mu.svg)}.flag-country-mv{background-image:url(../img/flags/mv.svg)}.flag-country-mw{background-image:url(../img/flags/mw.svg)}.flag-country-mx{background-image:url(../img/flags/mx.svg)}.flag-country-my{background-image:url(../img/flags/my.svg)}.flag-country-mz{background-image:url(../img/flags/mz.svg)}.flag-country-na{background-image:url(../img/flags/na.svg)}.flag-country-nc{background-image:url(../img/flags/nc.svg)}.flag-country-ne{background-image:url(../img/flags/ne.svg)}.flag-country-nf{background-image:url(../img/flags/nf.svg)}.flag-country-ng{background-image:url(../img/flags/ng.svg)}.flag-country-ni{background-image:url(../img/flags/ni.svg)}.flag-country-nl{background-image:url(../img/flags/nl.svg)}.flag-country-no{background-image:url(../img/flags/no.svg)}.flag-country-np{background-image:url(../img/flags/np.svg)}.flag-country-nr{background-image:url(../img/flags/nr.svg)}.flag-country-nu{background-image:url(../img/flags/nu.svg)}.flag-country-nz{background-image:url(../img/flags/nz.svg)}.flag-country-om{background-image:url(../img/flags/om.svg)}.flag-country-pa{background-image:url(../img/flags/pa.svg)}.flag-country-pe{background-image:url(../img/flags/pe.svg)}.flag-country-pf{background-image:url(../img/flags/pf.svg)}.flag-country-pg{background-image:url(../img/flags/pg.svg)}.flag-country-ph{background-image:url(../img/flags/ph.svg)}.flag-country-pk{background-image:url(../img/flags/pk.svg)}.flag-country-pl{background-image:url(../img/flags/pl.svg)}.flag-country-pm{background-image:url(../img/flags/pm.svg)}.flag-country-pn{background-image:url(../img/flags/pn.svg)}.flag-country-pr{background-image:url(../img/flags/pr.svg)}.flag-country-ps{background-image:url(../img/flags/ps.svg)}.flag-country-pt{background-image:url(../img/flags/pt.svg)}.flag-country-pw{background-image:url(../img/flags/pw.svg)}.flag-country-py{background-image:url(../img/flags/py.svg)}.flag-country-qa{background-image:url(../img/flags/qa.svg)}.flag-country-re{background-image:url(../img/flags/re.svg)}.flag-country-ro{background-image:url(../img/flags/ro.svg)}.flag-country-rs{background-image:url(../img/flags/rs.svg)}.flag-country-ru{background-image:url(../img/flags/ru.svg)}.flag-country-rw{background-image:url(../img/flags/rw.svg)}.flag-country-sa{background-image:url(../img/flags/sa.svg)}.flag-country-sb{background-image:url(../img/flags/sb.svg)}.flag-country-sc{background-image:url(../img/flags/sc.svg)}.flag-country-sd{background-image:url(../img/flags/sd.svg)}.flag-country-se{background-image:url(../img/flags/se.svg)}.flag-country-sg{background-image:url(../img/flags/sg.svg)}.flag-country-sh{background-image:url(../img/flags/sh.svg)}.flag-country-si{background-image:url(../img/flags/si.svg)}.flag-country-sj{background-image:url(../img/flags/sj.svg)}.flag-country-sk{background-image:url(../img/flags/sk.svg)}.flag-country-sl{background-image:url(../img/flags/sl.svg)}.flag-country-sm{background-image:url(../img/flags/sm.svg)}.flag-country-sn{background-image:url(../img/flags/sn.svg)}.flag-country-so{background-image:url(../img/flags/so.svg)}.flag-country-sr{background-image:url(../img/flags/sr.svg)}.flag-country-ss{background-image:url(../img/flags/ss.svg)}.flag-country-st{background-image:url(../img/flags/st.svg)}.flag-country-sv{background-image:url(../img/flags/sv.svg)}.flag-country-sx{background-image:url(../img/flags/sx.svg)}.flag-country-sy{background-image:url(../img/flags/sy.svg)}.flag-country-sz{background-image:url(../img/flags/sz.svg)}.flag-country-tc{background-image:url(../img/flags/tc.svg)}.flag-country-td{background-image:url(../img/flags/td.svg)}.flag-country-tf{background-image:url(../img/flags/tf.svg)}.flag-country-tg{background-image:url(../img/flags/tg.svg)}.flag-country-th{background-image:url(../img/flags/th.svg)}.flag-country-tj{background-image:url(../img/flags/tj.svg)}.flag-country-tk{background-image:url(../img/flags/tk.svg)}.flag-country-tl{background-image:url(../img/flags/tl.svg)}.flag-country-tm{background-image:url(../img/flags/tm.svg)}.flag-country-tn{background-image:url(../img/flags/tn.svg)}.flag-country-to{background-image:url(../img/flags/to.svg)}.flag-country-tr{background-image:url(../img/flags/tr.svg)}.flag-country-tt{background-image:url(../img/flags/tt.svg)}.flag-country-tv{background-image:url(../img/flags/tv.svg)}.flag-country-tw{background-image:url(../img/flags/tw.svg)}.flag-country-tz{background-image:url(../img/flags/tz.svg)}.flag-country-ua{background-image:url(../img/flags/ua.svg)}.flag-country-ug{background-image:url(../img/flags/ug.svg)}.flag-country-um{background-image:url(../img/flags/um.svg)}.flag-country-us{background-image:url(../img/flags/us.svg)}.flag-country-uy{background-image:url(../img/flags/uy.svg)}.flag-country-uz{background-image:url(../img/flags/uz.svg)}.flag-country-va{background-image:url(../img/flags/va.svg)}.flag-country-vc{background-image:url(../img/flags/vc.svg)}.flag-country-ve{background-image:url(../img/flags/ve.svg)}.flag-country-vg{background-image:url(../img/flags/vg.svg)}.flag-country-vi{background-image:url(../img/flags/vi.svg)}.flag-country-vn{background-image:url(../img/flags/vn.svg)}.flag-country-vu{background-image:url(../img/flags/vu.svg)}.flag-country-wf{background-image:url(../img/flags/wf.svg)}.flag-country-ws{background-image:url(../img/flags/ws.svg)}.flag-country-ye{background-image:url(../img/flags/ye.svg)}.flag-country-yt{background-image:url(../img/flags/yt.svg)}.flag-country-za{background-image:url(../img/flags/za.svg)}.flag-country-zm{background-image:url(../img/flags/zm.svg)}.flag-country-zw{background-image:url(../img/flags/zw.svg)}.flag-country-es-ct{background-image:url(../img/flags/es-ct.svg)}.flag-country-eu{background-image:url(../img/flags/eu.svg)}.flag-country-gb-eng{background-image:url(../img/flags/gb-eng.svg)}.flag-country-gb-nir{background-image:url(../img/flags/gb-nir.svg)}.flag-country-gb-sct{background-image:url(../img/flags/gb-sct.svg)}.flag-country-gb-wls{background-image:url(../img/flags/gb-wls.svg)}.flag-country-un{background-image:url(../img/flags/un.svg)}.flag-md{width:2.66666rem;height:2rem}.flag-lg{width:3.99999rem;height:3rem}.flag-xl{width:5.33332rem;height:4rem}
\ No newline at end of file
+.flag{position:relative;display:inline-block;width:1.33333em;height:1em;vertical-align:-3px;background-repeat:no-repeat;background-position:center;background-size:cover;border:1px solid #e8e9ea;border-radius:3px}.flag-country-ad{background-image:url(../img/flags/ad.svg)}.flag-country-ae{background-image:url(../img/flags/ae.svg)}.flag-country-af{background-image:url(../img/flags/af.svg)}.flag-country-ag{background-image:url(../img/flags/ag.svg)}.flag-country-ai{background-image:url(../img/flags/ai.svg)}.flag-country-al{background-image:url(../img/flags/al.svg)}.flag-country-am{background-image:url(../img/flags/am.svg)}.flag-country-ao{background-image:url(../img/flags/ao.svg)}.flag-country-aq{background-image:url(../img/flags/aq.svg)}.flag-country-ar{background-image:url(../img/flags/ar.svg)}.flag-country-as{background-image:url(../img/flags/as.svg)}.flag-country-at{background-image:url(../img/flags/at.svg)}.flag-country-au{background-image:url(../img/flags/au.svg)}.flag-country-aw{background-image:url(../img/flags/aw.svg)}.flag-country-ax{background-image:url(../img/flags/ax.svg)}.flag-country-az{background-image:url(../img/flags/az.svg)}.flag-country-ba{background-image:url(../img/flags/ba.svg)}.flag-country-bb{background-image:url(../img/flags/bb.svg)}.flag-country-bd{background-image:url(../img/flags/bd.svg)}.flag-country-be{background-image:url(../img/flags/be.svg)}.flag-country-bf{background-image:url(../img/flags/bf.svg)}.flag-country-bg{background-image:url(../img/flags/bg.svg)}.flag-country-bh{background-image:url(../img/flags/bh.svg)}.flag-country-bi{background-image:url(../img/flags/bi.svg)}.flag-country-bj{background-image:url(../img/flags/bj.svg)}.flag-country-bl{background-image:url(../img/flags/bl.svg)}.flag-country-bm{background-image:url(../img/flags/bm.svg)}.flag-country-bn{background-image:url(../img/flags/bn.svg)}.flag-country-bo{background-image:url(../img/flags/bo.svg)}.flag-country-bq{background-image:url(../img/flags/bq.svg)}.flag-country-br{background-image:url(../img/flags/br.svg)}.flag-country-bs{background-image:url(../img/flags/bs.svg)}.flag-country-bt{background-image:url(../img/flags/bt.svg)}.flag-country-bv{background-image:url(../img/flags/bv.svg)}.flag-country-bw{background-image:url(../img/flags/bw.svg)}.flag-country-by{background-image:url(../img/flags/by.svg)}.flag-country-bz{background-image:url(../img/flags/bz.svg)}.flag-country-ca{background-image:url(../img/flags/ca.svg)}.flag-country-cc{background-image:url(../img/flags/cc.svg)}.flag-country-cd{background-image:url(../img/flags/cd.svg)}.flag-country-cf{background-image:url(../img/flags/cf.svg)}.flag-country-cg{background-image:url(../img/flags/cg.svg)}.flag-country-ch{background-image:url(../img/flags/ch.svg)}.flag-country-ci{background-image:url(../img/flags/ci.svg)}.flag-country-ck{background-image:url(../img/flags/ck.svg)}.flag-country-cl{background-image:url(../img/flags/cl.svg)}.flag-country-cm{background-image:url(../img/flags/cm.svg)}.flag-country-cn{background-image:url(../img/flags/cn.svg)}.flag-country-co{background-image:url(../img/flags/co.svg)}.flag-country-cr{background-image:url(../img/flags/cr.svg)}.flag-country-cu{background-image:url(../img/flags/cu.svg)}.flag-country-cv{background-image:url(../img/flags/cv.svg)}.flag-country-cw{background-image:url(../img/flags/cw.svg)}.flag-country-cx{background-image:url(../img/flags/cx.svg)}.flag-country-cy{background-image:url(../img/flags/cy.svg)}.flag-country-cz{background-image:url(../img/flags/cz.svg)}.flag-country-de{background-image:url(../img/flags/de.svg)}.flag-country-dj{background-image:url(../img/flags/dj.svg)}.flag-country-dk{background-image:url(../img/flags/dk.svg)}.flag-country-dm{background-image:url(../img/flags/dm.svg)}.flag-country-do{background-image:url(../img/flags/do.svg)}.flag-country-dz{background-image:url(../img/flags/dz.svg)}.flag-country-ec{background-image:url(../img/flags/ec.svg)}.flag-country-ee{background-image:url(../img/flags/ee.svg)}.flag-country-eg{background-image:url(../img/flags/eg.svg)}.flag-country-eh{background-image:url(../img/flags/eh.svg)}.flag-country-er{background-image:url(../img/flags/er.svg)}.flag-country-es{background-image:url(../img/flags/es.svg)}.flag-country-et{background-image:url(../img/flags/et.svg)}.flag-country-fi{background-image:url(../img/flags/fi.svg)}.flag-country-fj{background-image:url(../img/flags/fj.svg)}.flag-country-fk{background-image:url(../img/flags/fk.svg)}.flag-country-fm{background-image:url(../img/flags/fm.svg)}.flag-country-fo{background-image:url(../img/flags/fo.svg)}.flag-country-fr{background-image:url(../img/flags/fr.svg)}.flag-country-ga{background-image:url(../img/flags/ga.svg)}.flag-country-gb{background-image:url(../img/flags/gb.svg)}.flag-country-gd{background-image:url(../img/flags/gd.svg)}.flag-country-ge{background-image:url(../img/flags/ge.svg)}.flag-country-gf{background-image:url(../img/flags/gf.svg)}.flag-country-gg{background-image:url(../img/flags/gg.svg)}.flag-country-gh{background-image:url(../img/flags/gh.svg)}.flag-country-gi{background-image:url(../img/flags/gi.svg)}.flag-country-gl{background-image:url(../img/flags/gl.svg)}.flag-country-gm{background-image:url(../img/flags/gm.svg)}.flag-country-gn{background-image:url(../img/flags/gn.svg)}.flag-country-gp{background-image:url(../img/flags/gp.svg)}.flag-country-gq{background-image:url(../img/flags/gq.svg)}.flag-country-gr{background-image:url(../img/flags/gr.svg)}.flag-country-gs{background-image:url(../img/flags/gs.svg)}.flag-country-gt{background-image:url(../img/flags/gt.svg)}.flag-country-gu{background-image:url(../img/flags/gu.svg)}.flag-country-gw{background-image:url(../img/flags/gw.svg)}.flag-country-gy{background-image:url(../img/flags/gy.svg)}.flag-country-hk{background-image:url(../img/flags/hk.svg)}.flag-country-hm{background-image:url(../img/flags/hm.svg)}.flag-country-hn{background-image:url(../img/flags/hn.svg)}.flag-country-hr{background-image:url(../img/flags/hr.svg)}.flag-country-ht{background-image:url(../img/flags/ht.svg)}.flag-country-hu{background-image:url(../img/flags/hu.svg)}.flag-country-id{background-image:url(../img/flags/id.svg)}.flag-country-ie{background-image:url(../img/flags/ie.svg)}.flag-country-il{background-image:url(../img/flags/il.svg)}.flag-country-im{background-image:url(../img/flags/im.svg)}.flag-country-in{background-image:url(../img/flags/in.svg)}.flag-country-io{background-image:url(../img/flags/io.svg)}.flag-country-iq{background-image:url(../img/flags/iq.svg)}.flag-country-ir{background-image:url(../img/flags/ir.svg)}.flag-country-is{background-image:url(../img/flags/is.svg)}.flag-country-it{background-image:url(../img/flags/it.svg)}.flag-country-je{background-image:url(../img/flags/je.svg)}.flag-country-jm{background-image:url(../img/flags/jm.svg)}.flag-country-jo{background-image:url(../img/flags/jo.svg)}.flag-country-jp{background-image:url(../img/flags/jp.svg)}.flag-country-ke{background-image:url(../img/flags/ke.svg)}.flag-country-kg{background-image:url(../img/flags/kg.svg)}.flag-country-kh{background-image:url(../img/flags/kh.svg)}.flag-country-ki{background-image:url(../img/flags/ki.svg)}.flag-country-km{background-image:url(../img/flags/km.svg)}.flag-country-kn{background-image:url(../img/flags/kn.svg)}.flag-country-kp{background-image:url(../img/flags/kp.svg)}.flag-country-kr{background-image:url(../img/flags/kr.svg)}.flag-country-kw{background-image:url(../img/flags/kw.svg)}.flag-country-ky{background-image:url(../img/flags/ky.svg)}.flag-country-kz{background-image:url(../img/flags/kz.svg)}.flag-country-la{background-image:url(../img/flags/la.svg)}.flag-country-lb{background-image:url(../img/flags/lb.svg)}.flag-country-lc{background-image:url(../img/flags/lc.svg)}.flag-country-li{background-image:url(../img/flags/li.svg)}.flag-country-lk{background-image:url(../img/flags/lk.svg)}.flag-country-lr{background-image:url(../img/flags/lr.svg)}.flag-country-ls{background-image:url(../img/flags/ls.svg)}.flag-country-lt{background-image:url(../img/flags/lt.svg)}.flag-country-lu{background-image:url(../img/flags/lu.svg)}.flag-country-lv{background-image:url(../img/flags/lv.svg)}.flag-country-ly{background-image:url(../img/flags/ly.svg)}.flag-country-ma{background-image:url(../img/flags/ma.svg)}.flag-country-mc{background-image:url(../img/flags/mc.svg)}.flag-country-md{background-image:url(../img/flags/md.svg)}.flag-country-me{background-image:url(../img/flags/me.svg)}.flag-country-mf{background-image:url(../img/flags/mf.svg)}.flag-country-mg{background-image:url(../img/flags/mg.svg)}.flag-country-mh{background-image:url(../img/flags/mh.svg)}.flag-country-mk{background-image:url(../img/flags/mk.svg)}.flag-country-ml{background-image:url(../img/flags/ml.svg)}.flag-country-mm{background-image:url(../img/flags/mm.svg)}.flag-country-mn{background-image:url(../img/flags/mn.svg)}.flag-country-mo{background-image:url(../img/flags/mo.svg)}.flag-country-mp{background-image:url(../img/flags/mp.svg)}.flag-country-mq{background-image:url(../img/flags/mq.svg)}.flag-country-mr{background-image:url(../img/flags/mr.svg)}.flag-country-ms{background-image:url(../img/flags/ms.svg)}.flag-country-mt{background-image:url(../img/flags/mt.svg)}.flag-country-mu{background-image:url(../img/flags/mu.svg)}.flag-country-mv{background-image:url(../img/flags/mv.svg)}.flag-country-mw{background-image:url(../img/flags/mw.svg)}.flag-country-mx{background-image:url(../img/flags/mx.svg)}.flag-country-my{background-image:url(../img/flags/my.svg)}.flag-country-mz{background-image:url(../img/flags/mz.svg)}.flag-country-na{background-image:url(../img/flags/na.svg)}.flag-country-nc{background-image:url(../img/flags/nc.svg)}.flag-country-ne{background-image:url(../img/flags/ne.svg)}.flag-country-nf{background-image:url(../img/flags/nf.svg)}.flag-country-ng{background-image:url(../img/flags/ng.svg)}.flag-country-ni{background-image:url(../img/flags/ni.svg)}.flag-country-nl{background-image:url(../img/flags/nl.svg)}.flag-country-no{background-image:url(../img/flags/no.svg)}.flag-country-np{background-image:url(../img/flags/np.svg)}.flag-country-nr{background-image:url(../img/flags/nr.svg)}.flag-country-nu{background-image:url(../img/flags/nu.svg)}.flag-country-nz{background-image:url(../img/flags/nz.svg)}.flag-country-om{background-image:url(../img/flags/om.svg)}.flag-country-pa{background-image:url(../img/flags/pa.svg)}.flag-country-pe{background-image:url(../img/flags/pe.svg)}.flag-country-pf{background-image:url(../img/flags/pf.svg)}.flag-country-pg{background-image:url(../img/flags/pg.svg)}.flag-country-ph{background-image:url(../img/flags/ph.svg)}.flag-country-pk{background-image:url(../img/flags/pk.svg)}.flag-country-pl{background-image:url(../img/flags/pl.svg)}.flag-country-pm{background-image:url(../img/flags/pm.svg)}.flag-country-pn{background-image:url(../img/flags/pn.svg)}.flag-country-pr{background-image:url(../img/flags/pr.svg)}.flag-country-ps{background-image:url(../img/flags/ps.svg)}.flag-country-pt{background-image:url(../img/flags/pt.svg)}.flag-country-pw{background-image:url(../img/flags/pw.svg)}.flag-country-py{background-image:url(../img/flags/py.svg)}.flag-country-qa{background-image:url(../img/flags/qa.svg)}.flag-country-re{background-image:url(../img/flags/re.svg)}.flag-country-ro{background-image:url(../img/flags/ro.svg)}.flag-country-rs{background-image:url(../img/flags/rs.svg)}.flag-country-ru{background-image:url(../img/flags/ru.svg)}.flag-country-rw{background-image:url(../img/flags/rw.svg)}.flag-country-sa{background-image:url(../img/flags/sa.svg)}.flag-country-sb{background-image:url(../img/flags/sb.svg)}.flag-country-sc{background-image:url(../img/flags/sc.svg)}.flag-country-sd{background-image:url(../img/flags/sd.svg)}.flag-country-se{background-image:url(../img/flags/se.svg)}.flag-country-sg{background-image:url(../img/flags/sg.svg)}.flag-country-sh{background-image:url(../img/flags/sh.svg)}.flag-country-si{background-image:url(../img/flags/si.svg)}.flag-country-sj{background-image:url(../img/flags/sj.svg)}.flag-country-sk{background-image:url(../img/flags/sk.svg)}.flag-country-sl{background-image:url(../img/flags/sl.svg)}.flag-country-sm{background-image:url(../img/flags/sm.svg)}.flag-country-sn{background-image:url(../img/flags/sn.svg)}.flag-country-so{background-image:url(../img/flags/so.svg)}.flag-country-sr{background-image:url(../img/flags/sr.svg)}.flag-country-ss{background-image:url(../img/flags/ss.svg)}.flag-country-st{background-image:url(../img/flags/st.svg)}.flag-country-sv{background-image:url(../img/flags/sv.svg)}.flag-country-sx{background-image:url(../img/flags/sx.svg)}.flag-country-sy{background-image:url(../img/flags/sy.svg)}.flag-country-sz{background-image:url(../img/flags/sz.svg)}.flag-country-tc{background-image:url(../img/flags/tc.svg)}.flag-country-td{background-image:url(../img/flags/td.svg)}.flag-country-tf{background-image:url(../img/flags/tf.svg)}.flag-country-tg{background-image:url(../img/flags/tg.svg)}.flag-country-th{background-image:url(../img/flags/th.svg)}.flag-country-tj{background-image:url(../img/flags/tj.svg)}.flag-country-tk{background-image:url(../img/flags/tk.svg)}.flag-country-tl{background-image:url(../img/flags/tl.svg)}.flag-country-tm{background-image:url(../img/flags/tm.svg)}.flag-country-tn{background-image:url(../img/flags/tn.svg)}.flag-country-to{background-image:url(../img/flags/to.svg)}.flag-country-tr{background-image:url(../img/flags/tr.svg)}.flag-country-tt{background-image:url(../img/flags/tt.svg)}.flag-country-tv{background-image:url(../img/flags/tv.svg)}.flag-country-tw{background-image:url(../img/flags/tw.svg)}.flag-country-tz{background-image:url(../img/flags/tz.svg)}.flag-country-ua{background-image:url(../img/flags/ua.svg)}.flag-country-ug{background-image:url(../img/flags/ug.svg)}.flag-country-um{background-image:url(../img/flags/um.svg)}.flag-country-us{background-image:url(../img/flags/us.svg)}.flag-country-uy{background-image:url(../img/flags/uy.svg)}.flag-country-uz{background-image:url(../img/flags/uz.svg)}.flag-country-va{background-image:url(../img/flags/va.svg)}.flag-country-vc{background-image:url(../img/flags/vc.svg)}.flag-country-ve{background-image:url(../img/flags/ve.svg)}.flag-country-vg{background-image:url(../img/flags/vg.svg)}.flag-country-vi{background-image:url(../img/flags/vi.svg)}.flag-country-vn{background-image:url(../img/flags/vn.svg)}.flag-country-vu{background-image:url(../img/flags/vu.svg)}.flag-country-wf{background-image:url(../img/flags/wf.svg)}.flag-country-ws{background-image:url(../img/flags/ws.svg)}.flag-country-ye{background-image:url(../img/flags/ye.svg)}.flag-country-yt{background-image:url(../img/flags/yt.svg)}.flag-country-za{background-image:url(../img/flags/za.svg)}.flag-country-zm{background-image:url(../img/flags/zm.svg)}.flag-country-zw{background-image:url(../img/flags/zw.svg)}.flag-country-es-ct{background-image:url(../img/flags/es-ct.svg)}.flag-country-eu{background-image:url(../img/flags/eu.svg)}.flag-country-gb-eng{background-image:url(../img/flags/gb-eng.svg)}.flag-country-gb-nir{background-image:url(../img/flags/gb-nir.svg)}.flag-country-gb-sct{background-image:url(../img/flags/gb-sct.svg)}.flag-country-gb-wls{background-image:url(../img/flags/gb-wls.svg)}.flag-country-un{background-image:url(../img/flags/un.svg)}.flag-xs{width:1.6666625rem;height:1.25rem}.flag-sm{width:2.66666rem;height:2rem}.flag-md{width:4.9999875rem;height:3.75rem}.flag-lg{width:6.66665rem;height:5rem}.flag-xl{width:9.33331rem;height:7rem}
\ No newline at end of file
diff --git a/demo/dist/css/tabler-payments.css b/demo/dist/css/tabler-payments.css
index 82668b45a..7e8325742 100644
--- a/demo/dist/css/tabler-payments.css
+++ b/demo/dist/css/tabler-payments.css
@@ -1,6 +1,6 @@
 /*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
+* Tabler v1.0.0-alpha.9 (https://tabler.io)
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -370,14 +370,22 @@
 .payment-provider-worldpay-dark {
   background-image: url("../img/payments/worldpay-dark.svg"); }
 
+.payment-xs {
+  width: 2.083325rem;
+  height: 1.25rem; }
+
 .payment-sm {
-  width: 2.49999rem;
-  height: 1.5rem; }
+  width: 3.33332rem;
+  height: 2rem; }
+
+.payment-md {
+  width: 6.249975rem;
+  height: 3.75rem; }
 
 .payment-lg {
-  width: 4.99998rem;
-  height: 3rem; }
+  width: 8.3333rem;
+  height: 5rem; }
 
 .payment-xl {
-  width: 6.66664rem;
-  height: 4rem; }
+  width: 11.66662rem;
+  height: 7rem; }
diff --git a/demo/dist/css/tabler-payments.min.css b/demo/dist/css/tabler-payments.min.css
index d6ab71ed3..c6471dcc8 100644
--- a/demo/dist/css/tabler-payments.min.css
+++ b/demo/dist/css/tabler-payments.min.css
@@ -1,9 +1,9 @@
 /*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
+* Tabler v1.0.0-alpha.9 (https://tabler.io)
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 */
-.payment{width:3.33332rem;height:2rem;display:inline-block;background:no-repeat center/100% 100%;vertical-align:bottom;font-style:normal;box-shadow:0 0 1px 1px rgba(0,0,0,.1);border-radius:2px}.payment-provider-2checkout{background-image:url(../img/payments/2checkout.svg)}.payment-provider-2checkout-dark{background-image:url(../img/payments/2checkout-dark.svg)}.payment-provider-alipay{background-image:url(../img/payments/alipay.svg)}.payment-provider-alipay-dark{background-image:url(../img/payments/alipay-dark.svg)}.payment-provider-amazon{background-image:url(../img/payments/amazon.svg)}.payment-provider-amazon-dark{background-image:url(../img/payments/amazon-dark.svg)}.payment-provider-americanexpress{background-image:url(../img/payments/americanexpress.svg)}.payment-provider-americanexpress-dark{background-image:url(../img/payments/americanexpress-dark.svg)}.payment-provider-applepay{background-image:url(../img/payments/applepay.svg)}.payment-provider-applepay-dark{background-image:url(../img/payments/applepay-dark.svg)}.payment-provider-bancontact{background-image:url(../img/payments/bancontact.svg)}.payment-provider-bancontact-dark{background-image:url(../img/payments/bancontact-dark.svg)}.payment-provider-bitcoin{background-image:url(../img/payments/bitcoin.svg)}.payment-provider-bitcoin-dark{background-image:url(../img/payments/bitcoin-dark.svg)}.payment-provider-bitpay{background-image:url(../img/payments/bitpay.svg)}.payment-provider-bitpay-dark{background-image:url(../img/payments/bitpay-dark.svg)}.payment-provider-blik{background-image:url(../img/payments/blik.svg)}.payment-provider-blik-dark{background-image:url(../img/payments/blik-dark.svg)}.payment-provider-cirrus{background-image:url(../img/payments/cirrus.svg)}.payment-provider-cirrus-dark{background-image:url(../img/payments/cirrus-dark.svg)}.payment-provider-clickandbuy{background-image:url(../img/payments/clickandbuy.svg)}.payment-provider-clickandbuy-dark{background-image:url(../img/payments/clickandbuy-dark.svg)}.payment-provider-coinkite{background-image:url(../img/payments/coinkite.svg)}.payment-provider-coinkite-dark{background-image:url(../img/payments/coinkite-dark.svg)}.payment-provider-dinersclub{background-image:url(../img/payments/dinersclub.svg)}.payment-provider-dinersclub-dark{background-image:url(../img/payments/dinersclub-dark.svg)}.payment-provider-directdebit{background-image:url(../img/payments/directdebit.svg)}.payment-provider-directdebit-dark{background-image:url(../img/payments/directdebit-dark.svg)}.payment-provider-discover{background-image:url(../img/payments/discover.svg)}.payment-provider-discover-dark{background-image:url(../img/payments/discover-dark.svg)}.payment-provider-dotpay{background-image:url(../img/payments/dotpay.svg)}.payment-provider-dotpay-dark{background-image:url(../img/payments/dotpay-dark.svg)}.payment-provider-dwolla{background-image:url(../img/payments/dwolla.svg)}.payment-provider-dwolla-dark{background-image:url(../img/payments/dwolla-dark.svg)}.payment-provider-ebay{background-image:url(../img/payments/ebay.svg)}.payment-provider-ebay-dark{background-image:url(../img/payments/ebay-dark.svg)}.payment-provider-eway{background-image:url(../img/payments/eway.svg)}.payment-provider-eway-dark{background-image:url(../img/payments/eway-dark.svg)}.payment-provider-giropay{background-image:url(../img/payments/giropay.svg)}.payment-provider-giropay-dark{background-image:url(../img/payments/giropay-dark.svg)}.payment-provider-googlewallet{background-image:url(../img/payments/googlewallet.svg)}.payment-provider-googlewallet-dark{background-image:url(../img/payments/googlewallet-dark.svg)}.payment-provider-ingenico{background-image:url(../img/payments/ingenico.svg)}.payment-provider-ingenico-dark{background-image:url(../img/payments/ingenico-dark.svg)}.payment-provider-jcb{background-image:url(../img/payments/jcb.svg)}.payment-provider-jcb-dark{background-image:url(../img/payments/jcb-dark.svg)}.payment-provider-klarna{background-image:url(../img/payments/klarna.svg)}.payment-provider-klarna-dark{background-image:url(../img/payments/klarna-dark.svg)}.payment-provider-laser{background-image:url(../img/payments/laser.svg)}.payment-provider-laser-dark{background-image:url(../img/payments/laser-dark.svg)}.payment-provider-maestro{background-image:url(../img/payments/maestro.svg)}.payment-provider-maestro-dark{background-image:url(../img/payments/maestro-dark.svg)}.payment-provider-mastercard{background-image:url(../img/payments/mastercard.svg)}.payment-provider-mastercard-dark{background-image:url(../img/payments/mastercard-dark.svg)}.payment-provider-mir{background-image:url(../img/payments/mir.svg)}.payment-provider-mir-dark{background-image:url(../img/payments/mir-dark.svg)}.payment-provider-monero{background-image:url(../img/payments/monero.svg)}.payment-provider-monero-dark{background-image:url(../img/payments/monero-dark.svg)}.payment-provider-neteller{background-image:url(../img/payments/neteller.svg)}.payment-provider-neteller-dark{background-image:url(../img/payments/neteller-dark.svg)}.payment-provider-ogone{background-image:url(../img/payments/ogone.svg)}.payment-provider-ogone-dark{background-image:url(../img/payments/ogone-dark.svg)}.payment-provider-okpay{background-image:url(../img/payments/okpay.svg)}.payment-provider-okpay-dark{background-image:url(../img/payments/okpay-dark.svg)}.payment-provider-paybox{background-image:url(../img/payments/paybox.svg)}.payment-provider-paybox-dark{background-image:url(../img/payments/paybox-dark.svg)}.payment-provider-paymill{background-image:url(../img/payments/paymill.svg)}.payment-provider-paymill-dark{background-image:url(../img/payments/paymill-dark.svg)}.payment-provider-payone{background-image:url(../img/payments/payone.svg)}.payment-provider-payone-dark{background-image:url(../img/payments/payone-dark.svg)}.payment-provider-payoneer{background-image:url(../img/payments/payoneer.svg)}.payment-provider-payoneer-dark{background-image:url(../img/payments/payoneer-dark.svg)}.payment-provider-paypal{background-image:url(../img/payments/paypal.svg)}.payment-provider-paypal-dark{background-image:url(../img/payments/paypal-dark.svg)}.payment-provider-paysafecard{background-image:url(../img/payments/paysafecard.svg)}.payment-provider-paysafecard-dark{background-image:url(../img/payments/paysafecard-dark.svg)}.payment-provider-payu{background-image:url(../img/payments/payu.svg)}.payment-provider-payu-dark{background-image:url(../img/payments/payu-dark.svg)}.payment-provider-payza{background-image:url(../img/payments/payza.svg)}.payment-provider-payza-dark{background-image:url(../img/payments/payza-dark.svg)}.payment-provider-przelewy24{background-image:url(../img/payments/przelewy24.svg)}.payment-provider-przelewy24-dark{background-image:url(../img/payments/przelewy24-dark.svg)}.payment-provider-ripple{background-image:url(../img/payments/ripple.svg)}.payment-provider-ripple-dark{background-image:url(../img/payments/ripple-dark.svg)}.payment-provider-sage{background-image:url(../img/payments/sage.svg)}.payment-provider-sage-dark{background-image:url(../img/payments/sage-dark.svg)}.payment-provider-sepa{background-image:url(../img/payments/sepa.svg)}.payment-provider-sepa-dark{background-image:url(../img/payments/sepa-dark.svg)}.payment-provider-shopify{background-image:url(../img/payments/shopify.svg)}.payment-provider-shopify-dark{background-image:url(../img/payments/shopify-dark.svg)}.payment-provider-skrill{background-image:url(../img/payments/skrill.svg)}.payment-provider-skrill-dark{background-image:url(../img/payments/skrill-dark.svg)}.payment-provider-solo{background-image:url(../img/payments/solo.svg)}.payment-provider-solo-dark{background-image:url(../img/payments/solo-dark.svg)}.payment-provider-square{background-image:url(../img/payments/square.svg)}.payment-provider-square-dark{background-image:url(../img/payments/square-dark.svg)}.payment-provider-stripe{background-image:url(../img/payments/stripe.svg)}.payment-provider-stripe-dark{background-image:url(../img/payments/stripe-dark.svg)}.payment-provider-switch{background-image:url(../img/payments/switch.svg)}.payment-provider-switch-dark{background-image:url(../img/payments/switch-dark.svg)}.payment-provider-tpay{background-image:url(../img/payments/tpay.svg)}.payment-provider-tpay-dark{background-image:url(../img/payments/tpay-dark.svg)}.payment-provider-ukash{background-image:url(../img/payments/ukash.svg)}.payment-provider-ukash-dark{background-image:url(../img/payments/ukash-dark.svg)}.payment-provider-unionpay{background-image:url(../img/payments/unionpay.svg)}.payment-provider-unionpay-dark{background-image:url(../img/payments/unionpay-dark.svg)}.payment-provider-verifone{background-image:url(../img/payments/verifone.svg)}.payment-provider-verifone-dark{background-image:url(../img/payments/verifone-dark.svg)}.payment-provider-verisign{background-image:url(../img/payments/verisign.svg)}.payment-provider-verisign-dark{background-image:url(../img/payments/verisign-dark.svg)}.payment-provider-visa{background-image:url(../img/payments/visa.svg)}.payment-provider-visa-dark{background-image:url(../img/payments/visa-dark.svg)}.payment-provider-webmoney{background-image:url(../img/payments/webmoney.svg)}.payment-provider-webmoney-dark{background-image:url(../img/payments/webmoney-dark.svg)}.payment-provider-westernunion{background-image:url(../img/payments/westernunion.svg)}.payment-provider-westernunion-dark{background-image:url(../img/payments/westernunion-dark.svg)}.payment-provider-worldpay{background-image:url(../img/payments/worldpay.svg)}.payment-provider-worldpay-dark{background-image:url(../img/payments/worldpay-dark.svg)}.payment-sm{width:2.49999rem;height:1.5rem}.payment-lg{width:4.99998rem;height:3rem}.payment-xl{width:6.66664rem;height:4rem}
\ No newline at end of file
+.payment{width:3.33332rem;height:2rem;display:inline-block;background:no-repeat center/100% 100%;vertical-align:bottom;font-style:normal;box-shadow:0 0 1px 1px rgba(0,0,0,.1);border-radius:2px}.payment-provider-2checkout{background-image:url(../img/payments/2checkout.svg)}.payment-provider-2checkout-dark{background-image:url(../img/payments/2checkout-dark.svg)}.payment-provider-alipay{background-image:url(../img/payments/alipay.svg)}.payment-provider-alipay-dark{background-image:url(../img/payments/alipay-dark.svg)}.payment-provider-amazon{background-image:url(../img/payments/amazon.svg)}.payment-provider-amazon-dark{background-image:url(../img/payments/amazon-dark.svg)}.payment-provider-americanexpress{background-image:url(../img/payments/americanexpress.svg)}.payment-provider-americanexpress-dark{background-image:url(../img/payments/americanexpress-dark.svg)}.payment-provider-applepay{background-image:url(../img/payments/applepay.svg)}.payment-provider-applepay-dark{background-image:url(../img/payments/applepay-dark.svg)}.payment-provider-bancontact{background-image:url(../img/payments/bancontact.svg)}.payment-provider-bancontact-dark{background-image:url(../img/payments/bancontact-dark.svg)}.payment-provider-bitcoin{background-image:url(../img/payments/bitcoin.svg)}.payment-provider-bitcoin-dark{background-image:url(../img/payments/bitcoin-dark.svg)}.payment-provider-bitpay{background-image:url(../img/payments/bitpay.svg)}.payment-provider-bitpay-dark{background-image:url(../img/payments/bitpay-dark.svg)}.payment-provider-blik{background-image:url(../img/payments/blik.svg)}.payment-provider-blik-dark{background-image:url(../img/payments/blik-dark.svg)}.payment-provider-cirrus{background-image:url(../img/payments/cirrus.svg)}.payment-provider-cirrus-dark{background-image:url(../img/payments/cirrus-dark.svg)}.payment-provider-clickandbuy{background-image:url(../img/payments/clickandbuy.svg)}.payment-provider-clickandbuy-dark{background-image:url(../img/payments/clickandbuy-dark.svg)}.payment-provider-coinkite{background-image:url(../img/payments/coinkite.svg)}.payment-provider-coinkite-dark{background-image:url(../img/payments/coinkite-dark.svg)}.payment-provider-dinersclub{background-image:url(../img/payments/dinersclub.svg)}.payment-provider-dinersclub-dark{background-image:url(../img/payments/dinersclub-dark.svg)}.payment-provider-directdebit{background-image:url(../img/payments/directdebit.svg)}.payment-provider-directdebit-dark{background-image:url(../img/payments/directdebit-dark.svg)}.payment-provider-discover{background-image:url(../img/payments/discover.svg)}.payment-provider-discover-dark{background-image:url(../img/payments/discover-dark.svg)}.payment-provider-dotpay{background-image:url(../img/payments/dotpay.svg)}.payment-provider-dotpay-dark{background-image:url(../img/payments/dotpay-dark.svg)}.payment-provider-dwolla{background-image:url(../img/payments/dwolla.svg)}.payment-provider-dwolla-dark{background-image:url(../img/payments/dwolla-dark.svg)}.payment-provider-ebay{background-image:url(../img/payments/ebay.svg)}.payment-provider-ebay-dark{background-image:url(../img/payments/ebay-dark.svg)}.payment-provider-eway{background-image:url(../img/payments/eway.svg)}.payment-provider-eway-dark{background-image:url(../img/payments/eway-dark.svg)}.payment-provider-giropay{background-image:url(../img/payments/giropay.svg)}.payment-provider-giropay-dark{background-image:url(../img/payments/giropay-dark.svg)}.payment-provider-googlewallet{background-image:url(../img/payments/googlewallet.svg)}.payment-provider-googlewallet-dark{background-image:url(../img/payments/googlewallet-dark.svg)}.payment-provider-ingenico{background-image:url(../img/payments/ingenico.svg)}.payment-provider-ingenico-dark{background-image:url(../img/payments/ingenico-dark.svg)}.payment-provider-jcb{background-image:url(../img/payments/jcb.svg)}.payment-provider-jcb-dark{background-image:url(../img/payments/jcb-dark.svg)}.payment-provider-klarna{background-image:url(../img/payments/klarna.svg)}.payment-provider-klarna-dark{background-image:url(../img/payments/klarna-dark.svg)}.payment-provider-laser{background-image:url(../img/payments/laser.svg)}.payment-provider-laser-dark{background-image:url(../img/payments/laser-dark.svg)}.payment-provider-maestro{background-image:url(../img/payments/maestro.svg)}.payment-provider-maestro-dark{background-image:url(../img/payments/maestro-dark.svg)}.payment-provider-mastercard{background-image:url(../img/payments/mastercard.svg)}.payment-provider-mastercard-dark{background-image:url(../img/payments/mastercard-dark.svg)}.payment-provider-mir{background-image:url(../img/payments/mir.svg)}.payment-provider-mir-dark{background-image:url(../img/payments/mir-dark.svg)}.payment-provider-monero{background-image:url(../img/payments/monero.svg)}.payment-provider-monero-dark{background-image:url(../img/payments/monero-dark.svg)}.payment-provider-neteller{background-image:url(../img/payments/neteller.svg)}.payment-provider-neteller-dark{background-image:url(../img/payments/neteller-dark.svg)}.payment-provider-ogone{background-image:url(../img/payments/ogone.svg)}.payment-provider-ogone-dark{background-image:url(../img/payments/ogone-dark.svg)}.payment-provider-okpay{background-image:url(../img/payments/okpay.svg)}.payment-provider-okpay-dark{background-image:url(../img/payments/okpay-dark.svg)}.payment-provider-paybox{background-image:url(../img/payments/paybox.svg)}.payment-provider-paybox-dark{background-image:url(../img/payments/paybox-dark.svg)}.payment-provider-paymill{background-image:url(../img/payments/paymill.svg)}.payment-provider-paymill-dark{background-image:url(../img/payments/paymill-dark.svg)}.payment-provider-payone{background-image:url(../img/payments/payone.svg)}.payment-provider-payone-dark{background-image:url(../img/payments/payone-dark.svg)}.payment-provider-payoneer{background-image:url(../img/payments/payoneer.svg)}.payment-provider-payoneer-dark{background-image:url(../img/payments/payoneer-dark.svg)}.payment-provider-paypal{background-image:url(../img/payments/paypal.svg)}.payment-provider-paypal-dark{background-image:url(../img/payments/paypal-dark.svg)}.payment-provider-paysafecard{background-image:url(../img/payments/paysafecard.svg)}.payment-provider-paysafecard-dark{background-image:url(../img/payments/paysafecard-dark.svg)}.payment-provider-payu{background-image:url(../img/payments/payu.svg)}.payment-provider-payu-dark{background-image:url(../img/payments/payu-dark.svg)}.payment-provider-payza{background-image:url(../img/payments/payza.svg)}.payment-provider-payza-dark{background-image:url(../img/payments/payza-dark.svg)}.payment-provider-przelewy24{background-image:url(../img/payments/przelewy24.svg)}.payment-provider-przelewy24-dark{background-image:url(../img/payments/przelewy24-dark.svg)}.payment-provider-ripple{background-image:url(../img/payments/ripple.svg)}.payment-provider-ripple-dark{background-image:url(../img/payments/ripple-dark.svg)}.payment-provider-sage{background-image:url(../img/payments/sage.svg)}.payment-provider-sage-dark{background-image:url(../img/payments/sage-dark.svg)}.payment-provider-sepa{background-image:url(../img/payments/sepa.svg)}.payment-provider-sepa-dark{background-image:url(../img/payments/sepa-dark.svg)}.payment-provider-shopify{background-image:url(../img/payments/shopify.svg)}.payment-provider-shopify-dark{background-image:url(../img/payments/shopify-dark.svg)}.payment-provider-skrill{background-image:url(../img/payments/skrill.svg)}.payment-provider-skrill-dark{background-image:url(../img/payments/skrill-dark.svg)}.payment-provider-solo{background-image:url(../img/payments/solo.svg)}.payment-provider-solo-dark{background-image:url(../img/payments/solo-dark.svg)}.payment-provider-square{background-image:url(../img/payments/square.svg)}.payment-provider-square-dark{background-image:url(../img/payments/square-dark.svg)}.payment-provider-stripe{background-image:url(../img/payments/stripe.svg)}.payment-provider-stripe-dark{background-image:url(../img/payments/stripe-dark.svg)}.payment-provider-switch{background-image:url(../img/payments/switch.svg)}.payment-provider-switch-dark{background-image:url(../img/payments/switch-dark.svg)}.payment-provider-tpay{background-image:url(../img/payments/tpay.svg)}.payment-provider-tpay-dark{background-image:url(../img/payments/tpay-dark.svg)}.payment-provider-ukash{background-image:url(../img/payments/ukash.svg)}.payment-provider-ukash-dark{background-image:url(../img/payments/ukash-dark.svg)}.payment-provider-unionpay{background-image:url(../img/payments/unionpay.svg)}.payment-provider-unionpay-dark{background-image:url(../img/payments/unionpay-dark.svg)}.payment-provider-verifone{background-image:url(../img/payments/verifone.svg)}.payment-provider-verifone-dark{background-image:url(../img/payments/verifone-dark.svg)}.payment-provider-verisign{background-image:url(../img/payments/verisign.svg)}.payment-provider-verisign-dark{background-image:url(../img/payments/verisign-dark.svg)}.payment-provider-visa{background-image:url(../img/payments/visa.svg)}.payment-provider-visa-dark{background-image:url(../img/payments/visa-dark.svg)}.payment-provider-webmoney{background-image:url(../img/payments/webmoney.svg)}.payment-provider-webmoney-dark{background-image:url(../img/payments/webmoney-dark.svg)}.payment-provider-westernunion{background-image:url(../img/payments/westernunion.svg)}.payment-provider-westernunion-dark{background-image:url(../img/payments/westernunion-dark.svg)}.payment-provider-worldpay{background-image:url(../img/payments/worldpay.svg)}.payment-provider-worldpay-dark{background-image:url(../img/payments/worldpay-dark.svg)}.payment-xs{width:2.083325rem;height:1.25rem}.payment-sm{width:3.33332rem;height:2rem}.payment-md{width:6.249975rem;height:3.75rem}.payment-lg{width:8.3333rem;height:5rem}.payment-xl{width:11.66662rem;height:7rem}
\ No newline at end of file
diff --git a/demo/dist/css/tabler.css b/demo/dist/css/tabler.css
index 5e86ab1fa..fec86cfe4 100644
--- a/demo/dist/css/tabler.css
+++ b/demo/dist/css/tabler.css
@@ -1,53 +1,55 @@
 /*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
+* Tabler v1.0.0-alpha.9 (https://tabler.io)
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 */
 @charset "UTF-8";
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
 :root {
-  --bs-blue: #206bc4;
-  --bs-azure: #45aaf2;
-  --bs-indigo: #6574cd;
-  --bs-purple: #a55eea;
-  --bs-pink: #f66d9b;
-  --bs-red: #cd201f;
-  --bs-orange: #ff922b;
-  --bs-yellow: #fab005;
-  --bs-lime: #94d82d;
-  --bs-green: #5eba00;
-  --bs-teal: #2bcbba;
-  --bs-cyan: #17a2b8;
-  --bs-gray: #a8aeb7;
-  --bs-gray-dark: #545d6d;
-  --bs-dark: #354052;
-  --bs-primary: #206bc4;
-  --bs-secondary: #5f666e;
-  --bs-success: #5eba00;
-  --bs-info: #45aaf2;
-  --bs-warning: #fab005;
-  --bs-danger: #cd201f;
-  --bs-light: #f5f7fb;
-  --bs-dark: #354052;
-  --bs-font-sans-serif: false, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
-  --bs-font-monospace: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
-  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); }
+  --tblr-blue: #206bc4;
+  --tblr-azure: #4299e1;
+  --tblr-indigo: #6574cd;
+  --tblr-purple: #9f7aea;
+  --tblr-pink: #ed64a6;
+  --tblr-red: #e53e3e;
+  --tblr-orange: #ed8936;
+  --tblr-yellow: #fab005;
+  --tblr-lime: #82c91e;
+  --tblr-green: #5eba00;
+  --tblr-teal: #2bcbba;
+  --tblr-cyan: #17a2b8;
+  --tblr-primary: #206bc4;
+  --tblr-secondary: #6e757e;
+  --tblr-success: #5eba00;
+  --tblr-info: #4299e1;
+  --tblr-warning: #ed8936;
+  --tblr-danger: #e53e3e;
+  --tblr-light: #f1f4f8;
+  --tblr-dark: #232e3c;
+  --tblr-font-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+  --tblr-font-monospace: null, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
+  --tblr-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); }
 
 *,
 *::before,
 *::after {
   box-sizing: border-box; }
 
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth; } }
+
 body {
   margin: 0;
-  font-family: var(--bs-font-sans-serif);
+  font-family: var(--tblr-font-sans-serif);
   font-size: 0.875rem;
   font-weight: 400;
-  line-height: 1.71429;
-  color: #212b36;
-  background-color: #f5f7fb;
+  line-height: 1.4285714;
+  color: #232e3c;
+  background-color: #f1f4f8;
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
 
@@ -126,7 +128,7 @@ ul ol {
   margin-bottom: 0; }
 
 dt {
-  font-weight: 500; }
+  font-weight: 600; }
 
 dd {
   margin-bottom: .5rem;
@@ -140,7 +142,7 @@ strong {
   font-weight: bolder; }
 
 small, .small {
-  font-size: 0.75rem; }
+  font-size: 85.7142857%; }
 
 mark, .mark {
   padding: 0.2em;
@@ -163,7 +165,8 @@ a {
   color: #206bc4;
   text-decoration: none; }
   a:hover {
-    color: #154782; }
+    color: #1a569d;
+    text-decoration: underline; }
 
 a:not([href]):not([class]), a:not([href]):not([class]):hover {
   color: inherit;
@@ -173,7 +176,7 @@ pre,
 code,
 kbd,
 samp {
-  font-family: var(--bs-font-monospace);
+  font-family: var(--tblr-font-monospace);
   font-size: 1em; }
 
 pre {
@@ -181,7 +184,7 @@ pre {
   margin-top: 0;
   margin-bottom: 1rem;
   overflow: auto;
-  font-size: 0.75rem;
+  font-size: 85.7142857%;
   -ms-overflow-style: scrollbar; }
   pre code {
     font-size: inherit;
@@ -189,7 +192,7 @@ pre {
     word-break: normal; }
 
 code {
-  font-size: 0.75rem;
+  font-size: 85.7142857%;
   color: #206bc4;
   word-wrap: break-word; }
   a > code {
@@ -197,14 +200,14 @@ code {
 
 kbd {
   padding: 0.2rem 0.4rem;
-  font-size: 0.75rem;
+  font-size: 85.7142857%;
   color: #ffffff;
-  background-color: #354052;
+  background-color: #232e3c;
   border-radius: 0.2rem; }
   kbd kbd {
     padding: 0;
     font-size: 1em;
-    font-weight: 500; }
+    font-weight: 600; }
 
 figure {
   margin: 0 0 1rem; }
@@ -220,7 +223,7 @@ table {
 caption {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
-  color: #5f666e;
+  color: #6e757e;
   text-align: left; }
 
 th {
@@ -334,6 +337,9 @@ legend {
 ::-webkit-color-swatch-wrapper {
   padding: 0; }
 
+::file-selector-button {
+  font: inherit; }
+
 ::-webkit-file-upload-button {
   font: inherit;
   -webkit-appearance: button; }
@@ -420,7 +426,7 @@ progress {
     margin-right: 0.5rem; }
 
 .initialism {
-  font-size: 0.75rem;
+  font-size: 85.7142857%;
   text-transform: uppercase; }
 
 .blockquote {
@@ -432,8 +438,8 @@ progress {
 .blockquote-footer {
   margin-top: -1rem;
   margin-bottom: 1rem;
-  font-size: 0.75rem;
-  color: #a8aeb7; }
+  font-size: 85.7142857%;
+  color: #9fa5ad; }
   .blockquote-footer::before {
     content: "\2014\00A0"; }
 
@@ -443,8 +449,8 @@ progress {
 
 .img-thumbnail {
   padding: 0.25rem;
-  background-color: #f5f7fb;
-  border: 1px solid #e9ecf1;
+  background-color: #f1f4f8;
+  border: 1px solid #e5e8ed;
   border-radius: 3px;
   max-width: 100%;
   height: auto; }
@@ -457,53 +463,58 @@ progress {
   line-height: 1; }
 
 .figure-caption {
-  font-size: 0.75rem;
-  color: #a8aeb7; }
+  font-size: 85.7142857%;
+  color: #9fa5ad; }
 
 .container,
 .container-fluid,
 .container-sm,
 .container-md,
 .container-lg,
-.container-xl {
-  --bs-gutter-x: 0.75rem;
+.container-xl,
+.container-xxl {
+  --bs-gutter-x: 1.5rem;
   width: 100%;
   padding-right: calc(var(--bs-gutter-x) / 2);
   padding-left: calc(var(--bs-gutter-x) / 2);
   margin-right: auto;
   margin-left: auto; }
 
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .container, .container-sm {
-    max-width: 32.5rem; } }
+    max-width: 540px; } }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .container, .container-sm, .container-md {
-    max-width: 47.5rem; } }
+    max-width: 720px; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .container, .container-sm, .container-md, .container-lg {
-    max-width: 64rem; } }
+    max-width: 960px; } }
 
-@media (min-width: 75.25rem) {
+@media (min-width: 1200px) {
   .container, .container-sm, .container-md, .container-lg, .container-xl {
-    max-width: 75.25rem; } }
+    max-width: 1140px; } }
+
+@media (min-width: 1400px) {
+  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
+    max-width: 1320px; } }
 
 .row {
-  --bs-gutter-x: 1.5rem;
-  --bs-gutter-y: 0;
+  --tblr-gutter-x: 1rem;
+  --tblr-gutter-y: 0;
   display: flex;
   flex-wrap: wrap;
-  margin-top: calc(var(--bs-gutter-y) * -1);
-  margin-right: calc(var(--bs-gutter-x) / -2);
-  margin-left: calc(var(--bs-gutter-x) / -2); }
+  margin-top: calc(var(--tblr-gutter-y) * -1);
+  margin-right: calc(var(--tblr-gutter-x) / -2);
+  margin-left: calc(var(--tblr-gutter-x) / -2); }
   .row > * {
     flex-shrink: 0;
     width: 100%;
     max-width: 100%;
-    padding-right: calc(var(--bs-gutter-x) / 2);
-    padding-left: calc(var(--bs-gutter-x) / 2);
-    margin-top: var(--bs-gutter-y); }
+    padding-right: calc(var(--tblr-gutter-x) / 2);
+    padding-left: calc(var(--tblr-gutter-x) / 2);
+    margin-top: var(--tblr-gutter-y); }
 
 .col {
   flex: 1 0 0%; }
@@ -522,7 +533,7 @@ progress {
 
 .row-cols-3 > * {
   flex: 0 0 auto;
-  width: 33.33333%; }
+  width: 33.3333333%; }
 
 .row-cols-4 > * {
   flex: 0 0 auto;
@@ -534,7 +545,7 @@ progress {
 
 .row-cols-6 > * {
   flex: 0 0 auto;
-  width: 16.66667%; }
+  width: 16.6666667%; }
 
 .col-auto {
   flex: 0 0 auto;
@@ -542,11 +553,11 @@ progress {
 
 .col-1 {
   flex: 0 0 auto;
-  width: 8.33333%; }
+  width: 8.3333333%; }
 
 .col-2 {
   flex: 0 0 auto;
-  width: 16.66667%; }
+  width: 16.6666667%; }
 
 .col-3 {
   flex: 0 0 auto;
@@ -554,11 +565,11 @@ progress {
 
 .col-4 {
   flex: 0 0 auto;
-  width: 33.33333%; }
+  width: 33.3333333%; }
 
 .col-5 {
   flex: 0 0 auto;
-  width: 41.66667%; }
+  width: 41.6666667%; }
 
 .col-6 {
   flex: 0 0 auto;
@@ -566,11 +577,11 @@ progress {
 
 .col-7 {
   flex: 0 0 auto;
-  width: 58.33333%; }
+  width: 58.3333333%; }
 
 .col-8 {
   flex: 0 0 auto;
-  width: 66.66667%; }
+  width: 66.6666667%; }
 
 .col-9 {
   flex: 0 0 auto;
@@ -578,106 +589,106 @@ progress {
 
 .col-10 {
   flex: 0 0 auto;
-  width: 83.33333%; }
+  width: 83.3333333%; }
 
 .col-11 {
   flex: 0 0 auto;
-  width: 91.66667%; }
+  width: 91.6666667%; }
 
 .col-12 {
   flex: 0 0 auto;
   width: 100%; }
 
 .offset-1 {
-  margin-left: 8.33333%; }
+  margin-left: 8.3333333%; }
 
 .offset-2 {
-  margin-left: 16.66667%; }
+  margin-left: 16.6666667%; }
 
 .offset-3 {
   margin-left: 25%; }
 
 .offset-4 {
-  margin-left: 33.33333%; }
+  margin-left: 33.3333333%; }
 
 .offset-5 {
-  margin-left: 41.66667%; }
+  margin-left: 41.6666667%; }
 
 .offset-6 {
   margin-left: 50%; }
 
 .offset-7 {
-  margin-left: 58.33333%; }
+  margin-left: 58.3333333%; }
 
 .offset-8 {
-  margin-left: 66.66667%; }
+  margin-left: 66.6666667%; }
 
 .offset-9 {
   margin-left: 75%; }
 
 .offset-10 {
-  margin-left: 83.33333%; }
+  margin-left: 83.3333333%; }
 
 .offset-11 {
-  margin-left: 91.66667%; }
+  margin-left: 91.6666667%; }
 
 .g-0,
 .gx-0 {
-  --bs-gutter-x: 0; }
+  --tblr-gutter-x: 0; }
 
 .g-0,
 .gy-0 {
-  --bs-gutter-y: 0; }
+  --tblr-gutter-y: 0; }
 
 .g-1,
 .gx-1 {
-  --bs-gutter-x: 0.25rem; }
+  --tblr-gutter-x: 0.25rem; }
 
 .g-1,
 .gy-1 {
-  --bs-gutter-y: 0.25rem; }
+  --tblr-gutter-y: 0.25rem; }
 
 .g-2,
 .gx-2 {
-  --bs-gutter-x: 0.5rem; }
+  --tblr-gutter-x: 0.5rem; }
 
 .g-2,
 .gy-2 {
-  --bs-gutter-y: 0.5rem; }
+  --tblr-gutter-y: 0.5rem; }
 
 .g-3,
 .gx-3 {
-  --bs-gutter-x: 1rem; }
+  --tblr-gutter-x: 1rem; }
 
 .g-3,
 .gy-3 {
-  --bs-gutter-y: 1rem; }
+  --tblr-gutter-y: 1rem; }
 
 .g-4,
 .gx-4 {
-  --bs-gutter-x: 1.5rem; }
+  --tblr-gutter-x: 1.25rem; }
 
 .g-4,
 .gy-4 {
-  --bs-gutter-y: 1.5rem; }
+  --tblr-gutter-y: 1.25rem; }
 
 .g-5,
 .gx-5 {
-  --bs-gutter-x: 3rem; }
+  --tblr-gutter-x: 3rem; }
 
 .g-5,
 .gy-5 {
-  --bs-gutter-y: 3rem; }
+  --tblr-gutter-y: 3rem; }
 
 .g-6,
 .gx-6 {
-  --bs-gutter-x: 4.5rem; }
+  --tblr-gutter-x: 4.5rem; }
 
 .g-6,
 .gy-6 {
-  --bs-gutter-y: 4.5rem; }
+  --tblr-gutter-y: 4.5rem; }
 
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .col-sm {
     flex: 1 0 0%; }
   .row-cols-sm-auto > * {
@@ -691,7 +702,7 @@ progress {
     width: 50%; }
   .row-cols-sm-3 > * {
     flex: 0 0 auto;
-    width: 33.33333%; }
+    width: 33.3333333%; }
   .row-cols-sm-4 > * {
     flex: 0 0 auto;
     width: 25%; }
@@ -700,114 +711,114 @@ progress {
     width: 20%; }
   .row-cols-sm-6 > * {
     flex: 0 0 auto;
-    width: 16.66667%; }
+    width: 16.6666667%; }
   .col-sm-auto {
     flex: 0 0 auto;
     width: auto; }
   .col-sm-1 {
     flex: 0 0 auto;
-    width: 8.33333%; }
+    width: 8.3333333%; }
   .col-sm-2 {
     flex: 0 0 auto;
-    width: 16.66667%; }
+    width: 16.6666667%; }
   .col-sm-3 {
     flex: 0 0 auto;
     width: 25%; }
   .col-sm-4 {
     flex: 0 0 auto;
-    width: 33.33333%; }
+    width: 33.3333333%; }
   .col-sm-5 {
     flex: 0 0 auto;
-    width: 41.66667%; }
+    width: 41.6666667%; }
   .col-sm-6 {
     flex: 0 0 auto;
     width: 50%; }
   .col-sm-7 {
     flex: 0 0 auto;
-    width: 58.33333%; }
+    width: 58.3333333%; }
   .col-sm-8 {
     flex: 0 0 auto;
-    width: 66.66667%; }
+    width: 66.6666667%; }
   .col-sm-9 {
     flex: 0 0 auto;
     width: 75%; }
   .col-sm-10 {
     flex: 0 0 auto;
-    width: 83.33333%; }
+    width: 83.3333333%; }
   .col-sm-11 {
     flex: 0 0 auto;
-    width: 91.66667%; }
+    width: 91.6666667%; }
   .col-sm-12 {
     flex: 0 0 auto;
     width: 100%; }
   .offset-sm-0 {
     margin-left: 0; }
   .offset-sm-1 {
-    margin-left: 8.33333%; }
+    margin-left: 8.3333333%; }
   .offset-sm-2 {
-    margin-left: 16.66667%; }
+    margin-left: 16.6666667%; }
   .offset-sm-3 {
     margin-left: 25%; }
   .offset-sm-4 {
-    margin-left: 33.33333%; }
+    margin-left: 33.3333333%; }
   .offset-sm-5 {
-    margin-left: 41.66667%; }
+    margin-left: 41.6666667%; }
   .offset-sm-6 {
     margin-left: 50%; }
   .offset-sm-7 {
-    margin-left: 58.33333%; }
+    margin-left: 58.3333333%; }
   .offset-sm-8 {
-    margin-left: 66.66667%; }
+    margin-left: 66.6666667%; }
   .offset-sm-9 {
     margin-left: 75%; }
   .offset-sm-10 {
-    margin-left: 83.33333%; }
+    margin-left: 83.3333333%; }
   .offset-sm-11 {
-    margin-left: 91.66667%; }
+    margin-left: 91.6666667%; }
   .g-sm-0,
   .gx-sm-0 {
-    --bs-gutter-x: 0; }
+    --tblr-gutter-x: 0; }
   .g-sm-0,
   .gy-sm-0 {
-    --bs-gutter-y: 0; }
+    --tblr-gutter-y: 0; }
   .g-sm-1,
   .gx-sm-1 {
-    --bs-gutter-x: 0.25rem; }
+    --tblr-gutter-x: 0.25rem; }
   .g-sm-1,
   .gy-sm-1 {
-    --bs-gutter-y: 0.25rem; }
+    --tblr-gutter-y: 0.25rem; }
   .g-sm-2,
   .gx-sm-2 {
-    --bs-gutter-x: 0.5rem; }
+    --tblr-gutter-x: 0.5rem; }
   .g-sm-2,
   .gy-sm-2 {
-    --bs-gutter-y: 0.5rem; }
+    --tblr-gutter-y: 0.5rem; }
   .g-sm-3,
   .gx-sm-3 {
-    --bs-gutter-x: 1rem; }
+    --tblr-gutter-x: 1rem; }
   .g-sm-3,
   .gy-sm-3 {
-    --bs-gutter-y: 1rem; }
+    --tblr-gutter-y: 1rem; }
   .g-sm-4,
   .gx-sm-4 {
-    --bs-gutter-x: 1.5rem; }
+    --tblr-gutter-x: 1.25rem; }
   .g-sm-4,
   .gy-sm-4 {
-    --bs-gutter-y: 1.5rem; }
+    --tblr-gutter-y: 1.25rem; }
   .g-sm-5,
   .gx-sm-5 {
-    --bs-gutter-x: 3rem; }
+    --tblr-gutter-x: 3rem; }
   .g-sm-5,
   .gy-sm-5 {
-    --bs-gutter-y: 3rem; }
+    --tblr-gutter-y: 3rem; }
   .g-sm-6,
   .gx-sm-6 {
-    --bs-gutter-x: 4.5rem; }
+    --tblr-gutter-x: 4.5rem; }
   .g-sm-6,
   .gy-sm-6 {
-    --bs-gutter-y: 4.5rem; } }
+    --tblr-gutter-y: 4.5rem; } }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .col-md {
     flex: 1 0 0%; }
   .row-cols-md-auto > * {
@@ -821,7 +832,7 @@ progress {
     width: 50%; }
   .row-cols-md-3 > * {
     flex: 0 0 auto;
-    width: 33.33333%; }
+    width: 33.3333333%; }
   .row-cols-md-4 > * {
     flex: 0 0 auto;
     width: 25%; }
@@ -830,114 +841,114 @@ progress {
     width: 20%; }
   .row-cols-md-6 > * {
     flex: 0 0 auto;
-    width: 16.66667%; }
+    width: 16.6666667%; }
   .col-md-auto {
     flex: 0 0 auto;
     width: auto; }
   .col-md-1 {
     flex: 0 0 auto;
-    width: 8.33333%; }
+    width: 8.3333333%; }
   .col-md-2 {
     flex: 0 0 auto;
-    width: 16.66667%; }
+    width: 16.6666667%; }
   .col-md-3 {
     flex: 0 0 auto;
     width: 25%; }
   .col-md-4 {
     flex: 0 0 auto;
-    width: 33.33333%; }
+    width: 33.3333333%; }
   .col-md-5 {
     flex: 0 0 auto;
-    width: 41.66667%; }
+    width: 41.6666667%; }
   .col-md-6 {
     flex: 0 0 auto;
     width: 50%; }
   .col-md-7 {
     flex: 0 0 auto;
-    width: 58.33333%; }
+    width: 58.3333333%; }
   .col-md-8 {
     flex: 0 0 auto;
-    width: 66.66667%; }
+    width: 66.6666667%; }
   .col-md-9 {
     flex: 0 0 auto;
     width: 75%; }
   .col-md-10 {
     flex: 0 0 auto;
-    width: 83.33333%; }
+    width: 83.3333333%; }
   .col-md-11 {
     flex: 0 0 auto;
-    width: 91.66667%; }
+    width: 91.6666667%; }
   .col-md-12 {
     flex: 0 0 auto;
     width: 100%; }
   .offset-md-0 {
     margin-left: 0; }
   .offset-md-1 {
-    margin-left: 8.33333%; }
+    margin-left: 8.3333333%; }
   .offset-md-2 {
-    margin-left: 16.66667%; }
+    margin-left: 16.6666667%; }
   .offset-md-3 {
     margin-left: 25%; }
   .offset-md-4 {
-    margin-left: 33.33333%; }
+    margin-left: 33.3333333%; }
   .offset-md-5 {
-    margin-left: 41.66667%; }
+    margin-left: 41.6666667%; }
   .offset-md-6 {
     margin-left: 50%; }
   .offset-md-7 {
-    margin-left: 58.33333%; }
+    margin-left: 58.3333333%; }
   .offset-md-8 {
-    margin-left: 66.66667%; }
+    margin-left: 66.6666667%; }
   .offset-md-9 {
     margin-left: 75%; }
   .offset-md-10 {
-    margin-left: 83.33333%; }
+    margin-left: 83.3333333%; }
   .offset-md-11 {
-    margin-left: 91.66667%; }
+    margin-left: 91.6666667%; }
   .g-md-0,
   .gx-md-0 {
-    --bs-gutter-x: 0; }
+    --tblr-gutter-x: 0; }
   .g-md-0,
   .gy-md-0 {
-    --bs-gutter-y: 0; }
+    --tblr-gutter-y: 0; }
   .g-md-1,
   .gx-md-1 {
-    --bs-gutter-x: 0.25rem; }
+    --tblr-gutter-x: 0.25rem; }
   .g-md-1,
   .gy-md-1 {
-    --bs-gutter-y: 0.25rem; }
+    --tblr-gutter-y: 0.25rem; }
   .g-md-2,
   .gx-md-2 {
-    --bs-gutter-x: 0.5rem; }
+    --tblr-gutter-x: 0.5rem; }
   .g-md-2,
   .gy-md-2 {
-    --bs-gutter-y: 0.5rem; }
+    --tblr-gutter-y: 0.5rem; }
   .g-md-3,
   .gx-md-3 {
-    --bs-gutter-x: 1rem; }
+    --tblr-gutter-x: 1rem; }
   .g-md-3,
   .gy-md-3 {
-    --bs-gutter-y: 1rem; }
+    --tblr-gutter-y: 1rem; }
   .g-md-4,
   .gx-md-4 {
-    --bs-gutter-x: 1.5rem; }
+    --tblr-gutter-x: 1.25rem; }
   .g-md-4,
   .gy-md-4 {
-    --bs-gutter-y: 1.5rem; }
+    --tblr-gutter-y: 1.25rem; }
   .g-md-5,
   .gx-md-5 {
-    --bs-gutter-x: 3rem; }
+    --tblr-gutter-x: 3rem; }
   .g-md-5,
   .gy-md-5 {
-    --bs-gutter-y: 3rem; }
+    --tblr-gutter-y: 3rem; }
   .g-md-6,
   .gx-md-6 {
-    --bs-gutter-x: 4.5rem; }
+    --tblr-gutter-x: 4.5rem; }
   .g-md-6,
   .gy-md-6 {
-    --bs-gutter-y: 4.5rem; } }
+    --tblr-gutter-y: 4.5rem; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .col-lg {
     flex: 1 0 0%; }
   .row-cols-lg-auto > * {
@@ -951,7 +962,7 @@ progress {
     width: 50%; }
   .row-cols-lg-3 > * {
     flex: 0 0 auto;
-    width: 33.33333%; }
+    width: 33.3333333%; }
   .row-cols-lg-4 > * {
     flex: 0 0 auto;
     width: 25%; }
@@ -960,114 +971,114 @@ progress {
     width: 20%; }
   .row-cols-lg-6 > * {
     flex: 0 0 auto;
-    width: 16.66667%; }
+    width: 16.6666667%; }
   .col-lg-auto {
     flex: 0 0 auto;
     width: auto; }
   .col-lg-1 {
     flex: 0 0 auto;
-    width: 8.33333%; }
+    width: 8.3333333%; }
   .col-lg-2 {
     flex: 0 0 auto;
-    width: 16.66667%; }
+    width: 16.6666667%; }
   .col-lg-3 {
     flex: 0 0 auto;
     width: 25%; }
   .col-lg-4 {
     flex: 0 0 auto;
-    width: 33.33333%; }
+    width: 33.3333333%; }
   .col-lg-5 {
     flex: 0 0 auto;
-    width: 41.66667%; }
+    width: 41.6666667%; }
   .col-lg-6 {
     flex: 0 0 auto;
     width: 50%; }
   .col-lg-7 {
     flex: 0 0 auto;
-    width: 58.33333%; }
+    width: 58.3333333%; }
   .col-lg-8 {
     flex: 0 0 auto;
-    width: 66.66667%; }
+    width: 66.6666667%; }
   .col-lg-9 {
     flex: 0 0 auto;
     width: 75%; }
   .col-lg-10 {
     flex: 0 0 auto;
-    width: 83.33333%; }
+    width: 83.3333333%; }
   .col-lg-11 {
     flex: 0 0 auto;
-    width: 91.66667%; }
+    width: 91.6666667%; }
   .col-lg-12 {
     flex: 0 0 auto;
     width: 100%; }
   .offset-lg-0 {
     margin-left: 0; }
   .offset-lg-1 {
-    margin-left: 8.33333%; }
+    margin-left: 8.3333333%; }
   .offset-lg-2 {
-    margin-left: 16.66667%; }
+    margin-left: 16.6666667%; }
   .offset-lg-3 {
     margin-left: 25%; }
   .offset-lg-4 {
-    margin-left: 33.33333%; }
+    margin-left: 33.3333333%; }
   .offset-lg-5 {
-    margin-left: 41.66667%; }
+    margin-left: 41.6666667%; }
   .offset-lg-6 {
     margin-left: 50%; }
   .offset-lg-7 {
-    margin-left: 58.33333%; }
+    margin-left: 58.3333333%; }
   .offset-lg-8 {
-    margin-left: 66.66667%; }
+    margin-left: 66.6666667%; }
   .offset-lg-9 {
     margin-left: 75%; }
   .offset-lg-10 {
-    margin-left: 83.33333%; }
+    margin-left: 83.3333333%; }
   .offset-lg-11 {
-    margin-left: 91.66667%; }
+    margin-left: 91.6666667%; }
   .g-lg-0,
   .gx-lg-0 {
-    --bs-gutter-x: 0; }
+    --tblr-gutter-x: 0; }
   .g-lg-0,
   .gy-lg-0 {
-    --bs-gutter-y: 0; }
+    --tblr-gutter-y: 0; }
   .g-lg-1,
   .gx-lg-1 {
-    --bs-gutter-x: 0.25rem; }
+    --tblr-gutter-x: 0.25rem; }
   .g-lg-1,
   .gy-lg-1 {
-    --bs-gutter-y: 0.25rem; }
+    --tblr-gutter-y: 0.25rem; }
   .g-lg-2,
   .gx-lg-2 {
-    --bs-gutter-x: 0.5rem; }
+    --tblr-gutter-x: 0.5rem; }
   .g-lg-2,
   .gy-lg-2 {
-    --bs-gutter-y: 0.5rem; }
+    --tblr-gutter-y: 0.5rem; }
   .g-lg-3,
   .gx-lg-3 {
-    --bs-gutter-x: 1rem; }
+    --tblr-gutter-x: 1rem; }
   .g-lg-3,
   .gy-lg-3 {
-    --bs-gutter-y: 1rem; }
+    --tblr-gutter-y: 1rem; }
   .g-lg-4,
   .gx-lg-4 {
-    --bs-gutter-x: 1.5rem; }
+    --tblr-gutter-x: 1.25rem; }
   .g-lg-4,
   .gy-lg-4 {
-    --bs-gutter-y: 1.5rem; }
+    --tblr-gutter-y: 1.25rem; }
   .g-lg-5,
   .gx-lg-5 {
-    --bs-gutter-x: 3rem; }
+    --tblr-gutter-x: 3rem; }
   .g-lg-5,
   .gy-lg-5 {
-    --bs-gutter-y: 3rem; }
+    --tblr-gutter-y: 3rem; }
   .g-lg-6,
   .gx-lg-6 {
-    --bs-gutter-x: 4.5rem; }
+    --tblr-gutter-x: 4.5rem; }
   .g-lg-6,
   .gy-lg-6 {
-    --bs-gutter-y: 4.5rem; } }
+    --tblr-gutter-y: 4.5rem; } }
 
-@media (min-width: 75.25rem) {
+@media (min-width: 1200px) {
   .col-xl {
     flex: 1 0 0%; }
   .row-cols-xl-auto > * {
@@ -1081,7 +1092,7 @@ progress {
     width: 50%; }
   .row-cols-xl-3 > * {
     flex: 0 0 auto;
-    width: 33.33333%; }
+    width: 33.3333333%; }
   .row-cols-xl-4 > * {
     flex: 0 0 auto;
     width: 25%; }
@@ -1090,138 +1101,268 @@ progress {
     width: 20%; }
   .row-cols-xl-6 > * {
     flex: 0 0 auto;
-    width: 16.66667%; }
+    width: 16.6666667%; }
   .col-xl-auto {
     flex: 0 0 auto;
     width: auto; }
   .col-xl-1 {
     flex: 0 0 auto;
-    width: 8.33333%; }
+    width: 8.3333333%; }
   .col-xl-2 {
     flex: 0 0 auto;
-    width: 16.66667%; }
+    width: 16.6666667%; }
   .col-xl-3 {
     flex: 0 0 auto;
     width: 25%; }
   .col-xl-4 {
     flex: 0 0 auto;
-    width: 33.33333%; }
+    width: 33.3333333%; }
   .col-xl-5 {
     flex: 0 0 auto;
-    width: 41.66667%; }
+    width: 41.6666667%; }
   .col-xl-6 {
     flex: 0 0 auto;
     width: 50%; }
   .col-xl-7 {
     flex: 0 0 auto;
-    width: 58.33333%; }
+    width: 58.3333333%; }
   .col-xl-8 {
     flex: 0 0 auto;
-    width: 66.66667%; }
+    width: 66.6666667%; }
   .col-xl-9 {
     flex: 0 0 auto;
     width: 75%; }
   .col-xl-10 {
     flex: 0 0 auto;
-    width: 83.33333%; }
+    width: 83.3333333%; }
   .col-xl-11 {
     flex: 0 0 auto;
-    width: 91.66667%; }
+    width: 91.6666667%; }
   .col-xl-12 {
     flex: 0 0 auto;
     width: 100%; }
   .offset-xl-0 {
     margin-left: 0; }
   .offset-xl-1 {
-    margin-left: 8.33333%; }
+    margin-left: 8.3333333%; }
   .offset-xl-2 {
-    margin-left: 16.66667%; }
+    margin-left: 16.6666667%; }
   .offset-xl-3 {
     margin-left: 25%; }
   .offset-xl-4 {
-    margin-left: 33.33333%; }
+    margin-left: 33.3333333%; }
   .offset-xl-5 {
-    margin-left: 41.66667%; }
+    margin-left: 41.6666667%; }
   .offset-xl-6 {
     margin-left: 50%; }
   .offset-xl-7 {
-    margin-left: 58.33333%; }
+    margin-left: 58.3333333%; }
   .offset-xl-8 {
-    margin-left: 66.66667%; }
+    margin-left: 66.6666667%; }
   .offset-xl-9 {
     margin-left: 75%; }
   .offset-xl-10 {
-    margin-left: 83.33333%; }
+    margin-left: 83.3333333%; }
   .offset-xl-11 {
-    margin-left: 91.66667%; }
+    margin-left: 91.6666667%; }
   .g-xl-0,
   .gx-xl-0 {
-    --bs-gutter-x: 0; }
+    --tblr-gutter-x: 0; }
   .g-xl-0,
   .gy-xl-0 {
-    --bs-gutter-y: 0; }
+    --tblr-gutter-y: 0; }
   .g-xl-1,
   .gx-xl-1 {
-    --bs-gutter-x: 0.25rem; }
+    --tblr-gutter-x: 0.25rem; }
   .g-xl-1,
   .gy-xl-1 {
-    --bs-gutter-y: 0.25rem; }
+    --tblr-gutter-y: 0.25rem; }
   .g-xl-2,
   .gx-xl-2 {
-    --bs-gutter-x: 0.5rem; }
+    --tblr-gutter-x: 0.5rem; }
   .g-xl-2,
   .gy-xl-2 {
-    --bs-gutter-y: 0.5rem; }
+    --tblr-gutter-y: 0.5rem; }
   .g-xl-3,
   .gx-xl-3 {
-    --bs-gutter-x: 1rem; }
+    --tblr-gutter-x: 1rem; }
   .g-xl-3,
   .gy-xl-3 {
-    --bs-gutter-y: 1rem; }
+    --tblr-gutter-y: 1rem; }
   .g-xl-4,
   .gx-xl-4 {
-    --bs-gutter-x: 1.5rem; }
+    --tblr-gutter-x: 1.25rem; }
   .g-xl-4,
   .gy-xl-4 {
-    --bs-gutter-y: 1.5rem; }
+    --tblr-gutter-y: 1.25rem; }
   .g-xl-5,
   .gx-xl-5 {
-    --bs-gutter-x: 3rem; }
+    --tblr-gutter-x: 3rem; }
   .g-xl-5,
   .gy-xl-5 {
-    --bs-gutter-y: 3rem; }
+    --tblr-gutter-y: 3rem; }
   .g-xl-6,
   .gx-xl-6 {
-    --bs-gutter-x: 4.5rem; }
+    --tblr-gutter-x: 4.5rem; }
   .g-xl-6,
   .gy-xl-6 {
-    --bs-gutter-y: 4.5rem; } }
+    --tblr-gutter-y: 4.5rem; } }
+
+@media (min-width: 1400px) {
+  .col-xxl {
+    flex: 1 0 0%; }
+  .row-cols-xxl-auto > * {
+    flex: 0 0 auto;
+    width: auto; }
+  .row-cols-xxl-1 > * {
+    flex: 0 0 auto;
+    width: 100%; }
+  .row-cols-xxl-2 > * {
+    flex: 0 0 auto;
+    width: 50%; }
+  .row-cols-xxl-3 > * {
+    flex: 0 0 auto;
+    width: 33.3333333%; }
+  .row-cols-xxl-4 > * {
+    flex: 0 0 auto;
+    width: 25%; }
+  .row-cols-xxl-5 > * {
+    flex: 0 0 auto;
+    width: 20%; }
+  .row-cols-xxl-6 > * {
+    flex: 0 0 auto;
+    width: 16.6666667%; }
+  .col-xxl-auto {
+    flex: 0 0 auto;
+    width: auto; }
+  .col-xxl-1 {
+    flex: 0 0 auto;
+    width: 8.3333333%; }
+  .col-xxl-2 {
+    flex: 0 0 auto;
+    width: 16.6666667%; }
+  .col-xxl-3 {
+    flex: 0 0 auto;
+    width: 25%; }
+  .col-xxl-4 {
+    flex: 0 0 auto;
+    width: 33.3333333%; }
+  .col-xxl-5 {
+    flex: 0 0 auto;
+    width: 41.6666667%; }
+  .col-xxl-6 {
+    flex: 0 0 auto;
+    width: 50%; }
+  .col-xxl-7 {
+    flex: 0 0 auto;
+    width: 58.3333333%; }
+  .col-xxl-8 {
+    flex: 0 0 auto;
+    width: 66.6666667%; }
+  .col-xxl-9 {
+    flex: 0 0 auto;
+    width: 75%; }
+  .col-xxl-10 {
+    flex: 0 0 auto;
+    width: 83.3333333%; }
+  .col-xxl-11 {
+    flex: 0 0 auto;
+    width: 91.6666667%; }
+  .col-xxl-12 {
+    flex: 0 0 auto;
+    width: 100%; }
+  .offset-xxl-0 {
+    margin-left: 0; }
+  .offset-xxl-1 {
+    margin-left: 8.3333333%; }
+  .offset-xxl-2 {
+    margin-left: 16.6666667%; }
+  .offset-xxl-3 {
+    margin-left: 25%; }
+  .offset-xxl-4 {
+    margin-left: 33.3333333%; }
+  .offset-xxl-5 {
+    margin-left: 41.6666667%; }
+  .offset-xxl-6 {
+    margin-left: 50%; }
+  .offset-xxl-7 {
+    margin-left: 58.3333333%; }
+  .offset-xxl-8 {
+    margin-left: 66.6666667%; }
+  .offset-xxl-9 {
+    margin-left: 75%; }
+  .offset-xxl-10 {
+    margin-left: 83.3333333%; }
+  .offset-xxl-11 {
+    margin-left: 91.6666667%; }
+  .g-xxl-0,
+  .gx-xxl-0 {
+    --tblr-gutter-x: 0; }
+  .g-xxl-0,
+  .gy-xxl-0 {
+    --tblr-gutter-y: 0; }
+  .g-xxl-1,
+  .gx-xxl-1 {
+    --tblr-gutter-x: 0.25rem; }
+  .g-xxl-1,
+  .gy-xxl-1 {
+    --tblr-gutter-y: 0.25rem; }
+  .g-xxl-2,
+  .gx-xxl-2 {
+    --tblr-gutter-x: 0.5rem; }
+  .g-xxl-2,
+  .gy-xxl-2 {
+    --tblr-gutter-y: 0.5rem; }
+  .g-xxl-3,
+  .gx-xxl-3 {
+    --tblr-gutter-x: 1rem; }
+  .g-xxl-3,
+  .gy-xxl-3 {
+    --tblr-gutter-y: 1rem; }
+  .g-xxl-4,
+  .gx-xxl-4 {
+    --tblr-gutter-x: 1.25rem; }
+  .g-xxl-4,
+  .gy-xxl-4 {
+    --tblr-gutter-y: 1.25rem; }
+  .g-xxl-5,
+  .gx-xxl-5 {
+    --tblr-gutter-x: 3rem; }
+  .g-xxl-5,
+  .gy-xxl-5 {
+    --tblr-gutter-y: 3rem; }
+  .g-xxl-6,
+  .gx-xxl-6 {
+    --tblr-gutter-x: 4.5rem; }
+  .g-xxl-6,
+  .gy-xxl-6 {
+    --tblr-gutter-y: 4.5rem; } }
 
 .table, .markdown > table {
-  --bs-table-bg: transparent;
-  --bs-table-accent-bg: transparent;
-  --bs-table-striped-color: #212b36;
-  --bs-table-striped-bg: rgba(53, 64, 82, 0.024);
-  --bs-table-active-color: #212b36;
-  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
-  --bs-table-hover-color: #212b36;
-  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
+  --tblr-table-bg: transparent;
+  --tblr-table-accent-bg: transparent;
+  --tblr-table-striped-color: inherit;
+  --tblr-table-striped-bg: rgba(35, 46, 60, 0.024);
+  --tblr-table-active-color: inherit;
+  --tblr-table-active-bg: rgba(0, 0, 0, 0.1);
+  --tblr-table-hover-color: inherit;
+  --tblr-table-hover-bg: rgba(0, 0, 0, 0.075);
   width: 100%;
   margin-bottom: 1rem;
-  color: #212b36;
+  color: inherit;
   vertical-align: top;
-  border-color: rgba(95, 102, 110, 0.2); }
+  border-color: rgba(110, 117, 126, 0.16); }
   .table > :not(caption) > * > *, .markdown > table > :not(caption) > * > * {
     padding: 0.5rem 0.5rem;
-    background-color: var(--bs-table-bg);
-    background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg));
+    background-color: var(--tblr-table-bg);
+    background-image: linear-gradient(var(--tblr-table-accent-bg), var(--tblr-table-accent-bg));
     border-bottom-width: 1px; }
   .table > tbody, .markdown > table > tbody {
     vertical-align: inherit; }
   .table > thead, .markdown > table > thead {
     vertical-align: bottom; }
   .table > :not(:last-child) > :last-child > *, .markdown > table > :not(:last-child) > :last-child > * {
-    border-bottom-color: currentColor; }
+    border-bottom-color: rgba(110, 117, 126, 0.16); }
 
 .caption-top {
   caption-side: top; }
@@ -1238,138 +1379,146 @@ progress {
   border-bottom-width: 0; }
 
 .table-striped > tbody > tr:nth-of-type(even) {
-  --bs-table-accent-bg: var(--bs-table-striped-bg);
-  color: var(--bs-table-striped-color); }
+  --tblr-table-accent-bg: var(--tblr-table-striped-bg);
+  color: var(--tblr-table-striped-color); }
 
 .table-active {
-  --bs-table-accent-bg: var(--bs-table-active-bg);
-  color: var(--bs-table-active-color); }
+  --tblr-table-accent-bg: var(--tblr-table-active-bg);
+  color: var(--tblr-table-active-color); }
 
 .table-hover > tbody > tr:hover {
-  --bs-table-accent-bg: var(--bs-table-hover-bg);
-  color: var(--bs-table-hover-color); }
+  --tblr-table-accent-bg: var(--tblr-table-hover-bg);
+  color: var(--tblr-table-hover-color); }
 
 .table-primary {
-  --bs-table-bg: #e9f0f9;
-  --bs-table-striped-bg: #dde4ed;
-  --bs-table-striped-color: #000000;
-  --bs-table-active-bg: #d2d8e0;
-  --bs-table-active-color: #000000;
-  --bs-table-hover-bg: #d8dee6;
-  --bs-table-hover-color: #000000;
-  color: #000000;
-  border-color: #d2d8e0; }
+  --tblr-table-bg: #d2e1f3;
+  --tblr-table-striped-bg: #c9d8ea;
+  --tblr-table-striped-color: #232e3c;
+  --tblr-table-active-bg: #c1cfe1;
+  --tblr-table-active-color: #232e3c;
+  --tblr-table-hover-bg: #c5d4e5;
+  --tblr-table-hover-color: #232e3c;
+  color: #232e3c;
+  border-color: #c1cfe1; }
 
 .table-secondary {
-  --bs-table-bg: #eff0f1;
-  --bs-table-striped-bg: #e3e4e5;
-  --bs-table-striped-color: #000000;
-  --bs-table-active-bg: #d7d8d9;
-  --bs-table-active-color: #000000;
-  --bs-table-hover-bg: #dddedf;
-  --bs-table-hover-color: #000000;
-  color: #000000;
-  border-color: #d7d8d9; }
+  --tblr-table-bg: #e2e3e5;
+  --tblr-table-striped-bg: #d8dadd;
+  --tblr-table-striped-color: #232e3c;
+  --tblr-table-active-bg: #cfd1d4;
+  --tblr-table-active-color: #232e3c;
+  --tblr-table-hover-bg: #d4d5d8;
+  --tblr-table-hover-color: #232e3c;
+  color: #232e3c;
+  border-color: #cfd1d4; }
 
 .table-success {
-  --bs-table-bg: #eff8e6;
-  --bs-table-striped-bg: #e3ecdb;
-  --bs-table-striped-color: #000000;
-  --bs-table-active-bg: #d7dfcf;
-  --bs-table-active-color: #000000;
-  --bs-table-hover-bg: #dde5d5;
-  --bs-table-hover-color: #000000;
-  color: #000000;
-  border-color: #d7dfcf; }
+  --tblr-table-bg: #dff1cc;
+  --tblr-table-striped-bg: #d6e7c5;
+  --tblr-table-striped-color: #232e3c;
+  --tblr-table-active-bg: #ccdebe;
+  --tblr-table-active-color: #232e3c;
+  --tblr-table-hover-bg: #d1e2c1;
+  --tblr-table-hover-color: #232e3c;
+  color: #232e3c;
+  border-color: #ccdebe; }
 
 .table-info {
-  --bs-table-bg: #ecf7fe;
-  --bs-table-striped-bg: #e0ebf1;
-  --bs-table-striped-color: #000000;
-  --bs-table-active-bg: #d4dee5;
-  --bs-table-active-color: #000000;
-  --bs-table-hover-bg: #dae4eb;
-  --bs-table-hover-color: #000000;
-  color: #000000;
-  border-color: #d4dee5; }
+  --tblr-table-bg: #d9ebf9;
+  --tblr-table-striped-bg: #d0e2f0;
+  --tblr-table-striped-color: #232e3c;
+  --tblr-table-active-bg: #c7d8e6;
+  --tblr-table-active-color: #232e3c;
+  --tblr-table-hover-bg: #cbddeb;
+  --tblr-table-hover-color: #232e3c;
+  color: #232e3c;
+  border-color: #c7d8e6; }
 
 .table-warning {
-  --bs-table-bg: #fff7e6;
-  --bs-table-striped-bg: #f2ebdb;
-  --bs-table-striped-color: #000000;
-  --bs-table-active-bg: #e6decf;
-  --bs-table-active-color: #000000;
-  --bs-table-hover-bg: #ece4d5;
-  --bs-table-hover-color: #000000;
-  color: #000000;
-  border-color: #e6decf; }
+  --tblr-table-bg: #fbe7d7;
+  --tblr-table-striped-bg: #f0decf;
+  --tblr-table-striped-color: #232e3c;
+  --tblr-table-active-bg: #e5d5c8;
+  --tblr-table-active-color: #232e3c;
+  --tblr-table-hover-bg: #ebd9cb;
+  --tblr-table-hover-color: #232e3c;
+  color: #232e3c;
+  border-color: #e5d5c8; }
 
 .table-danger {
-  --bs-table-bg: #fae9e9;
-  --bs-table-striped-bg: #eedddd;
-  --bs-table-striped-color: #000000;
-  --bs-table-active-bg: #e1d2d2;
-  --bs-table-active-color: #000000;
-  --bs-table-hover-bg: #e7d8d8;
-  --bs-table-hover-color: #000000;
-  color: #000000;
-  border-color: #e1d2d2; }
+  --tblr-table-bg: #fad8d8;
+  --tblr-table-striped-bg: #efd0d0;
+  --tblr-table-striped-color: #232e3c;
+  --tblr-table-active-bg: #e5c7c8;
+  --tblr-table-active-color: #232e3c;
+  --tblr-table-hover-bg: #eacbcc;
+  --tblr-table-hover-color: #232e3c;
+  color: #232e3c;
+  border-color: #e5c7c8; }
 
 .table-light {
-  --bs-table-bg: #f5f7fb;
-  --bs-table-striped-bg: #e9ebee;
-  --bs-table-striped-color: #000000;
-  --bs-table-active-bg: #dddee2;
-  --bs-table-active-color: #000000;
-  --bs-table-hover-bg: #e3e4e8;
-  --bs-table-hover-color: #000000;
-  color: #000000;
-  border-color: #dddee2; }
+  --tblr-table-bg: #f1f4f8;
+  --tblr-table-striped-bg: #e7eaef;
+  --tblr-table-striped-color: #232e3c;
+  --tblr-table-active-bg: #dce0e5;
+  --tblr-table-active-color: #232e3c;
+  --tblr-table-hover-bg: #e2e5ea;
+  --tblr-table-hover-color: #232e3c;
+  color: #232e3c;
+  border-color: #dce0e5; }
 
 .table-dark {
-  --bs-table-bg: #354052;
-  --bs-table-striped-bg: #3f4a5b;
-  --bs-table-striped-color: #ffffff;
-  --bs-table-active-bg: #495363;
-  --bs-table-active-color: #ffffff;
-  --bs-table-hover-bg: #444e5f;
-  --bs-table-hover-color: #ffffff;
-  color: #ffffff;
-  border-color: #495363; }
+  --tblr-table-bg: #232e3c;
+  --tblr-table-striped-bg: #2d3845;
+  --tblr-table-striped-color: #f1f4f8;
+  --tblr-table-active-bg: #38424f;
+  --tblr-table-active-color: #f1f4f8;
+  --tblr-table-hover-bg: #323d4a;
+  --tblr-table-hover-color: #f1f4f8;
+  color: #f1f4f8;
+  border-color: #38424f; }
 
 .table-responsive {
   overflow-x: auto;
   -webkit-overflow-scrolling: touch; }
 
-@media (max-width: 32.98rem) {
+@media (max-width: 575.98px) {
   .table-responsive-sm {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch; } }
 
-@media (max-width: 47.98rem) {
+@media (max-width: 767.98px) {
   .table-responsive-md {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch; } }
 
-@media (max-width: 63.98rem) {
+@media (max-width: 991.98px) {
   .table-responsive-lg {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch; } }
 
-@media (max-width: 75.23rem) {
+@media (max-width: 1199.98px) {
   .table-responsive-xl {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch; } }
 
+@media (max-width: 1399.98px) {
+  .table-responsive-xxl {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch; } }
+
 .form-label {
-  margin-bottom: 0.5rem; }
+  margin-bottom: 0.5rem;
+  font-size: 0.875rem;
+  font-weight: 500; }
 
 .col-form-label {
   padding-top: calc(0.4375rem + 1px);
   padding-bottom: calc(0.4375rem + 1px);
   margin-bottom: 0;
   font-size: inherit;
-  line-height: 1.42857; }
+  font-weight: 500;
+  line-height: 1.4285714; }
 
 .col-form-label-lg {
   padding-top: calc(0.5rem + 1px);
@@ -1383,21 +1532,20 @@ progress {
 
 .form-text {
   margin-top: 0.25rem;
-  font-size: 0.75rem;
-  color: #5f666e; }
+  font-size: 85.7142857%;
+  color: #6e757e; }
 
 .form-control {
   display: block;
   width: 100%;
-  min-height: calc(1.42857em + 0.875rem + 2px);
   padding: 0.4375rem 0.75rem;
   font-size: 0.875rem;
   font-weight: 400;
-  line-height: 1.42857;
-  color: #212b36;
+  line-height: 1.4285714;
+  color: #232e3c;
   background-color: #ffffff;
   background-clip: padding-box;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid rgba(110, 117, 126, 0.24);
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
@@ -1406,38 +1554,85 @@ progress {
   @media (prefers-reduced-motion: reduce) {
     .form-control {
       transition: none; } }
+  .form-control[type="file"] {
+    overflow: hidden; }
+    .form-control[type="file"]:not(:disabled):not([readonly]) {
+      cursor: pointer; }
   .form-control:focus {
     color: inherit;
     background-color: #ffffff;
-    border-color: #7aade9;
+    border-color: #90b5e2;
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
+  .form-control::-webkit-date-and-time-value {
+    height: 1.4285714em; }
   .form-control::-webkit-input-placeholder {
-    color: #5f666e;
+    color: #a7abb1;
     opacity: 1; }
   .form-control::-moz-placeholder {
-    color: #5f666e;
+    color: #a7abb1;
     opacity: 1; }
   .form-control:-ms-input-placeholder {
-    color: #5f666e;
+    color: #a7abb1;
     opacity: 1; }
   .form-control::-ms-input-placeholder {
-    color: #5f666e;
+    color: #a7abb1;
     opacity: 1; }
   .form-control::placeholder {
-    color: #5f666e;
+    color: #a7abb1;
     opacity: 1; }
   .form-control:disabled, .form-control[readonly] {
-    background-color: #f5f7fb;
+    background-color: #f1f4f8;
     opacity: 1; }
+  .form-control::file-selector-button {
+    padding: 0.4375rem 0.75rem;
+    margin: -0.4375rem -0.75rem;
+    -webkit-margin-end: 0.75rem;
+            margin-inline-end: 0.75rem;
+    -moz-margin-end: calc(0.75rem - 5px);
+    color: #232e3c;
+    background-color: rgba(35, 46, 60, 0.024);
+    pointer-events: none;
+    border-color: inherit;
+    border-style: solid;
+    border-width: 0;
+    border-inline-end-width: 1px;
+    border-radius: 0;
+    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
+    @media (prefers-reduced-motion: reduce) {
+      .form-control::file-selector-button {
+        transition: none; } }
+  .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+    background-color: rgba(7, 9, 11, 0.0728); }
+  .form-control::-webkit-file-upload-button {
+    padding: 0.4375rem 0.75rem;
+    margin: -0.4375rem -0.75rem;
+    -webkit-margin-end: 0.75rem;
+            margin-inline-end: 0.75rem;
+    color: #232e3c;
+    background-color: rgba(35, 46, 60, 0.024);
+    pointer-events: none;
+    border-color: inherit;
+    border-style: solid;
+    border-width: 0;
+    border-inline-end-width: 1px;
+    border-radius: 0;
+    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
+    @media (prefers-reduced-motion: reduce) {
+      .form-control::-webkit-file-upload-button {
+        -webkit-transition: none;
+        transition: none; } }
+  .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+    background-color: rgba(7, 9, 11, 0.0728); }
 
 .form-control-plaintext {
   display: block;
   width: 100%;
   padding: 0.4375rem 0;
   margin-bottom: 0;
-  line-height: 1.42857;
-  color: #212b36;
+  line-height: 1.4285714;
+  color: #232e3c;
   background-color: transparent;
   border: solid transparent;
   border-width: 1px 0; }
@@ -1446,74 +1641,104 @@ progress {
     padding-left: 0; }
 
 .form-control-sm {
-  min-height: calc(1.42857em + 0.25rem + 2px);
+  min-height: calc(1.4285714em + 0.25rem + 2px);
   padding: 0.125rem 0.5rem;
   font-size: 0.75rem;
   border-radius: 0.2rem; }
+  .form-control-sm::file-selector-button {
+    padding: 0.125rem 0.5rem;
+    margin: -0.125rem -0.5rem;
+    -webkit-margin-end: 0.5rem;
+            margin-inline-end: 0.5rem;
+    -moz-margin-end: calc(0.5rem - 5px); }
+  .form-control-sm::-webkit-file-upload-button {
+    padding: 0.125rem 0.5rem;
+    margin: -0.125rem -0.5rem;
+    -webkit-margin-end: 0.5rem;
+            margin-inline-end: 0.5rem; }
 
 .form-control-lg {
-  min-height: calc(1.42857em + 1rem + 2px);
+  min-height: calc(1.4285714em + 1rem + 2px);
   padding: 0.5rem 1.5rem;
   font-size: 1.25rem;
   border-radius: 0.3rem; }
+  .form-control-lg::file-selector-button {
+    padding: 0.5rem 1.5rem;
+    margin: -0.5rem -1.5rem;
+    -webkit-margin-end: 1.5rem;
+            margin-inline-end: 1.5rem;
+    -moz-margin-end: calc(1.5rem - 5px); }
+  .form-control-lg::-webkit-file-upload-button {
+    padding: 0.5rem 1.5rem;
+    margin: -0.5rem -1.5rem;
+    -webkit-margin-end: 1.5rem;
+            margin-inline-end: 1.5rem; }
+
+textarea.form-control {
+  min-height: calc(1.4285714em + 0.875rem + 2px); }
+
+textarea.form-control-sm {
+  min-height: calc(1.4285714em + 0.25rem + 2px); }
+
+textarea.form-control-lg {
+  min-height: calc(1.4285714em + 1rem + 2px); }
 
 .form-control-color {
   max-width: 3rem;
+  height: auto;
   padding: 0.4375rem; }
-
-.form-control-color::-moz-color-swatch {
-  border-radius: 3px; }
-
-.form-control-color::-webkit-color-swatch {
-  border-radius: 3px; }
+  .form-control-color:not(:disabled):not([readonly]) {
+    cursor: pointer; }
+  .form-control-color::-moz-color-swatch {
+    height: 1.4285714em;
+    border-radius: 3px; }
+  .form-control-color::-webkit-color-swatch {
+    height: 1.4285714em;
+    border-radius: 3px; }
 
 .form-select {
   display: block;
   width: 100%;
-  height: calc(1.42857em + 0.875rem + 2px);
   padding: 0.4375rem 1.75rem 0.4375rem 0.75rem;
   font-size: 0.875rem;
   font-weight: 400;
-  line-height: 1.42857;
-  color: #212b36;
+  line-height: 1.4285714;
+  color: #232e3c;
   vertical-align: middle;
   background-color: #ffffff;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2895, 102, 110, 0.44%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dcdee0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right 0.75rem center;
   background-size: 16px 12px;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid rgba(110, 117, 126, 0.24);
   border-radius: 3px;
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none; }
   .form-select:focus {
-    border-color: #7aade9;
+    border-color: #90b5e2;
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
     .form-select:focus::-ms-value {
-      color: #212b36;
+      color: #232e3c;
       background-color: #ffffff; }
   .form-select[multiple], .form-select[size]:not([size="1"]) {
-    height: auto;
     padding-right: 0.75rem;
     background-image: none; }
   .form-select:disabled {
-    color: #a8aeb7;
-    background-color: #f1f3f8; }
+    color: #9fa5ad;
+    background-color: #edf0f4; }
   .form-select:-moz-focusring {
     color: transparent;
-    text-shadow: 0 0 0 #212b36; }
+    text-shadow: 0 0 0 #232e3c; }
 
 .form-select-sm {
-  height: calc(1.42857em + 0.25rem + 2px);
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
   padding-left: 0.5rem;
   font-size: 0.75rem; }
 
 .form-select-lg {
-  height: calc(1.42857em + 1rem + 2px);
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   padding-left: 1.5rem;
@@ -1521,9 +1746,9 @@ progress {
 
 .form-check {
   display: block;
-  min-height: 1.5rem;
+  min-height: 1.25rem;
   padding-left: 1.5rem;
-  margin-bottom: 0.125rem; }
+  margin-bottom: 0.5rem; }
   .form-check .form-check-input {
     float: left;
     margin-left: -1.5rem; }
@@ -1531,13 +1756,13 @@ progress {
 .form-check-input {
   width: 1rem;
   height: 1rem;
-  margin-top: 0.35714rem;
+  margin-top: 0.2142857rem;
   vertical-align: top;
   background-color: #ffffff;
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid rgba(110, 117, 126, 0.16);
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
@@ -1554,12 +1779,12 @@ progress {
   .form-check-input:active {
     filter: brightness(90%); }
   .form-check-input:focus {
-    border-color: #7aade9;
+    border-color: #90b5e2;
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
   .form-check-input:checked {
     background-color: #206bc4;
-    border-color: rgba(95, 102, 110, 0.2); }
+    border-color: rgba(110, 117, 126, 0.16); }
     .form-check-input:checked[type="checkbox"] {
       background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e"); }
     .form-check-input:checked[type="radio"] {
@@ -1571,20 +1796,20 @@ progress {
   .form-check-input:disabled {
     pointer-events: none;
     filter: none;
-    opacity: .5; }
+    opacity: 0.5; }
   .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
-    opacity: .5; }
+    opacity: 0.66; }
 
 .form-switch {
   padding-left: 2.25rem; }
   .form-switch .form-check-input {
     width: 1.75rem;
     margin-left: -2.25rem;
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2895, 102, 110, 0.2%29'/%3e%3c/svg%3e");
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23e8e9ea'/%3e%3c/svg%3e");
     background-position: left center;
     border-radius: 1.75rem; }
     .form-switch .form-check-input:focus {
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%237aade9'/%3e%3c/svg%3e"); }
+      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2390b5e2'/%3e%3c/svg%3e"); }
     .form-switch .form-check-input:checked {
       background-position: right center;
       background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); }
@@ -1597,80 +1822,10 @@ progress {
   position: absolute;
   clip: rect(0, 0, 0, 0);
   pointer-events: none; }
-
-.form-file {
-  --bs-form-file-height: calc(1.42857em + 0.875rem + 2px);
-  position: relative; }
-
-.form-file-input {
-  position: relative;
-  z-index: 2;
-  width: 100%;
-  height: var(--bs-form-file-height);
-  margin: 0;
-  opacity: 0; }
-  .form-file-input:focus-within ~ .form-file-label {
-    border-color: #7aade9;
-    box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
-  .form-file-input[disabled] ~ .form-file-label .form-file-text,
-  .form-file-input:disabled ~ .form-file-label .form-file-text {
-    background-color: #f5f7fb; }
-
-.form-file-label {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  z-index: 1;
-  display: flex;
-  height: var(--bs-form-file-height);
-  border-color: rgba(95, 102, 110, 0.2);
-  border-radius: 3px; }
-
-.form-file-text {
-  display: block;
-  flex-grow: 1;
-  padding: 0.4375rem 0.75rem;
-  overflow: hidden;
-  font-weight: 400;
-  line-height: 1.42857;
-  color: #212b36;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  background-color: #ffffff;
-  border-color: inherit;
-  border-style: solid;
-  border-width: 1px;
-  border-top-left-radius: inherit;
-  border-bottom-left-radius: inherit; }
-
-.form-file-button {
-  display: block;
-  flex-shrink: 0;
-  padding: 0.4375rem 0.75rem;
-  margin-left: -1px;
-  line-height: 1.42857;
-  color: #212b36;
-  background-color: rgba(53, 64, 82, 0.024);
-  border-color: inherit;
-  border-style: solid;
-  border-width: 1px;
-  border-top-right-radius: inherit;
-  border-bottom-right-radius: inherit; }
-
-.form-file-sm {
-  --bs-form-file-height: calc(1.42857em + 0.25rem + 2px);
-  font-size: 0.75rem; }
-  .form-file-sm .form-file-text,
-  .form-file-sm .form-file-button {
-    padding: 0.125rem 0.5rem; }
-
-.form-file-lg {
-  --bs-form-file-height: calc(1.42857em + 1rem + 2px);
-  font-size: 1.25rem; }
-  .form-file-lg .form-file-text,
-  .form-file-lg .form-file-button {
-    padding: 0.5rem 1.5rem; }
+  .btn-check[disabled] + .btn, .btn-check:disabled + .btn {
+    pointer-events: none;
+    filter: none;
+    opacity: 0.65; }
 
 .form-range {
   width: 100%;
@@ -1683,11 +1838,11 @@ progress {
   .form-range:focus {
     outline: none; }
     .form-range:focus::-webkit-slider-thumb {
-      box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
+      box-shadow: 0 0 0 1px #f1f4f8, 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
     .form-range:focus::-moz-range-thumb {
-      box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
+      box-shadow: 0 0 0 1px #f1f4f8, 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
     .form-range:focus::-ms-thumb {
-      box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
+      box-shadow: 0 0 0 1px #f1f4f8, 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
   .form-range::-moz-focus-outer {
     border: 0; }
   .form-range::-webkit-slider-thumb {
@@ -1706,13 +1861,13 @@ progress {
         -webkit-transition: none;
         transition: none; } }
     .form-range::-webkit-slider-thumb:active {
-      background-color: #a6c8f0; }
+      background-color: #bcd3ed; }
   .form-range::-webkit-slider-runnable-track {
     width: 100%;
     height: 0.25rem;
     color: transparent;
     cursor: pointer;
-    background-color: rgba(176, 181, 190, 0.24);
+    background-color: rgba(167, 173, 180, 0.24);
     border-color: transparent;
     border-radius: 1rem; }
   .form-range::-moz-range-thumb {
@@ -1730,13 +1885,13 @@ progress {
         -moz-transition: none;
         transition: none; } }
     .form-range::-moz-range-thumb:active {
-      background-color: #a6c8f0; }
+      background-color: #bcd3ed; }
   .form-range::-moz-range-track {
     width: 100%;
     height: 0.25rem;
     color: transparent;
     cursor: pointer;
-    background-color: rgba(176, 181, 190, 0.24);
+    background-color: rgba(167, 173, 180, 0.24);
     border-color: transparent;
     border-radius: 1rem; }
   .form-range::-ms-thumb {
@@ -1756,7 +1911,7 @@ progress {
         -ms-transition: none;
         transition: none; } }
     .form-range::-ms-thumb:active {
-      background-color: #a6c8f0; }
+      background-color: #bcd3ed; }
   .form-range::-ms-track {
     width: 100%;
     height: 0.25rem;
@@ -1766,20 +1921,92 @@ progress {
     border-color: transparent;
     border-width: 0.5rem; }
   .form-range::-ms-fill-lower {
-    background-color: rgba(176, 181, 190, 0.24);
+    background-color: rgba(167, 173, 180, 0.24);
     border-radius: 1rem; }
   .form-range::-ms-fill-upper {
     margin-right: 15px;
-    background-color: rgba(176, 181, 190, 0.24);
+    background-color: rgba(167, 173, 180, 0.24);
     border-radius: 1rem; }
   .form-range:disabled {
     pointer-events: none; }
     .form-range:disabled::-webkit-slider-thumb {
-      background-color: #cbcfd6; }
+      background-color: #c4c8cf; }
     .form-range:disabled::-moz-range-thumb {
-      background-color: #cbcfd6; }
+      background-color: #c4c8cf; }
     .form-range:disabled::-ms-thumb {
-      background-color: #cbcfd6; }
+      background-color: #c4c8cf; }
+
+.form-floating {
+  position: relative; }
+  .form-floating > .form-control,
+  .form-floating > .form-select {
+    height: calc(3.5rem + 2px);
+    padding: 1rem 0.75rem; }
+  .form-floating > label {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    padding: 1rem 0.75rem;
+    pointer-events: none;
+    border: 1px solid transparent;
+    transform-origin: 0 0;
+    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; }
+    @media (prefers-reduced-motion: reduce) {
+      .form-floating > label {
+        transition: none; } }
+  .form-floating > .form-control::-webkit-input-placeholder {
+    color: transparent; }
+  .form-floating > .form-control::-moz-placeholder {
+    color: transparent; }
+  .form-floating > .form-control:-ms-input-placeholder {
+    color: transparent; }
+  .form-floating > .form-control::-ms-input-placeholder {
+    color: transparent; }
+  .form-floating > .form-control::placeholder {
+    color: transparent; }
+  .form-floating > .form-control:not(:-moz-placeholder-shown) {
+    padding-top: 1.625rem;
+    padding-bottom: 0.625rem; }
+  .form-floating > .form-control:not(:-ms-input-placeholder) {
+    padding-top: 1.625rem;
+    padding-bottom: 0.625rem; }
+  .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
+    padding-top: 1.625rem;
+    padding-bottom: 0.625rem; }
+  .form-floating > .form-control:-webkit-autofill {
+    padding-top: 1.625rem;
+    padding-bottom: 0.625rem; }
+  .form-floating > .form-select {
+    padding-top: 1.625rem;
+    padding-bottom: 0.625rem; }
+  .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
+    opacity: 0.65;
+    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
+  .form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
+    opacity: 0.65;
+    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
+  .form-floating > .form-control:focus ~ label,
+  .form-floating > .form-control:not(:placeholder-shown) ~ label,
+  .form-floating > .form-select ~ label {
+    opacity: 0.65;
+    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
+  .form-floating > .form-control:-webkit-autofill ~ label {
+    opacity: 0.65;
+    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
+
+@supports (-ms-ime-align: auto) {
+  .form-floating {
+    display: flex;
+    flex-direction: column-reverse; }
+  .form-floating > label {
+    position: static;
+    padding: 0;
+    margin-bottom: calc(1rem / 2);
+    border: 0;
+    transition: none; }
+  .form-floating > .form-control::-ms-input-placeholder {
+    color: #a7abb1; } }
 
 .input-group {
   position: relative;
@@ -1788,24 +2015,14 @@ progress {
   align-items: stretch;
   width: 100%; }
   .input-group > .form-control,
-  .input-group > .form-select,
-  .input-group > .form-file {
+  .input-group > .form-select {
     position: relative;
     flex: 1 1 auto;
     width: 1%;
     min-width: 0; }
   .input-group > .form-control:focus,
-  .input-group > .form-select:focus,
-  .input-group > .form-file .form-file-input:focus ~ .form-file-label {
+  .input-group > .form-select:focus {
     z-index: 3; }
-  .input-group > .form-file > .form-file-input:focus {
-    z-index: 4; }
-  .input-group > .form-file:not(:last-child) > .form-file-label {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0; }
-  .input-group > .form-file:not(:first-child) > .form-file-label {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0; }
   .input-group .btn {
     position: relative;
     z-index: 2; }
@@ -1818,20 +2035,14 @@ progress {
   padding: 0.4375rem 0.75rem;
   font-size: 0.875rem;
   font-weight: 400;
-  line-height: 1.42857;
-  color: #5f666e;
+  line-height: 1.4285714;
+  color: #6e757e;
   text-align: center;
   white-space: nowrap;
-  background-color: rgba(53, 64, 82, 0.024);
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  background-color: rgba(35, 46, 60, 0.024);
+  border: 1px solid rgba(110, 117, 126, 0.24);
   border-radius: 3px; }
 
-.input-group-lg > .form-control {
-  min-height: calc(1.42857em + 1rem + 2px); }
-
-.input-group-lg > .form-select {
-  height: calc(1.42857em + 1rem + 2px); }
-
 .input-group-lg > .form-control,
 .input-group-lg > .form-select,
 .input-group-lg > .input-group-text,
@@ -1840,12 +2051,6 @@ progress {
   font-size: 1.25rem;
   border-radius: 0.3rem; }
 
-.input-group-sm > .form-control {
-  min-height: calc(1.42857em + 0.25rem + 2px); }
-
-.input-group-sm > .form-select {
-  height: calc(1.42857em + 0.25rem + 2px); }
-
 .input-group-sm > .form-control,
 .input-group-sm > .form-select,
 .input-group-sm > .input-group-text,
@@ -1858,12 +2063,17 @@ progress {
 .input-group-sm > .form-select {
   padding-right: 1.75rem; }
 
-.input-group > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
-.input-group > .dropdown-toggle:nth-last-child(n + 3) {
+.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0; }
 
-.input-group > :not(:first-child):not(.dropdown-menu) {
+.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0; }
+
+.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
   margin-left: -1px;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0; }
@@ -1872,7 +2082,7 @@ progress {
   display: none;
   width: 100%;
   margin-top: 0.25rem;
-  font-size: 0.75rem;
+  font-size: 85.7142857%;
   color: #5eba00; }
 
 .valid-tooltip {
@@ -1883,8 +2093,8 @@ progress {
   max-width: 100%;
   padding: 0.25rem 0.5rem;
   margin-top: .1rem;
-  font-size: 0.76562rem;
-  color: #ffffff;
+  font-size: 0.765625rem;
+  color: #f1f4f8;
   background-color: rgba(94, 186, 0, 0.9);
   border-radius: 3px; }
 
@@ -1896,25 +2106,25 @@ progress {
 
 .was-validated .form-control:valid, .form-control.is-valid {
   border-color: #5eba00;
-  padding-right: calc(1.42857em + 0.875rem);
+  padding-right: calc(1.4285714em + 0.875rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
   background-repeat: no-repeat;
-  background-position: right calc(0.35714em + 0.21875rem) center;
-  background-size: calc(0.71429em + 0.4375rem) calc(0.71429em + 0.4375rem); }
+  background-position: right calc(0.3571429em + 0.21875rem) center;
+  background-size: calc(0.7142857em + 0.4375rem) calc(0.7142857em + 0.4375rem); }
   .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
     border-color: #5eba00;
     box-shadow: 0 0 0 0.25rem rgba(94, 186, 0, 0.25); }
 
 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
-  padding-right: calc(1.42857em + 0.875rem);
-  background-position: top calc(0.35714em + 0.21875rem) right calc(0.35714em + 0.21875rem); }
+  padding-right: calc(1.4285714em + 0.875rem);
+  background-position: top calc(0.3571429em + 0.21875rem) right calc(0.3571429em + 0.21875rem); }
 
 .was-validated .form-select:valid, .form-select.is-valid {
   border-color: #5eba00;
   padding-right: calc(0.75em + 2.40625rem);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2895, 102, 110, 0.44%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dcdee0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
   background-position: right 0.75rem center, center right 1.75rem;
-  background-size: 16px 12px, calc(0.71429em + 0.4375rem) calc(0.71429em + 0.4375rem); }
+  background-size: 16px 12px, calc(0.7142857em + 0.4375rem) calc(0.7142857em + 0.4375rem); }
   .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
     border-color: #5eba00;
     box-shadow: 0 0 0 0.25rem rgba(94, 186, 0, 0.25); }
@@ -1931,19 +2141,12 @@ progress {
 .form-check-inline .form-check-input ~ .valid-feedback {
   margin-left: .5em; }
 
-.was-validated .form-file-input:valid ~ .form-file-label, .form-file-input.is-valid ~ .form-file-label {
-  border-color: #5eba00; }
-
-.was-validated .form-file-input:valid:focus ~ .form-file-label, .form-file-input.is-valid:focus ~ .form-file-label {
-  border-color: #5eba00;
-  box-shadow: 0 0 0 0.25rem rgba(94, 186, 0, 0.25); }
-
 .invalid-feedback {
   display: none;
   width: 100%;
   margin-top: 0.25rem;
-  font-size: 0.75rem;
-  color: #cd201f; }
+  font-size: 85.7142857%;
+  color: #e53e3e; }
 
 .invalid-tooltip {
   position: absolute;
@@ -1953,9 +2156,9 @@ progress {
   max-width: 100%;
   padding: 0.25rem 0.5rem;
   margin-top: .1rem;
-  font-size: 0.76562rem;
-  color: #ffffff;
-  background-color: rgba(205, 32, 31, 0.9);
+  font-size: 0.765625rem;
+  color: #f1f4f8;
+  background-color: rgba(229, 62, 62, 0.9);
   border-radius: 3px; }
 
 .was-validated :invalid ~ .invalid-feedback,
@@ -1965,54 +2168,47 @@ progress {
   display: block; }
 
 .was-validated .form-control:invalid, .form-control.is-invalid {
-  border-color: #cd201f;
-  padding-right: calc(1.42857em + 0.875rem);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cd201f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
+  border-color: #e53e3e;
+  padding-right: calc(1.4285714em + 0.875rem);
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e53e3e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
   background-repeat: no-repeat;
-  background-position: right calc(0.35714em + 0.21875rem) center;
-  background-size: calc(0.71429em + 0.4375rem) calc(0.71429em + 0.4375rem); }
+  background-position: right calc(0.3571429em + 0.21875rem) center;
+  background-size: calc(0.7142857em + 0.4375rem) calc(0.7142857em + 0.4375rem); }
   .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
-    border-color: #cd201f;
-    box-shadow: 0 0 0 0.25rem rgba(205, 32, 31, 0.25); }
+    border-color: #e53e3e;
+    box-shadow: 0 0 0 0.25rem rgba(229, 62, 62, 0.25); }
 
 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
-  padding-right: calc(1.42857em + 0.875rem);
-  background-position: top calc(0.35714em + 0.21875rem) right calc(0.35714em + 0.21875rem); }
+  padding-right: calc(1.4285714em + 0.875rem);
+  background-position: top calc(0.3571429em + 0.21875rem) right calc(0.3571429em + 0.21875rem); }
 
 .was-validated .form-select:invalid, .form-select.is-invalid {
-  border-color: #cd201f;
+  border-color: #e53e3e;
   padding-right: calc(0.75em + 2.40625rem);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2895, 102, 110, 0.44%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cd201f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dcdee0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e53e3e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
   background-position: right 0.75rem center, center right 1.75rem;
-  background-size: 16px 12px, calc(0.71429em + 0.4375rem) calc(0.71429em + 0.4375rem); }
+  background-size: 16px 12px, calc(0.7142857em + 0.4375rem) calc(0.7142857em + 0.4375rem); }
   .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
-    border-color: #cd201f;
-    box-shadow: 0 0 0 0.25rem rgba(205, 32, 31, 0.25); }
+    border-color: #e53e3e;
+    box-shadow: 0 0 0 0.25rem rgba(229, 62, 62, 0.25); }
 
 .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
-  border-color: #cd201f; }
+  border-color: #e53e3e; }
   .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
-    background-color: #cd201f; }
+    background-color: #e53e3e; }
   .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
-    box-shadow: 0 0 0 0.25rem rgba(205, 32, 31, 0.25); }
+    box-shadow: 0 0 0 0.25rem rgba(229, 62, 62, 0.25); }
   .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
-    color: #cd201f; }
+    color: #e53e3e; }
 
 .form-check-inline .form-check-input ~ .invalid-feedback {
   margin-left: .5em; }
 
-.was-validated .form-file-input:invalid ~ .form-file-label, .form-file-input.is-invalid ~ .form-file-label {
-  border-color: #cd201f; }
-
-.was-validated .form-file-input:invalid:focus ~ .form-file-label, .form-file-input.is-invalid:focus ~ .form-file-label {
-  border-color: #cd201f;
-  box-shadow: 0 0 0 0.25rem rgba(205, 32, 31, 0.25); }
-
 .btn {
   display: inline-block;
   font-weight: 500;
-  line-height: 1.42857;
-  color: #212b36;
+  line-height: 1.4285714;
+  color: #232e3c;
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
@@ -2030,7 +2226,8 @@ progress {
     .btn {
       transition: none; } }
   .btn:hover {
-    color: #212b36; }
+    color: #232e3c;
+    text-decoration: none; }
   .btn-check:focus + .btn, .btn:focus {
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
@@ -2039,406 +2236,17 @@ progress {
     pointer-events: none;
     opacity: 0.65; }
 
-.btn-primary {
-  color: #ffffff;
-  background-color: #206bc4;
-  border-color: #206bc4; }
-  .btn-primary:hover {
-    color: #ffffff;
-    background-color: #1b59a3;
-    border-color: #195398; }
-  .btn-check:focus + .btn-primary, .btn-primary:focus {
-    color: #ffffff;
-    background-color: #1b59a3;
-    border-color: #195398;
-    box-shadow: 0 0 0 0.25rem rgba(65, 129, 205, 0.5); }
-  .btn-check:checked + .btn-primary,
-  .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active,
-  .show > .btn-primary.dropdown-toggle {
-    color: #ffffff;
-    background-color: #195398;
-    border-color: #174d8d; }
-    .btn-check:checked + .btn-primary:focus,
-    .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus,
-    .show > .btn-primary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(65, 129, 205, 0.5); }
-  .btn-primary:disabled, .btn-primary.disabled {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-
-.btn-secondary {
-  color: #ffffff;
-  background-color: #5f666e;
-  border-color: #5f666e; }
-  .btn-secondary:hover {
-    color: #ffffff;
-    background-color: #4d5359;
-    border-color: #474d53; }
-  .btn-check:focus + .btn-secondary, .btn-secondary:focus {
-    color: #ffffff;
-    background-color: #4d5359;
-    border-color: #474d53;
-    box-shadow: 0 0 0 0.25rem rgba(119, 125, 132, 0.5); }
-  .btn-check:checked + .btn-secondary,
-  .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active,
-  .show > .btn-secondary.dropdown-toggle {
-    color: #ffffff;
-    background-color: #474d53;
-    border-color: #41464c; }
-    .btn-check:checked + .btn-secondary:focus,
-    .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus,
-    .show > .btn-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(119, 125, 132, 0.5); }
-  .btn-secondary:disabled, .btn-secondary.disabled {
-    color: #ffffff;
-    background-color: #5f666e;
-    border-color: #5f666e; }
-
-.btn-success {
-  color: #ffffff;
-  background-color: #5eba00;
-  border-color: #5eba00; }
-  .btn-success:hover {
-    color: #ffffff;
-    background-color: #4b9400;
-    border-color: #448700; }
-  .btn-check:focus + .btn-success, .btn-success:focus {
-    color: #ffffff;
-    background-color: #4b9400;
-    border-color: #448700;
-    box-shadow: 0 0 0 0.25rem rgba(118, 196, 38, 0.5); }
-  .btn-check:checked + .btn-success,
-  .btn-check:active + .btn-success, .btn-success:active, .btn-success.active,
-  .show > .btn-success.dropdown-toggle {
-    color: #ffffff;
-    background-color: #448700;
-    border-color: #3e7a00; }
-    .btn-check:checked + .btn-success:focus,
-    .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus,
-    .show > .btn-success.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(118, 196, 38, 0.5); }
-  .btn-success:disabled, .btn-success.disabled {
-    color: #ffffff;
-    background-color: #5eba00;
-    border-color: #5eba00; }
-
-.btn-info {
-  color: #ffffff;
-  background-color: #45aaf2;
-  border-color: #45aaf2; }
-  .btn-info:hover {
-    color: #ffffff;
-    background-color: #219af0;
-    border-color: #1594ef; }
-  .btn-check:focus + .btn-info, .btn-info:focus {
-    color: #ffffff;
-    background-color: #219af0;
-    border-color: #1594ef;
-    box-shadow: 0 0 0 0.25rem rgba(97, 183, 244, 0.5); }
-  .btn-check:checked + .btn-info,
-  .btn-check:active + .btn-info, .btn-info:active, .btn-info.active,
-  .show > .btn-info.dropdown-toggle {
-    color: #ffffff;
-    background-color: #1594ef;
-    border-color: #108ee7; }
-    .btn-check:checked + .btn-info:focus,
-    .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus,
-    .show > .btn-info.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(97, 183, 244, 0.5); }
-  .btn-info:disabled, .btn-info.disabled {
-    color: #ffffff;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-
-.btn-warning {
-  color: #ffffff;
-  background-color: #fab005;
-  border-color: #fab005; }
-  .btn-warning:hover {
-    color: #ffffff;
-    background-color: #d59604;
-    border-color: #c88d04; }
-  .btn-check:focus + .btn-warning, .btn-warning:focus {
-    color: #ffffff;
-    background-color: #d59604;
-    border-color: #c88d04;
-    box-shadow: 0 0 0 0.25rem rgba(251, 188, 43, 0.5); }
-  .btn-check:checked + .btn-warning,
-  .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active,
-  .show > .btn-warning.dropdown-toggle {
-    color: #ffffff;
-    background-color: #c88d04;
-    border-color: #bc8404; }
-    .btn-check:checked + .btn-warning:focus,
-    .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus,
-    .show > .btn-warning.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(251, 188, 43, 0.5); }
-  .btn-warning:disabled, .btn-warning.disabled {
-    color: #ffffff;
-    background-color: #fab005;
-    border-color: #fab005; }
-
-.btn-danger {
-  color: #ffffff;
-  background-color: #cd201f;
-  border-color: #cd201f; }
-  .btn-danger:hover {
-    color: #ffffff;
-    background-color: #ac1b1a;
-    border-color: #a11918; }
-  .btn-check:focus + .btn-danger, .btn-danger:focus {
-    color: #ffffff;
-    background-color: #ac1b1a;
-    border-color: #a11918;
-    box-shadow: 0 0 0 0.25rem rgba(213, 65, 65, 0.5); }
-  .btn-check:checked + .btn-danger,
-  .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active,
-  .show > .btn-danger.dropdown-toggle {
-    color: #ffffff;
-    background-color: #a11918;
-    border-color: #961717; }
-    .btn-check:checked + .btn-danger:focus,
-    .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus,
-    .show > .btn-danger.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(213, 65, 65, 0.5); }
-  .btn-danger:disabled, .btn-danger.disabled {
-    color: #ffffff;
-    background-color: #cd201f;
-    border-color: #cd201f; }
-
-.btn-light {
-  color: #000000;
-  background-color: #f5f7fb;
-  border-color: #f5f7fb; }
-  .btn-light:hover {
-    color: #000000;
-    background-color: white;
-    border-color: white; }
-  .btn-check:focus + .btn-light, .btn-light:focus {
-    color: #000000;
-    background-color: white;
-    border-color: white;
-    box-shadow: 0 0 0 0.25rem rgba(208, 210, 213, 0.5); }
-  .btn-check:checked + .btn-light,
-  .btn-check:active + .btn-light, .btn-light:active, .btn-light.active,
-  .show > .btn-light.dropdown-toggle {
-    color: #000000;
-    background-color: white;
-    border-color: white; }
-    .btn-check:checked + .btn-light:focus,
-    .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus,
-    .show > .btn-light.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(208, 210, 213, 0.5); }
-  .btn-light:disabled, .btn-light.disabled {
-    color: #000000;
-    background-color: #f5f7fb;
-    border-color: #f5f7fb; }
-
-.btn-dark {
-  color: #ffffff;
-  background-color: #354052;
-  border-color: #354052; }
-  .btn-dark:hover {
-    color: #ffffff;
-    background-color: #262e3b;
-    border-color: #212833; }
-  .btn-check:focus + .btn-dark, .btn-dark:focus {
-    color: #ffffff;
-    background-color: #262e3b;
-    border-color: #212833;
-    box-shadow: 0 0 0 0.25rem rgba(83, 93, 108, 0.5); }
-  .btn-check:checked + .btn-dark,
-  .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active,
-  .show > .btn-dark.dropdown-toggle {
-    color: #ffffff;
-    background-color: #212833;
-    border-color: #1c222b; }
-    .btn-check:checked + .btn-dark:focus,
-    .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus,
-    .show > .btn-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(83, 93, 108, 0.5); }
-  .btn-dark:disabled, .btn-dark.disabled {
-    color: #ffffff;
-    background-color: #354052;
-    border-color: #354052; }
-
-.btn-outline-primary {
-  color: #206bc4;
-  border-color: #206bc4; }
-  .btn-outline-primary:hover {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-  .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
-    box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.5); }
-  .btn-check:checked + .btn-outline-primary,
-  .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-    .btn-check:checked + .btn-outline-primary:focus,
-    .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.5); }
-  .btn-outline-primary:disabled, .btn-outline-primary.disabled {
-    color: #206bc4;
-    background-color: transparent; }
-
-.btn-outline-secondary {
-  color: #5f666e;
-  border-color: #5f666e; }
-  .btn-outline-secondary:hover {
-    color: #ffffff;
-    background-color: #5f666e;
-    border-color: #5f666e; }
-  .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
-    box-shadow: 0 0 0 0.25rem rgba(95, 102, 110, 0.5); }
-  .btn-check:checked + .btn-outline-secondary,
-  .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #5f666e;
-    border-color: #5f666e; }
-    .btn-check:checked + .btn-outline-secondary:focus,
-    .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(95, 102, 110, 0.5); }
-  .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
-    color: #5f666e;
-    background-color: transparent; }
-
-.btn-outline-success {
-  color: #5eba00;
-  border-color: #5eba00; }
-  .btn-outline-success:hover {
-    color: #ffffff;
-    background-color: #5eba00;
-    border-color: #5eba00; }
-  .btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
-    box-shadow: 0 0 0 0.25rem rgba(94, 186, 0, 0.5); }
-  .btn-check:checked + .btn-outline-success,
-  .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #5eba00;
-    border-color: #5eba00; }
-    .btn-check:checked + .btn-outline-success:focus,
-    .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(94, 186, 0, 0.5); }
-  .btn-outline-success:disabled, .btn-outline-success.disabled {
-    color: #5eba00;
-    background-color: transparent; }
-
-.btn-outline-info {
-  color: #45aaf2;
-  border-color: #45aaf2; }
-  .btn-outline-info:hover {
-    color: #ffffff;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-  .btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
-    box-shadow: 0 0 0 0.25rem rgba(69, 170, 242, 0.5); }
-  .btn-check:checked + .btn-outline-info,
-  .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-    .btn-check:checked + .btn-outline-info:focus,
-    .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(69, 170, 242, 0.5); }
-  .btn-outline-info:disabled, .btn-outline-info.disabled {
-    color: #45aaf2;
-    background-color: transparent; }
-
-.btn-outline-warning {
-  color: #fab005;
-  border-color: #fab005; }
-  .btn-outline-warning:hover {
-    color: #ffffff;
-    background-color: #fab005;
-    border-color: #fab005; }
-  .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
-    box-shadow: 0 0 0 0.25rem rgba(250, 176, 5, 0.5); }
-  .btn-check:checked + .btn-outline-warning,
-  .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #fab005;
-    border-color: #fab005; }
-    .btn-check:checked + .btn-outline-warning:focus,
-    .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(250, 176, 5, 0.5); }
-  .btn-outline-warning:disabled, .btn-outline-warning.disabled {
-    color: #fab005;
-    background-color: transparent; }
-
-.btn-outline-danger {
-  color: #cd201f;
-  border-color: #cd201f; }
-  .btn-outline-danger:hover {
-    color: #ffffff;
-    background-color: #cd201f;
-    border-color: #cd201f; }
-  .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
-    box-shadow: 0 0 0 0.25rem rgba(205, 32, 31, 0.5); }
-  .btn-check:checked + .btn-outline-danger,
-  .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #cd201f;
-    border-color: #cd201f; }
-    .btn-check:checked + .btn-outline-danger:focus,
-    .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(205, 32, 31, 0.5); }
-  .btn-outline-danger:disabled, .btn-outline-danger.disabled {
-    color: #cd201f;
-    background-color: transparent; }
-
-.btn-outline-light {
-  color: #f5f7fb;
-  border-color: #f5f7fb; }
-  .btn-outline-light:hover {
-    color: #000000;
-    background-color: #f5f7fb;
-    border-color: #f5f7fb; }
-  .btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
-    box-shadow: 0 0 0 0.25rem rgba(245, 247, 251, 0.5); }
-  .btn-check:checked + .btn-outline-light,
-  .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
-    color: #000000;
-    background-color: #f5f7fb;
-    border-color: #f5f7fb; }
-    .btn-check:checked + .btn-outline-light:focus,
-    .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(245, 247, 251, 0.5); }
-  .btn-outline-light:disabled, .btn-outline-light.disabled {
-    color: #f5f7fb;
-    background-color: transparent; }
-
-.btn-outline-dark {
-  color: #354052;
-  border-color: #354052; }
-  .btn-outline-dark:hover {
-    color: #ffffff;
-    background-color: #354052;
-    border-color: #354052; }
-  .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
-    box-shadow: 0 0 0 0.25rem rgba(53, 64, 82, 0.5); }
-  .btn-check:checked + .btn-outline-dark,
-  .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #354052;
-    border-color: #354052; }
-    .btn-check:checked + .btn-outline-dark:focus,
-    .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(53, 64, 82, 0.5); }
-  .btn-outline-dark:disabled, .btn-outline-dark.disabled {
-    color: #354052;
-    background-color: transparent; }
-
 .btn-link {
   font-weight: 400;
   color: #206bc4;
   text-decoration: none; }
   .btn-link:hover {
-    color: #154782; }
+    color: #1a569d;
+    text-decoration: underline; }
+  .btn-link:focus {
+    text-decoration: underline; }
   .btn-link:disabled, .btn-link.disabled {
-    color: #a8aeb7; }
+    color: #9fa5ad; }
 
 .btn-lg, .btn-group-lg > .btn {
   padding: 0.5rem 1.5rem;
@@ -2491,8 +2299,10 @@ progress {
     height: 0.36em;
     border-bottom: 1px solid;
     border-left: 1px solid;
-    margin-right: .1em;
-    margin-left: 0.4em;
+    -webkit-margin-end: .1em;
+            margin-inline-end: .1em;
+    -webkit-margin-start: 0.4em;
+            margin-inline-start: 0.4em;
     transform: rotate(-45deg); }
 
 .dropdown-menu {
@@ -2502,15 +2312,15 @@ progress {
   z-index: 1000;
   display: none;
   min-width: 14rem;
-  padding: 0.5rem 0;
+  padding: 0.25rem 0;
   margin: 1px 0 0;
   font-size: 0.875rem;
-  color: #212b36;
+  color: #232e3c;
   text-align: left;
   list-style: none;
   background-color: #ffffff;
   background-clip: padding-box;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid rgba(110, 117, 126, 0.16);
   border-radius: 3px; }
 
 .dropdown-menu-left {
@@ -2521,7 +2331,7 @@ progress {
   right: 0;
   left: auto; }
 
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .dropdown-menu-sm-left {
     right: auto;
     left: 0; }
@@ -2529,7 +2339,7 @@ progress {
     right: 0;
     left: auto; } }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .dropdown-menu-md-left {
     right: auto;
     left: 0; }
@@ -2537,7 +2347,7 @@ progress {
     right: 0;
     left: auto; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .dropdown-menu-lg-left {
     right: auto;
     left: 0; }
@@ -2545,7 +2355,7 @@ progress {
     right: 0;
     left: auto; } }
 
-@media (min-width: 75.25rem) {
+@media (min-width: 1200px) {
   .dropdown-menu-xl-left {
     right: auto;
     left: 0; }
@@ -2553,6 +2363,14 @@ progress {
     right: 0;
     left: auto; } }
 
+@media (min-width: 1400px) {
+  .dropdown-menu-xxl-left {
+    right: auto;
+    left: 0; }
+  .dropdown-menu-xxl-right {
+    right: 0;
+    left: auto; } }
+
 .dropup .dropdown-menu {
   top: auto;
   bottom: 100%;
@@ -2567,8 +2385,10 @@ progress {
   height: 0.36em;
   border-bottom: 1px solid;
   border-left: 1px solid;
-  margin-right: .1em;
-  margin-left: 0.4em;
+  -webkit-margin-end: .1em;
+          margin-inline-end: .1em;
+  -webkit-margin-start: 0.4em;
+          margin-inline-start: 0.4em;
   transform: rotate(135deg); }
 
 .dropright .dropdown-menu {
@@ -2586,8 +2406,10 @@ progress {
   height: 0.36em;
   border-bottom: 1px solid;
   border-left: 1px solid;
-  margin-right: .1em;
-  margin-left: 0.4em;
+  -webkit-margin-end: .1em;
+          margin-inline-end: .1em;
+  -webkit-margin-start: 0.4em;
+          margin-inline-start: 0.4em;
   transform: rotate(-135deg); }
 
 .dropright .dropdown-toggle::after {
@@ -2608,8 +2430,10 @@ progress {
   height: 0.36em;
   border-bottom: 1px solid;
   border-left: 1px solid;
-  margin-right: .1em;
-  margin-right: 0.4em;
+  -webkit-margin-end: .1em;
+          margin-inline-end: .1em;
+  -webkit-margin-end: 0.4em;
+          margin-inline-end: 0.4em;
   transform: rotate(45deg); }
 
 .dropleft .dropdown-toggle:after {
@@ -2626,28 +2450,29 @@ progress {
   height: 0;
   margin: 0.5rem 0;
   overflow: hidden;
-  border-top: 1px solid rgba(95, 102, 110, 0.2); }
+  border-top: 1px solid rgba(110, 117, 126, 0.16); }
 
 .dropdown-item {
   display: block;
   width: 100%;
-  padding: 0.25rem 1rem;
+  padding: 0.5rem 0.75rem;
   clear: both;
   font-weight: 400;
-  color: #354052;
+  color: inherit;
   text-align: inherit;
   white-space: nowrap;
   background-color: transparent;
   border: 0; }
   .dropdown-item:hover, .dropdown-item:focus {
     color: inherit;
-    background-color: rgba(95, 102, 110, 0.06); }
+    text-decoration: none;
+    background-color: rgba(110, 117, 126, 0.06); }
   .dropdown-item.active, .dropdown-item:active {
     color: #206bc4;
     text-decoration: none;
     background-color: rgba(32, 107, 196, 0.06); }
   .dropdown-item.disabled, .dropdown-item:disabled {
-    color: #a8aeb7;
+    color: #9fa5ad;
     pointer-events: none;
     background-color: transparent; }
 
@@ -2656,23 +2481,23 @@ progress {
 
 .dropdown-header {
   display: block;
-  padding: 0.5rem 1rem;
+  padding: 0.25rem 0.75rem;
   margin-bottom: 0;
-  font-size: 0.76562rem;
-  color: #a8aeb7;
+  font-size: 0.765625rem;
+  color: #9fa5ad;
   white-space: nowrap; }
 
 .dropdown-item-text {
   display: block;
-  padding: 0.25rem 1rem;
-  color: #354052; }
+  padding: 0.5rem 0.75rem;
+  color: inherit; }
 
 .dropdown-menu-dark {
-  color: #e9ecf1;
-  background-color: #545d6d;
-  border-color: rgba(95, 102, 110, 0.2); }
+  color: #e5e8ed;
+  background-color: #444e5a;
+  border-color: rgba(110, 117, 126, 0.16); }
   .dropdown-menu-dark .dropdown-item {
-    color: #e9ecf1; }
+    color: #e5e8ed; }
     .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
       color: #ffffff;
       background-color: rgba(255, 255, 255, 0.15); }
@@ -2680,13 +2505,13 @@ progress {
       color: #206bc4;
       background-color: rgba(32, 107, 196, 0.06); }
     .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
-      color: #cbcfd6; }
+      color: #c4c8cf; }
   .dropdown-menu-dark .dropdown-divider {
-    border-color: rgba(95, 102, 110, 0.2); }
+    border-color: rgba(110, 117, 126, 0.16); }
   .dropdown-menu-dark .dropdown-item-text {
-    color: #e9ecf1; }
+    color: #e5e8ed; }
   .dropdown-menu-dark .dropdown-header {
-    color: #cbcfd6; }
+    color: #c4c8cf; }
 
 .btn-group,
 .btn-group-vertical {
@@ -2784,29 +2609,31 @@ progress {
   @media (prefers-reduced-motion: reduce) {
     .nav-link {
       transition: none; } }
+  .nav-link:hover, .nav-link:focus {
+    text-decoration: none; }
   .nav-link.disabled {
-    color: #a8aeb7;
+    color: #9fa5ad;
     pointer-events: none;
     cursor: default; }
 
 .nav-tabs {
-  border-bottom: 1px solid #e9ecf1; }
+  border-bottom: 1px solid #e5e8ed; }
   .nav-tabs .nav-link {
     margin-bottom: -1px;
     border: 1px solid transparent;
     border-top-left-radius: 3px;
     border-top-right-radius: 3px; }
     .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
-      border-color: #f1f3f8 #f1f3f8 #e9ecf1; }
+      border-color: #edf0f4 #edf0f4 #e5e8ed; }
     .nav-tabs .nav-link.disabled {
-      color: #a8aeb7;
+      color: #9fa5ad;
       background-color: transparent;
       border-color: transparent; }
   .nav-tabs .nav-link.active,
   .nav-tabs .nav-item.show .nav-link {
-    color: #7a828f;
-    background-color: #f5f7fb;
-    border-color: #e9ecf1 #e9ecf1 #f5f7fb; }
+    color: #6d7580;
+    background-color: #f1f4f8;
+    border-color: #e5e8ed #e5e8ed #f1f4f8; }
   .nav-tabs .dropdown-menu {
     margin-top: -1px;
     border-top-left-radius: 0;
@@ -2846,7 +2673,7 @@ progress {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem; }
   .navbar > .container,
-  .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl {
+  .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {
     display: flex;
     flex-wrap: inherit;
     align-items: center;
@@ -2858,6 +2685,8 @@ progress {
   margin-right: 0;
   font-size: 1rem;
   white-space: nowrap; }
+  .navbar-brand:hover, .navbar-brand:focus {
+    text-decoration: none; }
 
 .navbar-nav {
   display: flex;
@@ -2906,7 +2735,7 @@ progress {
   background-position: center;
   background-size: 100%; }
 
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .navbar-expand-sm {
     flex-wrap: nowrap;
     justify-content: flex-start; }
@@ -2922,7 +2751,7 @@ progress {
     .navbar-expand-sm .navbar-toggler {
       display: none; } }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .navbar-expand-md {
     flex-wrap: nowrap;
     justify-content: flex-start; }
@@ -2938,7 +2767,7 @@ progress {
     .navbar-expand-md .navbar-toggler {
       display: none; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .navbar-expand-lg {
     flex-wrap: nowrap;
     justify-content: flex-start; }
@@ -2954,7 +2783,7 @@ progress {
     .navbar-expand-lg .navbar-toggler {
       display: none; } }
 
-@media (min-width: 75.25rem) {
+@media (min-width: 1200px) {
   .navbar-expand-xl {
     flex-wrap: nowrap;
     justify-content: flex-start; }
@@ -2970,6 +2799,22 @@ progress {
     .navbar-expand-xl .navbar-toggler {
       display: none; } }
 
+@media (min-width: 1400px) {
+  .navbar-expand-xxl {
+    flex-wrap: nowrap;
+    justify-content: flex-start; }
+    .navbar-expand-xxl .navbar-nav {
+      flex-direction: row; }
+      .navbar-expand-xxl .navbar-nav .dropdown-menu {
+        position: absolute; }
+      .navbar-expand-xxl .navbar-nav .nav-link {
+        padding-right: 0.75rem;
+        padding-left: 0.75rem; }
+    .navbar-expand-xxl .navbar-collapse {
+      display: flex !important; }
+    .navbar-expand-xxl .navbar-toggler {
+      display: none; } }
+
 .navbar-expand {
   flex-wrap: nowrap;
   justify-content: flex-start; }
@@ -2986,34 +2831,34 @@ progress {
     display: none; }
 
 .navbar-light .navbar-brand {
-  color: #212b36; }
+  color: #232e3c; }
   .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
-    color: #212b36; }
+    color: #232e3c; }
 
 .navbar-light .navbar-nav .nav-link {
-  color: rgba(33, 43, 54, 0.72); }
+  color: rgba(35, 46, 60, 0.66); }
   .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
     color: rgba(0, 0, 0, 0.7); }
   .navbar-light .navbar-nav .nav-link.disabled {
-    color: rgba(33, 43, 54, 0.3); }
+    color: rgba(35, 46, 60, 0.3); }
 
 .navbar-light .navbar-nav .show > .nav-link,
 .navbar-light .navbar-nav .nav-link.active {
-  color: #212b36; }
+  color: #232e3c; }
 
 .navbar-light .navbar-toggler {
-  color: rgba(33, 43, 54, 0.72);
+  color: rgba(35, 46, 60, 0.66);
   border-color: rgba(0, 0, 0, 0.1); }
 
 .navbar-light .navbar-toggler-icon {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 43, 54, 0.72%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2835, 46, 60, 0.66%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
 
 .navbar-light .navbar-text {
-  color: rgba(33, 43, 54, 0.72); }
+  color: rgba(35, 46, 60, 0.66); }
   .navbar-light .navbar-text a,
   .navbar-light .navbar-text a:hover,
   .navbar-light .navbar-text a:focus {
-    color: #212b36; }
+    color: #232e3c; }
 
 .navbar-dark .navbar-brand {
   color: #ffffff; }
@@ -3021,7 +2866,7 @@ progress {
     color: #ffffff; }
 
 .navbar-dark .navbar-nav .nav-link {
-  color: rgba(255, 255, 255, 0.72); }
+  color: rgba(255, 255, 255, 0.66); }
   .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
     color: rgba(255, 255, 255, 0.75); }
   .navbar-dark .navbar-nav .nav-link.disabled {
@@ -3032,14 +2877,14 @@ progress {
   color: #ffffff; }
 
 .navbar-dark .navbar-toggler {
-  color: rgba(255, 255, 255, 0.72);
+  color: rgba(255, 255, 255, 0.66);
   border-color: rgba(255, 255, 255, 0.1); }
 
 .navbar-dark .navbar-toggler-icon {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.72%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.66%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
 
 .navbar-dark .navbar-text {
-  color: rgba(255, 255, 255, 0.72); }
+  color: rgba(255, 255, 255, 0.66); }
   .navbar-dark .navbar-text a,
   .navbar-dark .navbar-text a:hover,
   .navbar-dark .navbar-text a:focus {
@@ -3053,7 +2898,7 @@ progress {
   word-wrap: break-word;
   background-color: #ffffff;
   background-clip: border-box;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid rgba(110, 117, 126, 0.16);
   border-radius: 3px; }
   .card > hr, .card > .hr {
     margin-right: 0;
@@ -3096,15 +2941,15 @@ progress {
 .card-header {
   padding: 0.75rem 1.25rem;
   margin-bottom: 0;
-  background-color: rgba(53, 64, 82, 0.024);
-  border-bottom: 1px solid rgba(95, 102, 110, 0.2); }
+  background-color: rgba(35, 46, 60, 0.024);
+  border-bottom: 1px solid rgba(110, 117, 126, 0.16); }
   .card-header:first-child {
     border-radius: 2px 2px 0 0; }
 
 .card-footer {
   padding: 0.75rem 1.25rem;
-  background-color: rgba(53, 64, 82, 0.024);
-  border-top: 1px solid rgba(95, 102, 110, 0.2); }
+  background-color: rgba(35, 46, 60, 0.024);
+  border-top: 1px solid rgba(110, 117, 126, 0.16); }
   .card-footer:last-child {
     border-radius: 0 0 2px 2px; }
 
@@ -3148,7 +2993,7 @@ progress {
 .card-group > .card {
   margin-bottom: 1.5rem; }
 
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .card-group {
     display: flex;
     flex-flow: row wrap; }
@@ -3198,20 +3043,19 @@ progress {
   padding: 0.5rem 1rem;
   margin-bottom: 1rem;
   list-style: none;
-  background-color: #f1f3f8;
+  background-color: #edf0f4;
   border-radius: 3px; }
 
-.breadcrumb-item {
-  display: flex; }
-  .breadcrumb-item + .breadcrumb-item {
-    padding-left: 0.5rem; }
-    .breadcrumb-item + .breadcrumb-item::before {
-      display: inline-block;
-      padding-right: 0.5rem;
-      color: #a8aeb7;
-      content: "/"; }
-  .breadcrumb-item.active {
-    color: #a8aeb7; }
+.breadcrumb-item + .breadcrumb-item {
+  padding-left: 0.5rem; }
+  .breadcrumb-item + .breadcrumb-item::before {
+    float: left;
+    padding-right: 0.5rem;
+    color: #9fa5ad;
+    content: "/"; }
+
+.breadcrumb-item.active {
+  color: #9fa5ad; }
 
 .pagination {
   display: flex;
@@ -3221,22 +3065,23 @@ progress {
 .page-link {
   position: relative;
   display: block;
-  color: #5f666e;
+  color: #6e757e;
   background-color: transparent;
-  border: 0 solid #e9ecf1;
+  border: 0 solid #e5e8ed;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
   @media (prefers-reduced-motion: reduce) {
     .page-link {
       transition: none; } }
   .page-link:hover {
     z-index: 2;
-    color: #154782;
-    background-color: #f1f3f8;
-    border-color: #e9ecf1; }
+    color: #1a569d;
+    text-decoration: none;
+    background-color: #edf0f4;
+    border-color: #e5e8ed; }
   .page-link:focus {
     z-index: 3;
-    color: #154782;
-    background-color: #f1f3f8;
+    color: #1a569d;
+    background-color: #edf0f4;
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
 
@@ -3250,10 +3095,10 @@ progress {
   border-color: #206bc4; }
 
 .page-item.disabled .page-link {
-  color: rgba(95, 102, 110, 0.5);
+  color: rgba(110, 117, 126, 0.5);
   pointer-events: none;
   background-color: transparent;
-  border-color: #e9ecf1; }
+  border-color: #e5e8ed; }
 
 .page-link {
   padding: 0.25rem 0.25rem; }
@@ -3280,7 +3125,7 @@ progress {
 
 .pagination-sm .page-link {
   padding: 0.25rem 0.5rem;
-  font-size: 0.76562rem; }
+  font-size: 0.765625rem; }
 
 .pagination-sm .page-item:first-child .page-link {
   border-top-left-radius: 0.2rem;
@@ -3293,7 +3138,7 @@ progress {
 .badge {
   display: inline-block;
   padding: 0.35em 0.65em;
-  font-size: 0.75em;
+  font-size: 85.7142857%;
   font-weight: 500;
   line-height: 1;
   color: #ffffff;
@@ -3319,7 +3164,7 @@ progress {
   color: inherit; }
 
 .alert-link {
-  font-weight: 500; }
+  font-weight: 600; }
 
 .alert-dismissible {
   padding-right: 3rem; }
@@ -3327,63 +3172,64 @@ progress {
     position: absolute;
     top: 0;
     right: 0;
+    z-index: 2;
     padding: 1.25rem 1rem; }
 
 .alert-primary {
-  color: #061527;
+  color: #103662;
   background-color: #d2e1f3;
-  border-color: #a6c4e7; }
+  border-color: #bcd3ed; }
   .alert-primary .alert-link {
-    color: black; }
+    color: #0d2b4e; }
 
 .alert-secondary {
-  color: #131416;
-  background-color: #dfe0e2;
-  border-color: #bfc2c5; }
+  color: #373b3f;
+  background-color: #e2e3e5;
+  border-color: #d4d6d8; }
   .alert-secondary .alert-link {
-    color: black; }
+    color: #2c2f32; }
 
 .alert-success {
-  color: #132500;
+  color: #2f5d00;
   background-color: #dff1cc;
-  border-color: #bfe399; }
+  border-color: #cfeab3; }
   .alert-success .alert-link {
-    color: black; }
+    color: #264a00; }
 
 .alert-info {
-  color: #0e2230;
-  background-color: #daeefc;
-  border-color: #b5ddfa; }
+  color: #214d71;
+  background-color: #d9ebf9;
+  border-color: #c6e0f6; }
   .alert-info .alert-link {
-    color: #020609; }
+    color: #1a3e5a; }
 
 .alert-warning {
-  color: #322301;
-  background-color: #feefcd;
-  border-color: #fddf9b; }
+  color: #77451b;
+  background-color: #fbe7d7;
+  border-color: #fadcc3; }
   .alert-warning .alert-link {
-    color: black; }
+    color: #5f3716; }
 
 .alert-danger {
-  color: #290606;
-  background-color: #f5d2d2;
-  border-color: #eba6a5; }
+  color: #731f1f;
+  background-color: #fad8d8;
+  border-color: #f7c5c5; }
   .alert-danger .alert-link {
-    color: black; }
+    color: #5c1919; }
 
 .alert-light {
-  color: #313132;
-  background-color: #fdfdfe;
+  color: #797a7c;
+  background-color: #fcfdfe;
   border-color: #fbfcfd; }
   .alert-light .alert-link {
-    color: #181818; }
+    color: #616263; }
 
 .alert-dark {
-  color: #0b0d10;
-  background-color: #d7d9dc;
-  border-color: #aeb3ba; }
+  color: #12171e;
+  background-color: #d3d5d8;
+  border-color: #bdc0c5; }
   .alert-dark .alert-link {
-    color: black; }
+    color: #0e1218; }
 
 @-webkit-keyframes progress-bar-stripes {
   0% {
@@ -3398,7 +3244,7 @@ progress {
   height: 0.5rem;
   overflow: hidden;
   font-size: 0.65625rem;
-  background-color: rgba(176, 181, 190, 0.24);
+  background-color: rgba(167, 173, 180, 0.24);
   border-radius: 3px; }
 
 .progress-bar {
@@ -3442,17 +3288,17 @@ progress {
     z-index: 1;
     color: inherit;
     text-decoration: none;
-    background-color: #f5f7fb; }
+    background-color: #f1f4f8; }
   .list-group-item-action:active {
-    color: #212b36;
-    background-color: #f1f3f8; }
+    color: #232e3c;
+    background-color: #edf0f4; }
 
 .list-group-item {
   position: relative;
   display: block;
   padding: 0.5rem 0.75rem;
   background-color: inherit;
-  border: 1px solid rgba(95, 102, 110, 0.2); }
+  border: 1px solid #e8e9ea; }
   .list-group-item:first-child {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit; }
@@ -3460,7 +3306,7 @@ progress {
     border-bottom-right-radius: inherit;
     border-bottom-left-radius: inherit; }
   .list-group-item.disabled, .list-group-item:disabled {
-    color: #a8aeb7;
+    color: #9fa5ad;
     pointer-events: none;
     background-color: inherit; }
   .list-group-item.active {
@@ -3491,7 +3337,7 @@ progress {
       margin-left: -1px;
       border-left-width: 1px; }
 
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .list-group-horizontal-sm {
     flex-direction: row; }
     .list-group-horizontal-sm > .list-group-item:first-child {
@@ -3509,7 +3355,7 @@ progress {
         margin-left: -1px;
         border-left-width: 1px; } }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .list-group-horizontal-md {
     flex-direction: row; }
     .list-group-horizontal-md > .list-group-item:first-child {
@@ -3527,7 +3373,7 @@ progress {
         margin-left: -1px;
         border-left-width: 1px; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .list-group-horizontal-lg {
     flex-direction: row; }
     .list-group-horizontal-lg > .list-group-item:first-child {
@@ -3545,7 +3391,7 @@ progress {
         margin-left: -1px;
         border-left-width: 1px; } }
 
-@media (min-width: 75.25rem) {
+@media (min-width: 1200px) {
   .list-group-horizontal-xl {
     flex-direction: row; }
     .list-group-horizontal-xl > .list-group-item:first-child {
@@ -3563,6 +3409,24 @@ progress {
         margin-left: -1px;
         border-left-width: 1px; } }
 
+@media (min-width: 1400px) {
+  .list-group-horizontal-xxl {
+    flex-direction: row; }
+    .list-group-horizontal-xxl > .list-group-item:first-child {
+      border-bottom-left-radius: 3px;
+      border-top-right-radius: 0; }
+    .list-group-horizontal-xxl > .list-group-item:last-child {
+      border-top-right-radius: 3px;
+      border-bottom-left-radius: 0; }
+    .list-group-horizontal-xxl > .list-group-item.active {
+      margin-top: 0; }
+    .list-group-horizontal-xxl > .list-group-item + .list-group-item {
+      border-top-width: 1px;
+      border-left-width: 0; }
+      .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
+        margin-left: -1px;
+        border-left-width: 1px; } }
+
 .list-group-flush {
   border-radius: 0; }
   .list-group-flush > .list-group-item {
@@ -3571,106 +3435,105 @@ progress {
       border-bottom-width: 0; }
 
 .list-group-item-primary {
-  color: #0d2b4e;
-  background-color: #e9f0f9; }
+  color: #103662;
+  background-color: #d2e1f3; }
   .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
-    color: #0d2b4e;
-    background-color: #d5e2f4; }
+    color: #103662;
+    background-color: #bdcbdb; }
   .list-group-item-primary.list-group-item-action.active {
     color: #ffffff;
-    background-color: #0d2b4e;
-    border-color: #0d2b4e; }
+    background-color: #103662;
+    border-color: #103662; }
 
 .list-group-item-secondary {
-  color: #26292c;
-  background-color: #eff0f1; }
+  color: #373b3f;
+  background-color: #e2e3e5; }
   .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
-    color: #26292c;
-    background-color: #e1e3e5; }
+    color: #373b3f;
+    background-color: #cbccce; }
   .list-group-item-secondary.list-group-item-action.active {
     color: #ffffff;
-    background-color: #26292c;
-    border-color: #26292c; }
+    background-color: #373b3f;
+    border-color: #373b3f; }
 
 .list-group-item-success {
-  color: #264a00;
-  background-color: #eff8e6; }
+  color: #2f5d00;
+  background-color: #dff1cc; }
   .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
-    color: #264a00;
-    background-color: #e2f2d2; }
+    color: #2f5d00;
+    background-color: #c9d9b8; }
   .list-group-item-success.list-group-item-action.active {
     color: #ffffff;
-    background-color: #264a00;
-    border-color: #264a00; }
+    background-color: #2f5d00;
+    border-color: #2f5d00; }
 
 .list-group-item-info {
-  color: #1c4461;
-  background-color: #ecf7fe; }
+  color: #214d71;
+  background-color: #d9ebf9; }
   .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
-    color: #1c4461;
-    background-color: #d4edfd; }
+    color: #214d71;
+    background-color: #c3d4e0; }
   .list-group-item-info.list-group-item-action.active {
     color: #ffffff;
-    background-color: #1c4461;
-    border-color: #1c4461; }
+    background-color: #214d71;
+    border-color: #214d71; }
 
 .list-group-item-warning {
-  color: #644602;
-  background-color: #fff7e6; }
+  color: #77451b;
+  background-color: #fbe7d7; }
   .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
-    color: #644602;
-    background-color: #ffefcd; }
+    color: #77451b;
+    background-color: #e2d0c2; }
   .list-group-item-warning.list-group-item-action.active {
     color: #ffffff;
-    background-color: #644602;
-    border-color: #644602; }
+    background-color: #77451b;
+    border-color: #77451b; }
 
 .list-group-item-danger {
-  color: #520d0c;
-  background-color: #fae9e9; }
+  color: #731f1f;
+  background-color: #fad8d8; }
   .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
-    color: #520d0c;
-    background-color: #f5d4d4; }
+    color: #731f1f;
+    background-color: #e1c2c2; }
   .list-group-item-danger.list-group-item-action.active {
     color: #ffffff;
-    background-color: #520d0c;
-    border-color: #520d0c; }
+    background-color: #731f1f;
+    border-color: #731f1f; }
 
 .list-group-item-light {
-  color: #626364;
-  background-color: #fefeff; }
+  color: #797a7c;
+  background-color: #fcfdfe; }
   .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
-    color: #626364;
-    background-color: #e5e5ff; }
+    color: #797a7c;
+    background-color: #e3e4e5; }
   .list-group-item-light.list-group-item-action.active {
     color: #ffffff;
-    background-color: #626364;
-    border-color: #626364; }
+    background-color: #797a7c;
+    border-color: #797a7c; }
 
 .list-group-item-dark {
-  color: #151a21;
-  background-color: #ebecee; }
+  color: #12171e;
+  background-color: #d3d5d8; }
   .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
-    color: #151a21;
-    background-color: #dddfe2; }
+    color: #12171e;
+    background-color: #bec0c2; }
   .list-group-item-dark.list-group-item-action.active {
     color: #ffffff;
-    background-color: #151a21;
-    border-color: #151a21; }
+    background-color: #12171e;
+    border-color: #12171e; }
 
 .btn-close {
   box-sizing: content-box;
-  width: 1em;
-  height: 1em;
+  width: 0.75rem;
+  height: 0.75rem;
   padding: 0.25em 0.25em;
-  color: #000000;
-  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") no-repeat center center/1em auto;
-  background-clip: content-box;
+  color: inherit;
+  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='inherit' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") no-repeat center center/0.75rem auto;
   border: 0;
   border-radius: 3px;
   opacity: 0.5; }
   .btn-close:hover {
-    color: #000000;
+    color: inherit;
     text-decoration: none;
     opacity: 0.75; }
   .btn-close:focus {
@@ -3693,7 +3556,7 @@ progress {
   font-size: 0.875rem;
   background-color: rgba(255, 255, 255, 0.85);
   background-clip: padding-box;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid #e8e9ea;
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
   opacity: 0;
   border-radius: 3px; }
@@ -3711,7 +3574,7 @@ progress {
   display: flex;
   align-items: center;
   padding: 0.5rem 0.75rem;
-  color: #5f666e;
+  color: #6e757e;
   background-color: rgba(255, 255, 255, 0.85);
   background-clip: padding-box;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
@@ -3778,7 +3641,7 @@ progress {
   pointer-events: auto;
   background-color: #fbfbfb;
   background-clip: padding-box;
-  border: 1px solid rgba(95, 102, 110, 0.1);
+  border: 1px solid transparent;
   border-radius: 3px;
   outline: 0; }
 
@@ -3789,7 +3652,7 @@ progress {
   z-index: 1040;
   width: 100vw;
   height: 100vh;
-  background-color: #354052; }
+  background-color: #232e3c; }
   .modal-backdrop.fade {
     opacity: 0; }
   .modal-backdrop.show {
@@ -3801,7 +3664,7 @@ progress {
   align-items: center;
   justify-content: space-between;
   padding: 1.5rem;
-  border-bottom: 1px solid rgba(95, 102, 110, 0.1);
+  border-bottom: 1px solid #e8e9ea;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px; }
   .modal-header .btn-close {
@@ -3810,7 +3673,7 @@ progress {
 
 .modal-title {
   margin-bottom: 0;
-  line-height: 1.71429; }
+  line-height: 1.4285714; }
 
 .modal-body {
   position: relative;
@@ -3824,7 +3687,7 @@ progress {
   align-items: center;
   justify-content: flex-end;
   padding: 1.125rem;
-  border-top: 0 solid rgba(95, 102, 110, 0.1);
+  border-top: 0 solid #e8e9ea;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px; }
   .modal-footer > * {
@@ -3837,7 +3700,7 @@ progress {
   height: 50px;
   overflow: scroll; }
 
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .modal-dialog {
     max-width: 540px;
     margin: 1.75rem auto; }
@@ -3848,12 +3711,12 @@ progress {
   .modal-sm {
     max-width: 380px; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .modal-lg,
   .modal-xl {
     max-width: 720px; } }
 
-@media (min-width: 75.25rem) {
+@media (min-width: 1200px) {
   .modal-xl {
     max-width: 1140px; } }
 
@@ -3873,7 +3736,7 @@ progress {
   .modal-fullscreen .modal-footer {
     border-radius: 0; }
 
-@media (max-width: 32.98rem) {
+@media (max-width: 575.98px) {
   .modal-fullscreen-sm-down {
     width: 100vw;
     max-width: none;
@@ -3890,7 +3753,7 @@ progress {
     .modal-fullscreen-sm-down .modal-footer {
       border-radius: 0; } }
 
-@media (max-width: 47.98rem) {
+@media (max-width: 767.98px) {
   .modal-fullscreen-md-down {
     width: 100vw;
     max-width: none;
@@ -3907,7 +3770,7 @@ progress {
     .modal-fullscreen-md-down .modal-footer {
       border-radius: 0; } }
 
-@media (max-width: 63.98rem) {
+@media (max-width: 991.98px) {
   .modal-fullscreen-lg-down {
     width: 100vw;
     max-width: none;
@@ -3924,7 +3787,7 @@ progress {
     .modal-fullscreen-lg-down .modal-footer {
       border-radius: 0; } }
 
-@media (max-width: 75.23rem) {
+@media (max-width: 1199.98px) {
   .modal-fullscreen-xl-down {
     width: 100vw;
     max-width: none;
@@ -3941,15 +3804,32 @@ progress {
     .modal-fullscreen-xl-down .modal-footer {
       border-radius: 0; } }
 
+@media (max-width: 1399.98px) {
+  .modal-fullscreen-xxl-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0; }
+    .modal-fullscreen-xxl-down .modal-content {
+      height: 100%;
+      border: 0;
+      border-radius: 0; }
+    .modal-fullscreen-xxl-down .modal-header {
+      border-radius: 0; }
+    .modal-fullscreen-xxl-down .modal-body {
+      overflow-y: auto; }
+    .modal-fullscreen-xxl-down .modal-footer {
+      border-radius: 0; } }
+
 .tooltip {
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
-  font-family: var(--bs-font-sans-serif);
+  font-family: var(--tblr-font-sans-serif);
   font-style: normal;
   font-weight: 400;
-  line-height: 1.71429;
+  line-height: 1.4285714;
   text-align: left;
   text-align: start;
   text-decoration: none;
@@ -3960,7 +3840,7 @@ progress {
   word-spacing: normal;
   white-space: normal;
   line-break: auto;
-  font-size: 0.76562rem;
+  font-size: 0.765625rem;
   word-wrap: break-word;
   opacity: 0; }
   .tooltip.show {
@@ -4031,10 +3911,10 @@ progress {
   z-index: 1060;
   display: block;
   max-width: 276px;
-  font-family: var(--bs-font-sans-serif);
+  font-family: var(--tblr-font-sans-serif);
   font-style: normal;
   font-weight: 400;
-  line-height: 1.71429;
+  line-height: 1.4285714;
   text-align: left;
   text-align: start;
   text-decoration: none;
@@ -4045,11 +3925,11 @@ progress {
   word-spacing: normal;
   white-space: normal;
   line-break: auto;
-  font-size: 0.76562rem;
+  font-size: 0.765625rem;
   word-wrap: break-word;
   background-color: #ffffff;
   background-clip: padding-box;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid #e8e9ea;
   border-radius: 0.3rem; }
   .popover .popover-arrow {
     position: absolute;
@@ -4071,7 +3951,7 @@ progress {
     .bs-popover-top > .popover-arrow::before, .bs-popover-auto[x-placement^="top"] > .popover-arrow::before {
       bottom: 0;
       border-width: 0.5rem 0.5rem 0;
-      border-top-color: rgba(95, 102, 110, 0.25); }
+      border-top-color: #e8e9ea; }
     .bs-popover-top > .popover-arrow::after, .bs-popover-auto[x-placement^="top"] > .popover-arrow::after {
       bottom: 1px;
       border-width: 0.5rem 0.5rem 0;
@@ -4087,7 +3967,7 @@ progress {
     .bs-popover-right > .popover-arrow::before, .bs-popover-auto[x-placement^="right"] > .popover-arrow::before {
       left: 0;
       border-width: 0.5rem 0.5rem 0.5rem 0;
-      border-right-color: rgba(95, 102, 110, 0.25); }
+      border-right-color: #e8e9ea; }
     .bs-popover-right > .popover-arrow::after, .bs-popover-auto[x-placement^="right"] > .popover-arrow::after {
       left: 1px;
       border-width: 0.5rem 0.5rem 0.5rem 0;
@@ -4100,7 +3980,7 @@ progress {
     .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[x-placement^="bottom"] > .popover-arrow::before {
       top: 0;
       border-width: 0 0.5rem 0.5rem 0.5rem;
-      border-bottom-color: rgba(95, 102, 110, 0.25); }
+      border-bottom-color: #e8e9ea; }
     .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[x-placement^="bottom"] > .popover-arrow::after {
       top: 1px;
       border-width: 0 0.5rem 0.5rem 0.5rem;
@@ -4113,7 +3993,7 @@ progress {
     width: 1rem;
     margin-left: -0.5rem;
     content: "";
-    border-bottom: 1px solid #f7f7f7; }
+    border-bottom: 1px solid #f0f0f0; }
 
 .bs-popover-left, .bs-popover-auto[x-placement^="left"] {
   margin-right: 0.5rem; }
@@ -4125,7 +4005,7 @@ progress {
     .bs-popover-left > .popover-arrow::before, .bs-popover-auto[x-placement^="left"] > .popover-arrow::before {
       right: 0;
       border-width: 0.5rem 0 0.5rem 0.5rem;
-      border-left-color: rgba(95, 102, 110, 0.25); }
+      border-left-color: #e8e9ea; }
     .bs-popover-left > .popover-arrow::after, .bs-popover-auto[x-placement^="left"] > .popover-arrow::after {
       right: 1px;
       border-width: 0.5rem 0 0.5rem 0.5rem;
@@ -4135,8 +4015,8 @@ progress {
   padding: 0.5rem 1rem;
   margin-bottom: 0;
   font-size: 0.875rem;
-  background-color: #f7f7f7;
-  border-bottom: 1px solid #ebebeb;
+  background-color: #f0f0f0;
+  border-bottom: 1px solid #d8d8d8;
   border-top-left-radius: calc(0.3rem - 1px);
   border-top-right-radius: calc(0.3rem - 1px); }
   .popover-header:empty {
@@ -4144,7 +4024,7 @@ progress {
 
 .popover-body {
   padding: 1rem 1rem;
-  color: #212b36; }
+  color: #232e3c; }
 
 .carousel {
   position: relative; }
@@ -4361,6 +4241,12 @@ progress {
   width: 1rem;
   height: 1rem; }
 
+@media (prefers-reduced-motion: reduce) {
+  .spinner-border,
+  .spinner-grow {
+    -webkit-animation-duration: 1.5s;
+            animation-duration: 1.5s; } }
+
 .clearfix::after {
   display: block;
   clear: both;
@@ -4369,42 +4255,42 @@ progress {
 .link-primary {
   color: #206bc4; }
   .link-primary:hover, .link-primary:focus {
-    color: #154782; }
+    color: #1a569d; }
 
 .link-secondary {
-  color: #5f666e; }
+  color: #6e757e; }
   .link-secondary:hover, .link-secondary:focus {
-    color: #3c4045; }
+    color: #585e65; }
 
 .link-success {
   color: #5eba00; }
   .link-success:hover, .link-success:focus {
-    color: #376e00; }
+    color: #4b9500; }
 
 .link-info {
-  color: #45aaf2; }
+  color: #4299e1; }
   .link-info:hover, .link-info:focus {
-    color: #0f86db; }
+    color: #357ab4; }
 
 .link-warning {
-  color: #fab005; }
+  color: #ed8936; }
   .link-warning:hover, .link-warning:focus {
-    color: #af7b04; }
+    color: #be6e2b; }
 
 .link-danger {
-  color: #cd201f; }
+  color: #e53e3e; }
   .link-danger:hover, .link-danger:focus {
-    color: #8b1615; }
+    color: #b73232; }
 
 .link-light {
-  color: #f5f7fb; }
+  color: #f1f4f8; }
   .link-light:hover, .link-light:focus {
-    color: white; }
+    color: #f4f6f9; }
 
 .link-dark {
-  color: #354052; }
+  color: #232e3c; }
   .link-dark:hover, .link-dark:focus {
-    color: #171c24; }
+    color: #1c2530; }
 
 .ratio {
   position: relative;
@@ -4452,34 +4338,41 @@ progress {
   top: 0;
   z-index: 1020; }
 
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .sticky-sm-top {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020; } }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .sticky-md-top {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .sticky-lg-top {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020; } }
 
-@media (min-width: 75.25rem) {
+@media (min-width: 1200px) {
   .sticky-xl-top {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020; } }
 
+@media (min-width: 1400px) {
+  .sticky-xxl-top {
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0;
+    z-index: 1020; } }
+
 .visually-hidden,
 .visually-hidden-focusable:not(:focus) {
   position: absolute !important;
@@ -4525,10 +4418,10 @@ progress {
   vertical-align: text-top !important; }
 
 .float-left {
-  float: left !important; }
+  float: inline-start !important; }
 
 .float-right {
-  float: right !important; }
+  float: inline-end !important; }
 
 .float-none {
   float: none !important; }
@@ -4539,6 +4432,12 @@ progress {
 .overflow-hidden {
   overflow: hidden !important; }
 
+.overflow-visible {
+  overflow: visible !important; }
+
+.overflow-scroll {
+  overflow: scroll !important; }
+
 .d-inline {
   display: inline !important; }
 
@@ -4634,46 +4533,46 @@ progress {
   transform: translateX(-50%) translateY(-50%) !important; }
 
 .border {
-  border: 1px solid rgba(95, 102, 110, 0.2) !important; }
+  border: 1px solid rgba(110, 117, 126, 0.16) !important; }
 
 .border-wide {
-  border: 2px solid rgba(95, 102, 110, 0.2) !important; }
+  border: 2px solid rgba(110, 117, 126, 0.16) !important; }
 
 .border-0 {
   border: 0 !important; }
 
 .border-top {
-  border-top: 1px solid rgba(95, 102, 110, 0.2) !important; }
+  border-top: 1px solid rgba(110, 117, 126, 0.16) !important; }
 
 .border-top-wide {
-  border-top: 2px solid rgba(95, 102, 110, 0.2) !important; }
+  border-top: 2px solid rgba(110, 117, 126, 0.16) !important; }
 
 .border-top-0 {
   border-top: 0 !important; }
 
 .border-right {
-  border-right: 1px solid rgba(95, 102, 110, 0.2) !important; }
+  border-right: 1px solid rgba(110, 117, 126, 0.16) !important; }
 
 .border-right-wide {
-  border-right: 2px solid rgba(95, 102, 110, 0.2) !important; }
+  border-right: 2px solid rgba(110, 117, 126, 0.16) !important; }
 
 .border-right-0 {
   border-right: 0 !important; }
 
 .border-bottom {
-  border-bottom: 1px solid rgba(95, 102, 110, 0.2) !important; }
+  border-bottom: 1px solid rgba(110, 117, 126, 0.16) !important; }
 
 .border-bottom-wide {
-  border-bottom: 2px solid rgba(95, 102, 110, 0.2) !important; }
+  border-bottom: 2px solid rgba(110, 117, 126, 0.16) !important; }
 
 .border-bottom-0 {
   border-bottom: 0 !important; }
 
 .border-left {
-  border-left: 1px solid rgba(95, 102, 110, 0.2) !important; }
+  border-left: 1px solid rgba(110, 117, 126, 0.16) !important; }
 
 .border-left-wide {
-  border-left: 2px solid rgba(95, 102, 110, 0.2) !important; }
+  border-left: 2px solid rgba(110, 117, 126, 0.16) !important; }
 
 .border-left-0 {
   border-left: 0 !important; }
@@ -4682,25 +4581,25 @@ progress {
   border-color: #206bc4 !important; }
 
 .border-secondary {
-  border-color: #5f666e !important; }
+  border-color: #6e757e !important; }
 
 .border-success {
   border-color: #5eba00 !important; }
 
 .border-info {
-  border-color: #45aaf2 !important; }
+  border-color: #4299e1 !important; }
 
 .border-warning {
-  border-color: #fab005 !important; }
+  border-color: #ed8936 !important; }
 
 .border-danger {
-  border-color: #cd201f !important; }
+  border-color: #e53e3e !important; }
 
 .border-light {
-  border-color: #f5f7fb !important; }
+  border-color: #f1f4f8 !important; }
 
 .border-dark {
-  border-color: #354052 !important; }
+  border-color: #232e3c !important; }
 
 .border-white {
   border-color: #ffffff !important; }
@@ -4919,7 +4818,7 @@ progress {
   margin: 1rem !important; }
 
 .m-4 {
-  margin: 1.5rem !important; }
+  margin: 1.25rem !important; }
 
 .m-5 {
   margin: 3rem !important; }
@@ -4930,6 +4829,9 @@ progress {
 .m-auto {
   margin: auto !important; }
 
+.m {
+  margin: 1rem !important; }
+
 .mx-0 {
   margin-right: 0 !important;
   margin-left: 0 !important; }
@@ -4947,8 +4849,8 @@ progress {
   margin-left: 1rem !important; }
 
 .mx-4 {
-  margin-right: 1.5rem !important;
-  margin-left: 1.5rem !important; }
+  margin-right: 1.25rem !important;
+  margin-left: 1.25rem !important; }
 
 .mx-5 {
   margin-right: 3rem !important;
@@ -4979,8 +4881,8 @@ progress {
   margin-bottom: 1rem !important; }
 
 .my-4 {
-  margin-top: 1.5rem !important;
-  margin-bottom: 1.5rem !important; }
+  margin-top: 1.25rem !important;
+  margin-bottom: 1.25rem !important; }
 
 .my-5 {
   margin-top: 3rem !important;
@@ -5007,7 +4909,7 @@ progress {
   margin-top: 1rem !important; }
 
 .mt-4 {
-  margin-top: 1.5rem !important; }
+  margin-top: 1.25rem !important; }
 
 .mt-5 {
   margin-top: 3rem !important; }
@@ -5018,6 +4920,9 @@ progress {
 .mt-auto {
   margin-top: auto !important; }
 
+.mt {
+  margin-top: 1rem !important; }
+
 .mr-0 {
   -webkit-margin-end: 0 !important;
           margin-inline-end: 0 !important; }
@@ -5035,8 +4940,8 @@ progress {
           margin-inline-end: 1rem !important; }
 
 .mr-4 {
-  -webkit-margin-end: 1.5rem !important;
-          margin-inline-end: 1.5rem !important; }
+  -webkit-margin-end: 1.25rem !important;
+          margin-inline-end: 1.25rem !important; }
 
 .mr-5 {
   -webkit-margin-end: 3rem !important;
@@ -5050,6 +4955,10 @@ progress {
   -webkit-margin-end: auto !important;
           margin-inline-end: auto !important; }
 
+.mr {
+  -webkit-margin-end: 1rem !important;
+          margin-inline-end: 1rem !important; }
+
 .mb-0 {
   margin-bottom: 0 !important; }
 
@@ -5063,7 +4972,7 @@ progress {
   margin-bottom: 1rem !important; }
 
 .mb-4 {
-  margin-bottom: 1.5rem !important; }
+  margin-bottom: 1.25rem !important; }
 
 .mb-5 {
   margin-bottom: 3rem !important; }
@@ -5074,6 +4983,9 @@ progress {
 .mb-auto {
   margin-bottom: auto !important; }
 
+.mb {
+  margin-bottom: 1rem !important; }
+
 .ml-0 {
   -webkit-margin-start: 0 !important;
           margin-inline-start: 0 !important; }
@@ -5091,8 +5003,8 @@ progress {
           margin-inline-start: 1rem !important; }
 
 .ml-4 {
-  -webkit-margin-start: 1.5rem !important;
-          margin-inline-start: 1.5rem !important; }
+  -webkit-margin-start: 1.25rem !important;
+          margin-inline-start: 1.25rem !important; }
 
 .ml-5 {
   -webkit-margin-start: 3rem !important;
@@ -5106,6 +5018,10 @@ progress {
   -webkit-margin-start: auto !important;
           margin-inline-start: auto !important; }
 
+.ml {
+  -webkit-margin-start: 1rem !important;
+          margin-inline-start: 1rem !important; }
+
 .p-0 {
   padding: 0 !important; }
 
@@ -5119,7 +5035,7 @@ progress {
   padding: 1rem !important; }
 
 .p-4 {
-  padding: 1.5rem !important; }
+  padding: 1.25rem !important; }
 
 .p-5 {
   padding: 3rem !important; }
@@ -5144,8 +5060,8 @@ progress {
   padding-left: 1rem !important; }
 
 .px-4 {
-  padding-right: 1.5rem !important;
-  padding-left: 1.5rem !important; }
+  padding-right: 1.25rem !important;
+  padding-left: 1.25rem !important; }
 
 .px-5 {
   padding-right: 3rem !important;
@@ -5172,8 +5088,8 @@ progress {
   padding-bottom: 1rem !important; }
 
 .py-4 {
-  padding-top: 1.5rem !important;
-  padding-bottom: 1.5rem !important; }
+  padding-top: 1.25rem !important;
+  padding-bottom: 1.25rem !important; }
 
 .py-5 {
   padding-top: 3rem !important;
@@ -5196,7 +5112,7 @@ progress {
   padding-top: 1rem !important; }
 
 .pt-4 {
-  padding-top: 1.5rem !important; }
+  padding-top: 1.25rem !important; }
 
 .pt-5 {
   padding-top: 3rem !important; }
@@ -5221,8 +5137,8 @@ progress {
           padding-inline-end: 1rem !important; }
 
 .pr-4 {
-  -webkit-padding-end: 1.5rem !important;
-          padding-inline-end: 1.5rem !important; }
+  -webkit-padding-end: 1.25rem !important;
+          padding-inline-end: 1.25rem !important; }
 
 .pr-5 {
   -webkit-padding-end: 3rem !important;
@@ -5245,7 +5161,7 @@ progress {
   padding-bottom: 1rem !important; }
 
 .pb-4 {
-  padding-bottom: 1.5rem !important; }
+  padding-bottom: 1.25rem !important; }
 
 .pb-5 {
   padding-bottom: 3rem !important; }
@@ -5270,8 +5186,8 @@ progress {
           padding-inline-start: 1rem !important; }
 
 .pl-4 {
-  -webkit-padding-start: 1.5rem !important;
-          padding-inline-start: 1.5rem !important; }
+  -webkit-padding-start: 1.25rem !important;
+          padding-inline-start: 1.25rem !important; }
 
 .pl-5 {
   -webkit-padding-start: 3rem !important;
@@ -5281,6 +5197,30 @@ progress {
   -webkit-padding-start: 4.5rem !important;
           padding-inline-start: 4.5rem !important; }
 
+.text-h1 {
+  font-size: 1.75rem !important; }
+
+.text-h2 {
+  font-size: 1.25rem !important; }
+
+.text-h3 {
+  font-size: 1rem !important; }
+
+.text-h4 {
+  font-size: 0.875rem !important; }
+
+.text-h5 {
+  font-size: 0.75rem !important; }
+
+.text-h6 {
+  font-size: 0.625rem !important; }
+
+.fst-italic {
+  font-style: italic !important; }
+
+.fst-normal {
+  font-style: normal !important; }
+
 .font-weight-light {
   font-weight: 300 !important; }
 
@@ -5290,17 +5230,8 @@ progress {
 .font-weight-medium {
   font-weight: 500 !important; }
 
-.font-weight-semibold {
-  font-weight: 600 !important; }
-
 .font-weight-bold {
-  font-weight: 700 !important; }
-
-.font-weight-extrabold {
-  font-weight: 800 !important; }
-
-.font-weight-black {
-  font-weight: 900 !important; }
+  font-weight: 600 !important; }
 
 .text-lowercase {
   text-transform: lowercase !important; }
@@ -5324,34 +5255,34 @@ progress {
   color: #206bc4 !important; }
 
 .text-secondary {
-  color: #5f666e !important; }
+  color: #6e757e !important; }
 
 .text-success {
   color: #5eba00 !important; }
 
 .text-info {
-  color: #45aaf2 !important; }
+  color: #4299e1 !important; }
 
 .text-warning {
-  color: #fab005 !important; }
+  color: #ed8936 !important; }
 
 .text-danger {
-  color: #cd201f !important; }
+  color: #e53e3e !important; }
 
 .text-light {
-  color: #f5f7fb !important; }
+  color: #f1f4f8 !important; }
 
 .text-dark {
-  color: #354052 !important; }
+  color: #232e3c !important; }
 
 .text-white {
   color: #ffffff !important; }
 
 .text-body {
-  color: #212b36 !important; }
+  color: #232e3c !important; }
 
 .text-muted {
-  color: #5f666e !important; }
+  color: #6e757e !important; }
 
 .text-black-50 {
   color: rgba(0, 0, 0, 0.5) !important; }
@@ -5366,40 +5297,40 @@ progress {
   line-height: 1 !important; }
 
 .lh-sm {
-  line-height: 1.42857 !important; }
+  line-height: 1.1428571 !important; }
 
 .lh-base {
-  line-height: 1.71429 !important; }
+  line-height: 1.4285714 !important; }
 
 .lh-lg {
-  line-height: 2.28571 !important; }
+  line-height: 1.7142857 !important; }
 
 .bg-primary {
   background-color: #206bc4 !important; }
 
 .bg-secondary {
-  background-color: #5f666e !important; }
+  background-color: #6e757e !important; }
 
 .bg-success {
   background-color: #5eba00 !important; }
 
 .bg-info {
-  background-color: #45aaf2 !important; }
+  background-color: #4299e1 !important; }
 
 .bg-warning {
-  background-color: #fab005 !important; }
+  background-color: #ed8936 !important; }
 
 .bg-danger {
-  background-color: #cd201f !important; }
+  background-color: #e53e3e !important; }
 
 .bg-light {
-  background-color: #f5f7fb !important; }
+  background-color: #f1f4f8 !important; }
 
 .bg-dark {
-  background-color: #354052 !important; }
+  background-color: #232e3c !important; }
 
 .bg-body {
-  background-color: #f5f7fb !important; }
+  background-color: #f1f4f8 !important; }
 
 .bg-white {
   background-color: #ffffff !important; }
@@ -5408,7 +5339,7 @@ progress {
   background-color: transparent !important; }
 
 .bg-gradient {
-  background-image: var(--bs-gradient) !important; }
+  background-image: var(--tblr-gradient) !important; }
 
 .text-wrap {
   white-space: normal !important; }
@@ -5425,18 +5356,12 @@ progress {
 .text-decoration-line-through {
   text-decoration: line-through !important; }
 
-.font-italic {
-  font-style: italic !important; }
-
-.font-normal {
-  font-style: normal !important; }
-
 .text-break {
   word-wrap: break-word !important;
   word-break: break-word !important; }
 
 .font-monospace {
-  font-family: var(--bs-font-monospace) !important; }
+  font-family: var(--tblr-font-monospace) !important; }
 
 .user-select-all {
   -webkit-user-select: all !important;
@@ -5465,10 +5390,16 @@ progress {
 .rounded {
   border-radius: 3px !important; }
 
-.rounded-sm {
+.rounded-0 {
+  border-radius: 0 !important; }
+
+.rounded-1 {
   border-radius: 0.2rem !important; }
 
-.rounded-lg {
+.rounded-2 {
+  border-radius: 3px !important; }
+
+.rounded-3 {
   border-radius: 0.3rem !important; }
 
 .rounded-circle {
@@ -5477,9 +5408,6 @@ progress {
 .rounded-pill {
   border-radius: 50rem !important; }
 
-.rounded-0 {
-  border-radius: 0 !important; }
-
 .rounded-top {
   border-top-left-radius: 3px !important;
   border-top-right-radius: 3px !important; }
@@ -5549,50 +5477,11 @@ progress {
 .cursor-zoom-out {
   cursor: zoom-out !important; }
 
-.text-h1 {
-  font-size: 1.75rem !important; }
-
-.text-h2 {
-  font-size: 1.25rem !important; }
-
-.text-h3 {
-  font-size: 1rem !important; }
-
-.text-h4 {
-  font-size: 0.875rem !important; }
-
-.text-h5 {
-  font-size: 0.75rem !important; }
-
-.text-h6 {
-  font-size: 0.625rem !important; }
-
-.leading-0 {
-  line-height: 0 !important; }
-
-.leading-1 {
-  line-height: 0.25rem !important; }
-
-.leading-2 {
-  line-height: 0.5rem !important; }
-
-.leading-3 {
-  line-height: 1rem !important; }
-
-.leading-4 {
-  line-height: 1.5rem !important; }
-
-.leading-5 {
-  line-height: 3rem !important; }
-
-.leading-6 {
-  line-height: 4.5rem !important; }
-
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .float-sm-left {
-    float: left !important; }
+    float: inline-start !important; }
   .float-sm-right {
-    float: right !important; }
+    float: inline-end !important; }
   .float-sm-none {
     float: none !important; }
   .d-sm-inline {
@@ -5708,13 +5597,15 @@ progress {
   .m-sm-3 {
     margin: 1rem !important; }
   .m-sm-4 {
-    margin: 1.5rem !important; }
+    margin: 1.25rem !important; }
   .m-sm-5 {
     margin: 3rem !important; }
   .m-sm-6 {
     margin: 4.5rem !important; }
   .m-sm-auto {
     margin: auto !important; }
+  .m-sm {
+    margin: 1rem !important; }
   .mx-sm-0 {
     margin-right: 0 !important;
     margin-left: 0 !important; }
@@ -5728,8 +5619,8 @@ progress {
     margin-right: 1rem !important;
     margin-left: 1rem !important; }
   .mx-sm-4 {
-    margin-right: 1.5rem !important;
-    margin-left: 1.5rem !important; }
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important; }
   .mx-sm-5 {
     margin-right: 3rem !important;
     margin-left: 3rem !important; }
@@ -5752,8 +5643,8 @@ progress {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important; }
   .my-sm-4 {
-    margin-top: 1.5rem !important;
-    margin-bottom: 1.5rem !important; }
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important; }
   .my-sm-5 {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important; }
@@ -5772,13 +5663,15 @@ progress {
   .mt-sm-3 {
     margin-top: 1rem !important; }
   .mt-sm-4 {
-    margin-top: 1.5rem !important; }
+    margin-top: 1.25rem !important; }
   .mt-sm-5 {
     margin-top: 3rem !important; }
   .mt-sm-6 {
     margin-top: 4.5rem !important; }
   .mt-sm-auto {
     margin-top: auto !important; }
+  .mt-sm {
+    margin-top: 1rem !important; }
   .mr-sm-0 {
     -webkit-margin-end: 0 !important;
             margin-inline-end: 0 !important; }
@@ -5792,8 +5685,8 @@ progress {
     -webkit-margin-end: 1rem !important;
             margin-inline-end: 1rem !important; }
   .mr-sm-4 {
-    -webkit-margin-end: 1.5rem !important;
-            margin-inline-end: 1.5rem !important; }
+    -webkit-margin-end: 1.25rem !important;
+            margin-inline-end: 1.25rem !important; }
   .mr-sm-5 {
     -webkit-margin-end: 3rem !important;
             margin-inline-end: 3rem !important; }
@@ -5803,6 +5696,9 @@ progress {
   .mr-sm-auto {
     -webkit-margin-end: auto !important;
             margin-inline-end: auto !important; }
+  .mr-sm {
+    -webkit-margin-end: 1rem !important;
+            margin-inline-end: 1rem !important; }
   .mb-sm-0 {
     margin-bottom: 0 !important; }
   .mb-sm-1 {
@@ -5812,13 +5708,15 @@ progress {
   .mb-sm-3 {
     margin-bottom: 1rem !important; }
   .mb-sm-4 {
-    margin-bottom: 1.5rem !important; }
+    margin-bottom: 1.25rem !important; }
   .mb-sm-5 {
     margin-bottom: 3rem !important; }
   .mb-sm-6 {
     margin-bottom: 4.5rem !important; }
   .mb-sm-auto {
     margin-bottom: auto !important; }
+  .mb-sm {
+    margin-bottom: 1rem !important; }
   .ml-sm-0 {
     -webkit-margin-start: 0 !important;
             margin-inline-start: 0 !important; }
@@ -5832,8 +5730,8 @@ progress {
     -webkit-margin-start: 1rem !important;
             margin-inline-start: 1rem !important; }
   .ml-sm-4 {
-    -webkit-margin-start: 1.5rem !important;
-            margin-inline-start: 1.5rem !important; }
+    -webkit-margin-start: 1.25rem !important;
+            margin-inline-start: 1.25rem !important; }
   .ml-sm-5 {
     -webkit-margin-start: 3rem !important;
             margin-inline-start: 3rem !important; }
@@ -5843,6 +5741,9 @@ progress {
   .ml-sm-auto {
     -webkit-margin-start: auto !important;
             margin-inline-start: auto !important; }
+  .ml-sm {
+    -webkit-margin-start: 1rem !important;
+            margin-inline-start: 1rem !important; }
   .p-sm-0 {
     padding: 0 !important; }
   .p-sm-1 {
@@ -5852,7 +5753,7 @@ progress {
   .p-sm-3 {
     padding: 1rem !important; }
   .p-sm-4 {
-    padding: 1.5rem !important; }
+    padding: 1.25rem !important; }
   .p-sm-5 {
     padding: 3rem !important; }
   .p-sm-6 {
@@ -5870,8 +5771,8 @@ progress {
     padding-right: 1rem !important;
     padding-left: 1rem !important; }
   .px-sm-4 {
-    padding-right: 1.5rem !important;
-    padding-left: 1.5rem !important; }
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important; }
   .px-sm-5 {
     padding-right: 3rem !important;
     padding-left: 3rem !important; }
@@ -5891,8 +5792,8 @@ progress {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important; }
   .py-sm-4 {
-    padding-top: 1.5rem !important;
-    padding-bottom: 1.5rem !important; }
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important; }
   .py-sm-5 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important; }
@@ -5908,7 +5809,7 @@ progress {
   .pt-sm-3 {
     padding-top: 1rem !important; }
   .pt-sm-4 {
-    padding-top: 1.5rem !important; }
+    padding-top: 1.25rem !important; }
   .pt-sm-5 {
     padding-top: 3rem !important; }
   .pt-sm-6 {
@@ -5926,8 +5827,8 @@ progress {
     -webkit-padding-end: 1rem !important;
             padding-inline-end: 1rem !important; }
   .pr-sm-4 {
-    -webkit-padding-end: 1.5rem !important;
-            padding-inline-end: 1.5rem !important; }
+    -webkit-padding-end: 1.25rem !important;
+            padding-inline-end: 1.25rem !important; }
   .pr-sm-5 {
     -webkit-padding-end: 3rem !important;
             padding-inline-end: 3rem !important; }
@@ -5943,7 +5844,7 @@ progress {
   .pb-sm-3 {
     padding-bottom: 1rem !important; }
   .pb-sm-4 {
-    padding-bottom: 1.5rem !important; }
+    padding-bottom: 1.25rem !important; }
   .pb-sm-5 {
     padding-bottom: 3rem !important; }
   .pb-sm-6 {
@@ -5961,8 +5862,8 @@ progress {
     -webkit-padding-start: 1rem !important;
             padding-inline-start: 1rem !important; }
   .pl-sm-4 {
-    -webkit-padding-start: 1.5rem !important;
-            padding-inline-start: 1.5rem !important; }
+    -webkit-padding-start: 1.25rem !important;
+            padding-inline-start: 1.25rem !important; }
   .pl-sm-5 {
     -webkit-padding-start: 3rem !important;
             padding-inline-start: 3rem !important; }
@@ -5976,11 +5877,11 @@ progress {
   .text-sm-center {
     text-align: center !important; } }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .float-md-left {
-    float: left !important; }
+    float: inline-start !important; }
   .float-md-right {
-    float: right !important; }
+    float: inline-end !important; }
   .float-md-none {
     float: none !important; }
   .d-md-inline {
@@ -6096,13 +5997,15 @@ progress {
   .m-md-3 {
     margin: 1rem !important; }
   .m-md-4 {
-    margin: 1.5rem !important; }
+    margin: 1.25rem !important; }
   .m-md-5 {
     margin: 3rem !important; }
   .m-md-6 {
     margin: 4.5rem !important; }
   .m-md-auto {
     margin: auto !important; }
+  .m-md {
+    margin: 1rem !important; }
   .mx-md-0 {
     margin-right: 0 !important;
     margin-left: 0 !important; }
@@ -6116,8 +6019,8 @@ progress {
     margin-right: 1rem !important;
     margin-left: 1rem !important; }
   .mx-md-4 {
-    margin-right: 1.5rem !important;
-    margin-left: 1.5rem !important; }
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important; }
   .mx-md-5 {
     margin-right: 3rem !important;
     margin-left: 3rem !important; }
@@ -6140,8 +6043,8 @@ progress {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important; }
   .my-md-4 {
-    margin-top: 1.5rem !important;
-    margin-bottom: 1.5rem !important; }
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important; }
   .my-md-5 {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important; }
@@ -6160,13 +6063,15 @@ progress {
   .mt-md-3 {
     margin-top: 1rem !important; }
   .mt-md-4 {
-    margin-top: 1.5rem !important; }
+    margin-top: 1.25rem !important; }
   .mt-md-5 {
     margin-top: 3rem !important; }
   .mt-md-6 {
     margin-top: 4.5rem !important; }
   .mt-md-auto {
     margin-top: auto !important; }
+  .mt-md {
+    margin-top: 1rem !important; }
   .mr-md-0 {
     -webkit-margin-end: 0 !important;
             margin-inline-end: 0 !important; }
@@ -6180,8 +6085,8 @@ progress {
     -webkit-margin-end: 1rem !important;
             margin-inline-end: 1rem !important; }
   .mr-md-4 {
-    -webkit-margin-end: 1.5rem !important;
-            margin-inline-end: 1.5rem !important; }
+    -webkit-margin-end: 1.25rem !important;
+            margin-inline-end: 1.25rem !important; }
   .mr-md-5 {
     -webkit-margin-end: 3rem !important;
             margin-inline-end: 3rem !important; }
@@ -6191,6 +6096,9 @@ progress {
   .mr-md-auto {
     -webkit-margin-end: auto !important;
             margin-inline-end: auto !important; }
+  .mr-md {
+    -webkit-margin-end: 1rem !important;
+            margin-inline-end: 1rem !important; }
   .mb-md-0 {
     margin-bottom: 0 !important; }
   .mb-md-1 {
@@ -6200,13 +6108,15 @@ progress {
   .mb-md-3 {
     margin-bottom: 1rem !important; }
   .mb-md-4 {
-    margin-bottom: 1.5rem !important; }
+    margin-bottom: 1.25rem !important; }
   .mb-md-5 {
     margin-bottom: 3rem !important; }
   .mb-md-6 {
     margin-bottom: 4.5rem !important; }
   .mb-md-auto {
     margin-bottom: auto !important; }
+  .mb-md {
+    margin-bottom: 1rem !important; }
   .ml-md-0 {
     -webkit-margin-start: 0 !important;
             margin-inline-start: 0 !important; }
@@ -6220,8 +6130,8 @@ progress {
     -webkit-margin-start: 1rem !important;
             margin-inline-start: 1rem !important; }
   .ml-md-4 {
-    -webkit-margin-start: 1.5rem !important;
-            margin-inline-start: 1.5rem !important; }
+    -webkit-margin-start: 1.25rem !important;
+            margin-inline-start: 1.25rem !important; }
   .ml-md-5 {
     -webkit-margin-start: 3rem !important;
             margin-inline-start: 3rem !important; }
@@ -6231,6 +6141,9 @@ progress {
   .ml-md-auto {
     -webkit-margin-start: auto !important;
             margin-inline-start: auto !important; }
+  .ml-md {
+    -webkit-margin-start: 1rem !important;
+            margin-inline-start: 1rem !important; }
   .p-md-0 {
     padding: 0 !important; }
   .p-md-1 {
@@ -6240,7 +6153,7 @@ progress {
   .p-md-3 {
     padding: 1rem !important; }
   .p-md-4 {
-    padding: 1.5rem !important; }
+    padding: 1.25rem !important; }
   .p-md-5 {
     padding: 3rem !important; }
   .p-md-6 {
@@ -6258,8 +6171,8 @@ progress {
     padding-right: 1rem !important;
     padding-left: 1rem !important; }
   .px-md-4 {
-    padding-right: 1.5rem !important;
-    padding-left: 1.5rem !important; }
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important; }
   .px-md-5 {
     padding-right: 3rem !important;
     padding-left: 3rem !important; }
@@ -6279,8 +6192,8 @@ progress {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important; }
   .py-md-4 {
-    padding-top: 1.5rem !important;
-    padding-bottom: 1.5rem !important; }
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important; }
   .py-md-5 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important; }
@@ -6296,7 +6209,7 @@ progress {
   .pt-md-3 {
     padding-top: 1rem !important; }
   .pt-md-4 {
-    padding-top: 1.5rem !important; }
+    padding-top: 1.25rem !important; }
   .pt-md-5 {
     padding-top: 3rem !important; }
   .pt-md-6 {
@@ -6314,8 +6227,8 @@ progress {
     -webkit-padding-end: 1rem !important;
             padding-inline-end: 1rem !important; }
   .pr-md-4 {
-    -webkit-padding-end: 1.5rem !important;
-            padding-inline-end: 1.5rem !important; }
+    -webkit-padding-end: 1.25rem !important;
+            padding-inline-end: 1.25rem !important; }
   .pr-md-5 {
     -webkit-padding-end: 3rem !important;
             padding-inline-end: 3rem !important; }
@@ -6331,7 +6244,7 @@ progress {
   .pb-md-3 {
     padding-bottom: 1rem !important; }
   .pb-md-4 {
-    padding-bottom: 1.5rem !important; }
+    padding-bottom: 1.25rem !important; }
   .pb-md-5 {
     padding-bottom: 3rem !important; }
   .pb-md-6 {
@@ -6349,8 +6262,8 @@ progress {
     -webkit-padding-start: 1rem !important;
             padding-inline-start: 1rem !important; }
   .pl-md-4 {
-    -webkit-padding-start: 1.5rem !important;
-            padding-inline-start: 1.5rem !important; }
+    -webkit-padding-start: 1.25rem !important;
+            padding-inline-start: 1.25rem !important; }
   .pl-md-5 {
     -webkit-padding-start: 3rem !important;
             padding-inline-start: 3rem !important; }
@@ -6364,11 +6277,11 @@ progress {
   .text-md-center {
     text-align: center !important; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .float-lg-left {
-    float: left !important; }
+    float: inline-start !important; }
   .float-lg-right {
-    float: right !important; }
+    float: inline-end !important; }
   .float-lg-none {
     float: none !important; }
   .d-lg-inline {
@@ -6484,13 +6397,15 @@ progress {
   .m-lg-3 {
     margin: 1rem !important; }
   .m-lg-4 {
-    margin: 1.5rem !important; }
+    margin: 1.25rem !important; }
   .m-lg-5 {
     margin: 3rem !important; }
   .m-lg-6 {
     margin: 4.5rem !important; }
   .m-lg-auto {
     margin: auto !important; }
+  .m-lg {
+    margin: 1rem !important; }
   .mx-lg-0 {
     margin-right: 0 !important;
     margin-left: 0 !important; }
@@ -6504,8 +6419,8 @@ progress {
     margin-right: 1rem !important;
     margin-left: 1rem !important; }
   .mx-lg-4 {
-    margin-right: 1.5rem !important;
-    margin-left: 1.5rem !important; }
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important; }
   .mx-lg-5 {
     margin-right: 3rem !important;
     margin-left: 3rem !important; }
@@ -6528,8 +6443,8 @@ progress {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important; }
   .my-lg-4 {
-    margin-top: 1.5rem !important;
-    margin-bottom: 1.5rem !important; }
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important; }
   .my-lg-5 {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important; }
@@ -6548,13 +6463,15 @@ progress {
   .mt-lg-3 {
     margin-top: 1rem !important; }
   .mt-lg-4 {
-    margin-top: 1.5rem !important; }
+    margin-top: 1.25rem !important; }
   .mt-lg-5 {
     margin-top: 3rem !important; }
   .mt-lg-6 {
     margin-top: 4.5rem !important; }
   .mt-lg-auto {
     margin-top: auto !important; }
+  .mt-lg {
+    margin-top: 1rem !important; }
   .mr-lg-0 {
     -webkit-margin-end: 0 !important;
             margin-inline-end: 0 !important; }
@@ -6568,8 +6485,8 @@ progress {
     -webkit-margin-end: 1rem !important;
             margin-inline-end: 1rem !important; }
   .mr-lg-4 {
-    -webkit-margin-end: 1.5rem !important;
-            margin-inline-end: 1.5rem !important; }
+    -webkit-margin-end: 1.25rem !important;
+            margin-inline-end: 1.25rem !important; }
   .mr-lg-5 {
     -webkit-margin-end: 3rem !important;
             margin-inline-end: 3rem !important; }
@@ -6579,6 +6496,9 @@ progress {
   .mr-lg-auto {
     -webkit-margin-end: auto !important;
             margin-inline-end: auto !important; }
+  .mr-lg {
+    -webkit-margin-end: 1rem !important;
+            margin-inline-end: 1rem !important; }
   .mb-lg-0 {
     margin-bottom: 0 !important; }
   .mb-lg-1 {
@@ -6588,13 +6508,15 @@ progress {
   .mb-lg-3 {
     margin-bottom: 1rem !important; }
   .mb-lg-4 {
-    margin-bottom: 1.5rem !important; }
+    margin-bottom: 1.25rem !important; }
   .mb-lg-5 {
     margin-bottom: 3rem !important; }
   .mb-lg-6 {
     margin-bottom: 4.5rem !important; }
   .mb-lg-auto {
     margin-bottom: auto !important; }
+  .mb-lg {
+    margin-bottom: 1rem !important; }
   .ml-lg-0 {
     -webkit-margin-start: 0 !important;
             margin-inline-start: 0 !important; }
@@ -6608,8 +6530,8 @@ progress {
     -webkit-margin-start: 1rem !important;
             margin-inline-start: 1rem !important; }
   .ml-lg-4 {
-    -webkit-margin-start: 1.5rem !important;
-            margin-inline-start: 1.5rem !important; }
+    -webkit-margin-start: 1.25rem !important;
+            margin-inline-start: 1.25rem !important; }
   .ml-lg-5 {
     -webkit-margin-start: 3rem !important;
             margin-inline-start: 3rem !important; }
@@ -6619,6 +6541,9 @@ progress {
   .ml-lg-auto {
     -webkit-margin-start: auto !important;
             margin-inline-start: auto !important; }
+  .ml-lg {
+    -webkit-margin-start: 1rem !important;
+            margin-inline-start: 1rem !important; }
   .p-lg-0 {
     padding: 0 !important; }
   .p-lg-1 {
@@ -6628,7 +6553,7 @@ progress {
   .p-lg-3 {
     padding: 1rem !important; }
   .p-lg-4 {
-    padding: 1.5rem !important; }
+    padding: 1.25rem !important; }
   .p-lg-5 {
     padding: 3rem !important; }
   .p-lg-6 {
@@ -6646,8 +6571,8 @@ progress {
     padding-right: 1rem !important;
     padding-left: 1rem !important; }
   .px-lg-4 {
-    padding-right: 1.5rem !important;
-    padding-left: 1.5rem !important; }
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important; }
   .px-lg-5 {
     padding-right: 3rem !important;
     padding-left: 3rem !important; }
@@ -6667,8 +6592,8 @@ progress {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important; }
   .py-lg-4 {
-    padding-top: 1.5rem !important;
-    padding-bottom: 1.5rem !important; }
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important; }
   .py-lg-5 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important; }
@@ -6684,7 +6609,7 @@ progress {
   .pt-lg-3 {
     padding-top: 1rem !important; }
   .pt-lg-4 {
-    padding-top: 1.5rem !important; }
+    padding-top: 1.25rem !important; }
   .pt-lg-5 {
     padding-top: 3rem !important; }
   .pt-lg-6 {
@@ -6702,8 +6627,8 @@ progress {
     -webkit-padding-end: 1rem !important;
             padding-inline-end: 1rem !important; }
   .pr-lg-4 {
-    -webkit-padding-end: 1.5rem !important;
-            padding-inline-end: 1.5rem !important; }
+    -webkit-padding-end: 1.25rem !important;
+            padding-inline-end: 1.25rem !important; }
   .pr-lg-5 {
     -webkit-padding-end: 3rem !important;
             padding-inline-end: 3rem !important; }
@@ -6719,7 +6644,7 @@ progress {
   .pb-lg-3 {
     padding-bottom: 1rem !important; }
   .pb-lg-4 {
-    padding-bottom: 1.5rem !important; }
+    padding-bottom: 1.25rem !important; }
   .pb-lg-5 {
     padding-bottom: 3rem !important; }
   .pb-lg-6 {
@@ -6737,8 +6662,8 @@ progress {
     -webkit-padding-start: 1rem !important;
             padding-inline-start: 1rem !important; }
   .pl-lg-4 {
-    -webkit-padding-start: 1.5rem !important;
-            padding-inline-start: 1.5rem !important; }
+    -webkit-padding-start: 1.25rem !important;
+            padding-inline-start: 1.25rem !important; }
   .pl-lg-5 {
     -webkit-padding-start: 3rem !important;
             padding-inline-start: 3rem !important; }
@@ -6752,11 +6677,11 @@ progress {
   .text-lg-center {
     text-align: center !important; } }
 
-@media (min-width: 75.25rem) {
+@media (min-width: 1200px) {
   .float-xl-left {
-    float: left !important; }
+    float: inline-start !important; }
   .float-xl-right {
-    float: right !important; }
+    float: inline-end !important; }
   .float-xl-none {
     float: none !important; }
   .d-xl-inline {
@@ -6872,13 +6797,15 @@ progress {
   .m-xl-3 {
     margin: 1rem !important; }
   .m-xl-4 {
-    margin: 1.5rem !important; }
+    margin: 1.25rem !important; }
   .m-xl-5 {
     margin: 3rem !important; }
   .m-xl-6 {
     margin: 4.5rem !important; }
   .m-xl-auto {
     margin: auto !important; }
+  .m-xl {
+    margin: 1rem !important; }
   .mx-xl-0 {
     margin-right: 0 !important;
     margin-left: 0 !important; }
@@ -6892,8 +6819,8 @@ progress {
     margin-right: 1rem !important;
     margin-left: 1rem !important; }
   .mx-xl-4 {
-    margin-right: 1.5rem !important;
-    margin-left: 1.5rem !important; }
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important; }
   .mx-xl-5 {
     margin-right: 3rem !important;
     margin-left: 3rem !important; }
@@ -6916,8 +6843,8 @@ progress {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important; }
   .my-xl-4 {
-    margin-top: 1.5rem !important;
-    margin-bottom: 1.5rem !important; }
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important; }
   .my-xl-5 {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important; }
@@ -6936,13 +6863,15 @@ progress {
   .mt-xl-3 {
     margin-top: 1rem !important; }
   .mt-xl-4 {
-    margin-top: 1.5rem !important; }
+    margin-top: 1.25rem !important; }
   .mt-xl-5 {
     margin-top: 3rem !important; }
   .mt-xl-6 {
     margin-top: 4.5rem !important; }
   .mt-xl-auto {
     margin-top: auto !important; }
+  .mt-xl {
+    margin-top: 1rem !important; }
   .mr-xl-0 {
     -webkit-margin-end: 0 !important;
             margin-inline-end: 0 !important; }
@@ -6956,8 +6885,8 @@ progress {
     -webkit-margin-end: 1rem !important;
             margin-inline-end: 1rem !important; }
   .mr-xl-4 {
-    -webkit-margin-end: 1.5rem !important;
-            margin-inline-end: 1.5rem !important; }
+    -webkit-margin-end: 1.25rem !important;
+            margin-inline-end: 1.25rem !important; }
   .mr-xl-5 {
     -webkit-margin-end: 3rem !important;
             margin-inline-end: 3rem !important; }
@@ -6967,6 +6896,9 @@ progress {
   .mr-xl-auto {
     -webkit-margin-end: auto !important;
             margin-inline-end: auto !important; }
+  .mr-xl {
+    -webkit-margin-end: 1rem !important;
+            margin-inline-end: 1rem !important; }
   .mb-xl-0 {
     margin-bottom: 0 !important; }
   .mb-xl-1 {
@@ -6976,13 +6908,15 @@ progress {
   .mb-xl-3 {
     margin-bottom: 1rem !important; }
   .mb-xl-4 {
-    margin-bottom: 1.5rem !important; }
+    margin-bottom: 1.25rem !important; }
   .mb-xl-5 {
     margin-bottom: 3rem !important; }
   .mb-xl-6 {
     margin-bottom: 4.5rem !important; }
   .mb-xl-auto {
     margin-bottom: auto !important; }
+  .mb-xl {
+    margin-bottom: 1rem !important; }
   .ml-xl-0 {
     -webkit-margin-start: 0 !important;
             margin-inline-start: 0 !important; }
@@ -6996,8 +6930,8 @@ progress {
     -webkit-margin-start: 1rem !important;
             margin-inline-start: 1rem !important; }
   .ml-xl-4 {
-    -webkit-margin-start: 1.5rem !important;
-            margin-inline-start: 1.5rem !important; }
+    -webkit-margin-start: 1.25rem !important;
+            margin-inline-start: 1.25rem !important; }
   .ml-xl-5 {
     -webkit-margin-start: 3rem !important;
             margin-inline-start: 3rem !important; }
@@ -7007,6 +6941,9 @@ progress {
   .ml-xl-auto {
     -webkit-margin-start: auto !important;
             margin-inline-start: auto !important; }
+  .ml-xl {
+    -webkit-margin-start: 1rem !important;
+            margin-inline-start: 1rem !important; }
   .p-xl-0 {
     padding: 0 !important; }
   .p-xl-1 {
@@ -7016,7 +6953,7 @@ progress {
   .p-xl-3 {
     padding: 1rem !important; }
   .p-xl-4 {
-    padding: 1.5rem !important; }
+    padding: 1.25rem !important; }
   .p-xl-5 {
     padding: 3rem !important; }
   .p-xl-6 {
@@ -7034,8 +6971,8 @@ progress {
     padding-right: 1rem !important;
     padding-left: 1rem !important; }
   .px-xl-4 {
-    padding-right: 1.5rem !important;
-    padding-left: 1.5rem !important; }
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important; }
   .px-xl-5 {
     padding-right: 3rem !important;
     padding-left: 3rem !important; }
@@ -7055,8 +6992,8 @@ progress {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important; }
   .py-xl-4 {
-    padding-top: 1.5rem !important;
-    padding-bottom: 1.5rem !important; }
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important; }
   .py-xl-5 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important; }
@@ -7072,7 +7009,7 @@ progress {
   .pt-xl-3 {
     padding-top: 1rem !important; }
   .pt-xl-4 {
-    padding-top: 1.5rem !important; }
+    padding-top: 1.25rem !important; }
   .pt-xl-5 {
     padding-top: 3rem !important; }
   .pt-xl-6 {
@@ -7090,8 +7027,8 @@ progress {
     -webkit-padding-end: 1rem !important;
             padding-inline-end: 1rem !important; }
   .pr-xl-4 {
-    -webkit-padding-end: 1.5rem !important;
-            padding-inline-end: 1.5rem !important; }
+    -webkit-padding-end: 1.25rem !important;
+            padding-inline-end: 1.25rem !important; }
   .pr-xl-5 {
     -webkit-padding-end: 3rem !important;
             padding-inline-end: 3rem !important; }
@@ -7107,7 +7044,7 @@ progress {
   .pb-xl-3 {
     padding-bottom: 1rem !important; }
   .pb-xl-4 {
-    padding-bottom: 1.5rem !important; }
+    padding-bottom: 1.25rem !important; }
   .pb-xl-5 {
     padding-bottom: 3rem !important; }
   .pb-xl-6 {
@@ -7125,8 +7062,8 @@ progress {
     -webkit-padding-start: 1rem !important;
             padding-inline-start: 1rem !important; }
   .pl-xl-4 {
-    -webkit-padding-start: 1.5rem !important;
-            padding-inline-start: 1.5rem !important; }
+    -webkit-padding-start: 1.25rem !important;
+            padding-inline-start: 1.25rem !important; }
   .pl-xl-5 {
     -webkit-padding-start: 3rem !important;
             padding-inline-start: 3rem !important; }
@@ -7140,6 +7077,406 @@ progress {
   .text-xl-center {
     text-align: center !important; } }
 
+@media (min-width: 1400px) {
+  .float-xxl-left {
+    float: inline-start !important; }
+  .float-xxl-right {
+    float: inline-end !important; }
+  .float-xxl-none {
+    float: none !important; }
+  .d-xxl-inline {
+    display: inline !important; }
+  .d-xxl-inline-block {
+    display: inline-block !important; }
+  .d-xxl-block {
+    display: block !important; }
+  .d-xxl-table {
+    display: table !important; }
+  .d-xxl-table-row {
+    display: table-row !important; }
+  .d-xxl-table-cell {
+    display: table-cell !important; }
+  .d-xxl-flex {
+    display: flex !important; }
+  .d-xxl-inline-flex {
+    display: inline-flex !important; }
+  .d-xxl-none {
+    display: none !important; }
+  .flex-xxl-fill {
+    flex: 1 1 auto !important; }
+  .flex-xxl-row {
+    flex-direction: row !important; }
+  .flex-xxl-column {
+    flex-direction: column !important; }
+  .flex-xxl-row-reverse {
+    flex-direction: row-reverse !important; }
+  .flex-xxl-column-reverse {
+    flex-direction: column-reverse !important; }
+  .flex-xxl-grow-0 {
+    flex-grow: 0 !important; }
+  .flex-xxl-grow-1 {
+    flex-grow: 1 !important; }
+  .flex-xxl-shrink-0 {
+    flex-shrink: 0 !important; }
+  .flex-xxl-shrink-1 {
+    flex-shrink: 1 !important; }
+  .flex-xxl-wrap {
+    flex-wrap: wrap !important; }
+  .flex-xxl-nowrap {
+    flex-wrap: nowrap !important; }
+  .flex-xxl-wrap-reverse {
+    flex-wrap: wrap-reverse !important; }
+  .justify-content-xxl-start {
+    justify-content: flex-start !important; }
+  .justify-content-xxl-end {
+    justify-content: flex-end !important; }
+  .justify-content-xxl-center {
+    justify-content: center !important; }
+  .justify-content-xxl-between {
+    justify-content: space-between !important; }
+  .justify-content-xxl-around {
+    justify-content: space-around !important; }
+  .justify-content-xxl-evenly {
+    justify-content: space-evenly !important; }
+  .align-items-xxl-start {
+    align-items: flex-start !important; }
+  .align-items-xxl-end {
+    align-items: flex-end !important; }
+  .align-items-xxl-center {
+    align-items: center !important; }
+  .align-items-xxl-baseline {
+    align-items: baseline !important; }
+  .align-items-xxl-stretch {
+    align-items: stretch !important; }
+  .align-content-xxl-start {
+    align-content: flex-start !important; }
+  .align-content-xxl-end {
+    align-content: flex-end !important; }
+  .align-content-xxl-center {
+    align-content: center !important; }
+  .align-content-xxl-between {
+    align-content: space-between !important; }
+  .align-content-xxl-around {
+    align-content: space-around !important; }
+  .align-content-xxl-stretch {
+    align-content: stretch !important; }
+  .align-self-xxl-auto {
+    align-self: auto !important; }
+  .align-self-xxl-start {
+    align-self: flex-start !important; }
+  .align-self-xxl-end {
+    align-self: flex-end !important; }
+  .align-self-xxl-center {
+    align-self: center !important; }
+  .align-self-xxl-baseline {
+    align-self: baseline !important; }
+  .align-self-xxl-stretch {
+    align-self: stretch !important; }
+  .order-xxl-first {
+    order: -1 !important; }
+  .order-xxl-0 {
+    order: 0 !important; }
+  .order-xxl-1 {
+    order: 1 !important; }
+  .order-xxl-2 {
+    order: 2 !important; }
+  .order-xxl-3 {
+    order: 3 !important; }
+  .order-xxl-4 {
+    order: 4 !important; }
+  .order-xxl-5 {
+    order: 5 !important; }
+  .order-xxl-last {
+    order: 6 !important; }
+  .m-xxl-0 {
+    margin: 0 !important; }
+  .m-xxl-1 {
+    margin: 0.25rem !important; }
+  .m-xxl-2 {
+    margin: 0.5rem !important; }
+  .m-xxl-3 {
+    margin: 1rem !important; }
+  .m-xxl-4 {
+    margin: 1.25rem !important; }
+  .m-xxl-5 {
+    margin: 3rem !important; }
+  .m-xxl-6 {
+    margin: 4.5rem !important; }
+  .m-xxl-auto {
+    margin: auto !important; }
+  .m-xxl {
+    margin: 1rem !important; }
+  .mx-xxl-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important; }
+  .mx-xxl-1 {
+    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important; }
+  .mx-xxl-2 {
+    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important; }
+  .mx-xxl-3 {
+    margin-right: 1rem !important;
+    margin-left: 1rem !important; }
+  .mx-xxl-4 {
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important; }
+  .mx-xxl-5 {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important; }
+  .mx-xxl-6 {
+    margin-right: 4.5rem !important;
+    margin-left: 4.5rem !important; }
+  .mx-xxl-auto {
+    margin-right: auto !important;
+    margin-left: auto !important; }
+  .my-xxl-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important; }
+  .my-xxl-1 {
+    margin-top: 0.25rem !important;
+    margin-bottom: 0.25rem !important; }
+  .my-xxl-2 {
+    margin-top: 0.5rem !important;
+    margin-bottom: 0.5rem !important; }
+  .my-xxl-3 {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important; }
+  .my-xxl-4 {
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important; }
+  .my-xxl-5 {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important; }
+  .my-xxl-6 {
+    margin-top: 4.5rem !important;
+    margin-bottom: 4.5rem !important; }
+  .my-xxl-auto {
+    margin-top: auto !important;
+    margin-bottom: auto !important; }
+  .mt-xxl-0 {
+    margin-top: 0 !important; }
+  .mt-xxl-1 {
+    margin-top: 0.25rem !important; }
+  .mt-xxl-2 {
+    margin-top: 0.5rem !important; }
+  .mt-xxl-3 {
+    margin-top: 1rem !important; }
+  .mt-xxl-4 {
+    margin-top: 1.25rem !important; }
+  .mt-xxl-5 {
+    margin-top: 3rem !important; }
+  .mt-xxl-6 {
+    margin-top: 4.5rem !important; }
+  .mt-xxl-auto {
+    margin-top: auto !important; }
+  .mt-xxl {
+    margin-top: 1rem !important; }
+  .mr-xxl-0 {
+    -webkit-margin-end: 0 !important;
+            margin-inline-end: 0 !important; }
+  .mr-xxl-1 {
+    -webkit-margin-end: 0.25rem !important;
+            margin-inline-end: 0.25rem !important; }
+  .mr-xxl-2 {
+    -webkit-margin-end: 0.5rem !important;
+            margin-inline-end: 0.5rem !important; }
+  .mr-xxl-3 {
+    -webkit-margin-end: 1rem !important;
+            margin-inline-end: 1rem !important; }
+  .mr-xxl-4 {
+    -webkit-margin-end: 1.25rem !important;
+            margin-inline-end: 1.25rem !important; }
+  .mr-xxl-5 {
+    -webkit-margin-end: 3rem !important;
+            margin-inline-end: 3rem !important; }
+  .mr-xxl-6 {
+    -webkit-margin-end: 4.5rem !important;
+            margin-inline-end: 4.5rem !important; }
+  .mr-xxl-auto {
+    -webkit-margin-end: auto !important;
+            margin-inline-end: auto !important; }
+  .mr-xxl {
+    -webkit-margin-end: 1rem !important;
+            margin-inline-end: 1rem !important; }
+  .mb-xxl-0 {
+    margin-bottom: 0 !important; }
+  .mb-xxl-1 {
+    margin-bottom: 0.25rem !important; }
+  .mb-xxl-2 {
+    margin-bottom: 0.5rem !important; }
+  .mb-xxl-3 {
+    margin-bottom: 1rem !important; }
+  .mb-xxl-4 {
+    margin-bottom: 1.25rem !important; }
+  .mb-xxl-5 {
+    margin-bottom: 3rem !important; }
+  .mb-xxl-6 {
+    margin-bottom: 4.5rem !important; }
+  .mb-xxl-auto {
+    margin-bottom: auto !important; }
+  .mb-xxl {
+    margin-bottom: 1rem !important; }
+  .ml-xxl-0 {
+    -webkit-margin-start: 0 !important;
+            margin-inline-start: 0 !important; }
+  .ml-xxl-1 {
+    -webkit-margin-start: 0.25rem !important;
+            margin-inline-start: 0.25rem !important; }
+  .ml-xxl-2 {
+    -webkit-margin-start: 0.5rem !important;
+            margin-inline-start: 0.5rem !important; }
+  .ml-xxl-3 {
+    -webkit-margin-start: 1rem !important;
+            margin-inline-start: 1rem !important; }
+  .ml-xxl-4 {
+    -webkit-margin-start: 1.25rem !important;
+            margin-inline-start: 1.25rem !important; }
+  .ml-xxl-5 {
+    -webkit-margin-start: 3rem !important;
+            margin-inline-start: 3rem !important; }
+  .ml-xxl-6 {
+    -webkit-margin-start: 4.5rem !important;
+            margin-inline-start: 4.5rem !important; }
+  .ml-xxl-auto {
+    -webkit-margin-start: auto !important;
+            margin-inline-start: auto !important; }
+  .ml-xxl {
+    -webkit-margin-start: 1rem !important;
+            margin-inline-start: 1rem !important; }
+  .p-xxl-0 {
+    padding: 0 !important; }
+  .p-xxl-1 {
+    padding: 0.25rem !important; }
+  .p-xxl-2 {
+    padding: 0.5rem !important; }
+  .p-xxl-3 {
+    padding: 1rem !important; }
+  .p-xxl-4 {
+    padding: 1.25rem !important; }
+  .p-xxl-5 {
+    padding: 3rem !important; }
+  .p-xxl-6 {
+    padding: 4.5rem !important; }
+  .px-xxl-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important; }
+  .px-xxl-1 {
+    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important; }
+  .px-xxl-2 {
+    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important; }
+  .px-xxl-3 {
+    padding-right: 1rem !important;
+    padding-left: 1rem !important; }
+  .px-xxl-4 {
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important; }
+  .px-xxl-5 {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important; }
+  .px-xxl-6 {
+    padding-right: 4.5rem !important;
+    padding-left: 4.5rem !important; }
+  .py-xxl-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important; }
+  .py-xxl-1 {
+    padding-top: 0.25rem !important;
+    padding-bottom: 0.25rem !important; }
+  .py-xxl-2 {
+    padding-top: 0.5rem !important;
+    padding-bottom: 0.5rem !important; }
+  .py-xxl-3 {
+    padding-top: 1rem !important;
+    padding-bottom: 1rem !important; }
+  .py-xxl-4 {
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important; }
+  .py-xxl-5 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important; }
+  .py-xxl-6 {
+    padding-top: 4.5rem !important;
+    padding-bottom: 4.5rem !important; }
+  .pt-xxl-0 {
+    padding-top: 0 !important; }
+  .pt-xxl-1 {
+    padding-top: 0.25rem !important; }
+  .pt-xxl-2 {
+    padding-top: 0.5rem !important; }
+  .pt-xxl-3 {
+    padding-top: 1rem !important; }
+  .pt-xxl-4 {
+    padding-top: 1.25rem !important; }
+  .pt-xxl-5 {
+    padding-top: 3rem !important; }
+  .pt-xxl-6 {
+    padding-top: 4.5rem !important; }
+  .pr-xxl-0 {
+    -webkit-padding-end: 0 !important;
+            padding-inline-end: 0 !important; }
+  .pr-xxl-1 {
+    -webkit-padding-end: 0.25rem !important;
+            padding-inline-end: 0.25rem !important; }
+  .pr-xxl-2 {
+    -webkit-padding-end: 0.5rem !important;
+            padding-inline-end: 0.5rem !important; }
+  .pr-xxl-3 {
+    -webkit-padding-end: 1rem !important;
+            padding-inline-end: 1rem !important; }
+  .pr-xxl-4 {
+    -webkit-padding-end: 1.25rem !important;
+            padding-inline-end: 1.25rem !important; }
+  .pr-xxl-5 {
+    -webkit-padding-end: 3rem !important;
+            padding-inline-end: 3rem !important; }
+  .pr-xxl-6 {
+    -webkit-padding-end: 4.5rem !important;
+            padding-inline-end: 4.5rem !important; }
+  .pb-xxl-0 {
+    padding-bottom: 0 !important; }
+  .pb-xxl-1 {
+    padding-bottom: 0.25rem !important; }
+  .pb-xxl-2 {
+    padding-bottom: 0.5rem !important; }
+  .pb-xxl-3 {
+    padding-bottom: 1rem !important; }
+  .pb-xxl-4 {
+    padding-bottom: 1.25rem !important; }
+  .pb-xxl-5 {
+    padding-bottom: 3rem !important; }
+  .pb-xxl-6 {
+    padding-bottom: 4.5rem !important; }
+  .pl-xxl-0 {
+    -webkit-padding-start: 0 !important;
+            padding-inline-start: 0 !important; }
+  .pl-xxl-1 {
+    -webkit-padding-start: 0.25rem !important;
+            padding-inline-start: 0.25rem !important; }
+  .pl-xxl-2 {
+    -webkit-padding-start: 0.5rem !important;
+            padding-inline-start: 0.5rem !important; }
+  .pl-xxl-3 {
+    -webkit-padding-start: 1rem !important;
+            padding-inline-start: 1rem !important; }
+  .pl-xxl-4 {
+    -webkit-padding-start: 1.25rem !important;
+            padding-inline-start: 1.25rem !important; }
+  .pl-xxl-5 {
+    -webkit-padding-start: 3rem !important;
+            padding-inline-start: 3rem !important; }
+  .pl-xxl-6 {
+    -webkit-padding-start: 4.5rem !important;
+            padding-inline-start: 4.5rem !important; }
+  .text-xxl-left {
+    text-align: start !important; }
+  .text-xxl-right {
+    text-align: end !important; }
+  .text-xxl-center {
+    text-align: center !important; } }
+
 @media print {
   .d-print-inline {
     display: inline !important; }
@@ -7178,12 +7515,12 @@ body {
     transition: .3s background; }
   body .content *::-webkit-scrollbar-thumb {
     border-radius: 5px;
-    background: #dee1e7; }
+    background: #d8dce1; }
   body .content *::-webkit-scrollbar-corner {
     background: transparent; }
   body .content *:hover::-webkit-scrollbar-thumb {
-    background: #cbcfd6;
-    background: #cbcfd6; }
+    background: #c4c8cf;
+    background: #c4c8cf; }
   @media print {
     body {
       background: transparent; } }
@@ -7195,7 +7532,7 @@ Navbar
   align-items: stretch;
   min-height: 3.5rem;
   background: transparent;
-  color: rgba(33, 43, 54, 0.72); }
+  color: rgba(35, 46, 60, 0.66); }
   .navbar-collapse .navbar {
     flex-grow: 1; }
   .navbar.collapsing {
@@ -7207,43 +7544,43 @@ Navbar
     transition: .3s background; }
   .navbar::-webkit-scrollbar-thumb {
     border-radius: 5px;
-    background: #dee1e7; }
+    background: #d8dce1; }
   .navbar::-webkit-scrollbar-corner {
     background: transparent; }
   .navbar:hover::-webkit-scrollbar-thumb {
-    background: #cbcfd6;
-    background: #cbcfd6; }
+    background: #c4c8cf;
+    background: #c4c8cf; }
   .navbar .text-muted {
-    color: rgba(33, 43, 54, 0.5184) !important; }
+    color: rgba(35, 46, 60, 0.66) !important; }
   .navbar .navbar-brand {
-    color: #212b36; }
+    color: #232e3c; }
     .navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
-      color: #212b36;
+      color: #232e3c;
       opacity: .8; }
   .navbar .navbar-nav .nav-link {
-    color: rgba(33, 43, 54, 0.72); }
+    color: rgba(35, 46, 60, 0.66); }
     .navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link:focus {
-      color: #212b36; }
+      color: #232e3c; }
     .navbar .navbar-nav .nav-link.disabled {
-      color: rgba(33, 43, 54, 0.3); }
+      color: rgba(35, 46, 60, 0.3); }
   .navbar .navbar-nav .show > .nav-link,
   .navbar .navbar-nav .active > .nav-link,
   .navbar .navbar-nav .nav-link.show,
   .navbar .navbar-nav .nav-link.active {
-    color: #212b36; }
+    color: #232e3c; }
   .navbar .navbar-toggler {
-    color: #212b36;
+    color: #232e3c;
     border-color: transparent; }
   .navbar .navbar-text {
-    color: rgba(33, 43, 54, 0.72); }
+    color: rgba(35, 46, 60, 0.66); }
     .navbar .navbar-text a,
     .navbar .navbar-text a:hover,
     .navbar .navbar-text a:focus {
-      color: rgba(33, 43, 54, 0.72); }
+      color: rgba(35, 46, 60, 0.66); }
   @media not print {
     .theme-dark .navbar {
-      background: #354052;
-      color: rgba(255, 255, 255, 0.72); }
+      background: #232e3c;
+      color: rgba(255, 255, 255, 0.66); }
       .theme-dark .navbar::-webkit-scrollbar {
         width: 6px;
         height: 6px;
@@ -7251,21 +7588,21 @@ Navbar
         transition: .3s background; }
       .theme-dark .navbar::-webkit-scrollbar-thumb {
         border-radius: 5px;
-        background: #dee1e7; }
+        background: #d8dce1; }
       .theme-dark .navbar::-webkit-scrollbar-corner {
         background: transparent; }
       .theme-dark .navbar:hover::-webkit-scrollbar-thumb {
-        background: #cbcfd6;
-        background: #cbcfd6; }
+        background: #c4c8cf;
+        background: #c4c8cf; }
       .theme-dark .navbar .text-muted {
-        color: rgba(255, 255, 255, 0.5184) !important; }
+        color: rgba(255, 255, 255, 0.66) !important; }
       .theme-dark .navbar .navbar-brand {
         color: #ffffff; }
         .theme-dark .navbar .navbar-brand:hover, .theme-dark .navbar .navbar-brand:focus {
           color: #ffffff;
           opacity: .8; }
       .theme-dark .navbar .navbar-nav .nav-link {
-        color: rgba(255, 255, 255, 0.72); }
+        color: rgba(255, 255, 255, 0.66); }
         .theme-dark .navbar .navbar-nav .nav-link:hover, .theme-dark .navbar .navbar-nav .nav-link:focus {
           color: #ffffff; }
         .theme-dark .navbar .navbar-nav .nav-link.disabled {
@@ -7279,11 +7616,11 @@ Navbar
         color: #ffffff;
         border-color: transparent; }
       .theme-dark .navbar .navbar-text {
-        color: rgba(255, 255, 255, 0.72); }
+        color: rgba(255, 255, 255, 0.66); }
         .theme-dark .navbar .navbar-text a,
         .theme-dark .navbar .navbar-text a:hover,
         .theme-dark .navbar .navbar-text a:focus {
-          color: rgba(255, 255, 255, 0.72); }
+          color: rgba(255, 255, 255, 0.66); }
       .theme-dark .navbar::-webkit-scrollbar {
         width: 6px;
         height: 6px;
@@ -7295,27 +7632,27 @@ Navbar
       .theme-dark .navbar::-webkit-scrollbar-corner {
         background: transparent; }
       .theme-dark .navbar:hover::-webkit-scrollbar-thumb {
-        background: #cbcfd6;
-        background: #5d6675; }
+        background: #c4c8cf;
+        background: #4f5863; }
       .theme-dark .navbar .input-icon-addon {
-        color: rgba(245, 247, 251, 0.64); }
+        color: rgba(241, 244, 248, 0.64); }
       .theme-dark .navbar .form-control {
         border-color: transparent;
         background-color: rgba(0, 0, 0, 0.1); }
         .theme-dark .navbar .form-control::-webkit-input-placeholder {
-          color: rgba(245, 247, 251, 0.64); }
+          color: rgba(241, 244, 248, 0.64); }
         .theme-dark .navbar .form-control::-moz-placeholder {
-          color: rgba(245, 247, 251, 0.64); }
+          color: rgba(241, 244, 248, 0.64); }
         .theme-dark .navbar .form-control:-ms-input-placeholder {
-          color: rgba(245, 247, 251, 0.64); }
+          color: rgba(241, 244, 248, 0.64); }
         .theme-dark .navbar .form-control::-ms-input-placeholder {
-          color: rgba(245, 247, 251, 0.64); }
+          color: rgba(241, 244, 248, 0.64); }
         .theme-dark .navbar .form-control::placeholder {
-          color: rgba(245, 247, 251, 0.64); } }
+          color: rgba(241, 244, 248, 0.64); } }
   @media not print and (prefers-color-scheme: dark) {
     .theme-dark-auto .navbar {
-      background: #354052;
-      color: rgba(255, 255, 255, 0.72); }
+      background: #232e3c;
+      color: rgba(255, 255, 255, 0.66); }
       .theme-dark-auto .navbar::-webkit-scrollbar {
         width: 6px;
         height: 6px;
@@ -7323,21 +7660,21 @@ Navbar
         transition: .3s background; }
       .theme-dark-auto .navbar::-webkit-scrollbar-thumb {
         border-radius: 5px;
-        background: #dee1e7; }
+        background: #d8dce1; }
       .theme-dark-auto .navbar::-webkit-scrollbar-corner {
         background: transparent; }
       .theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb {
-        background: #cbcfd6;
-        background: #cbcfd6; }
+        background: #c4c8cf;
+        background: #c4c8cf; }
       .theme-dark-auto .navbar .text-muted {
-        color: rgba(255, 255, 255, 0.5184) !important; }
+        color: rgba(255, 255, 255, 0.66) !important; }
       .theme-dark-auto .navbar .navbar-brand {
         color: #ffffff; }
         .theme-dark-auto .navbar .navbar-brand:hover, .theme-dark-auto .navbar .navbar-brand:focus {
           color: #ffffff;
           opacity: .8; }
       .theme-dark-auto .navbar .navbar-nav .nav-link {
-        color: rgba(255, 255, 255, 0.72); }
+        color: rgba(255, 255, 255, 0.66); }
         .theme-dark-auto .navbar .navbar-nav .nav-link:hover, .theme-dark-auto .navbar .navbar-nav .nav-link:focus {
           color: #ffffff; }
         .theme-dark-auto .navbar .navbar-nav .nav-link.disabled {
@@ -7351,11 +7688,11 @@ Navbar
         color: #ffffff;
         border-color: transparent; }
       .theme-dark-auto .navbar .navbar-text {
-        color: rgba(255, 255, 255, 0.72); }
+        color: rgba(255, 255, 255, 0.66); }
         .theme-dark-auto .navbar .navbar-text a,
         .theme-dark-auto .navbar .navbar-text a:hover,
         .theme-dark-auto .navbar .navbar-text a:focus {
-          color: rgba(255, 255, 255, 0.72); }
+          color: rgba(255, 255, 255, 0.66); }
       .theme-dark-auto .navbar::-webkit-scrollbar {
         width: 6px;
         height: 6px;
@@ -7367,23 +7704,23 @@ Navbar
       .theme-dark-auto .navbar::-webkit-scrollbar-corner {
         background: transparent; }
       .theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb {
-        background: #cbcfd6;
-        background: #5d6675; }
+        background: #c4c8cf;
+        background: #4f5863; }
       .theme-dark-auto .navbar .input-icon-addon {
-        color: rgba(245, 247, 251, 0.64); }
+        color: rgba(241, 244, 248, 0.64); }
       .theme-dark-auto .navbar .form-control {
         border-color: transparent;
         background-color: rgba(0, 0, 0, 0.1); }
         .theme-dark-auto .navbar .form-control::-webkit-input-placeholder {
-          color: rgba(245, 247, 251, 0.64); }
+          color: rgba(241, 244, 248, 0.64); }
         .theme-dark-auto .navbar .form-control::-moz-placeholder {
-          color: rgba(245, 247, 251, 0.64); }
+          color: rgba(241, 244, 248, 0.64); }
         .theme-dark-auto .navbar .form-control:-ms-input-placeholder {
-          color: rgba(245, 247, 251, 0.64); }
+          color: rgba(241, 244, 248, 0.64); }
         .theme-dark-auto .navbar .form-control::-ms-input-placeholder {
-          color: rgba(245, 247, 251, 0.64); }
+          color: rgba(241, 244, 248, 0.64); }
         .theme-dark-auto .navbar .form-control::placeholder {
-          color: rgba(245, 247, 251, 0.64); } }
+          color: rgba(241, 244, 248, 0.64); } }
   .navbar .dropdown-menu {
     position: absolute;
     z-index: 1030; }
@@ -7401,16 +7738,20 @@ Navbar
         right: .375rem;
         transform: translate(50%, -50%); }
 
+.navbar-nav {
+  margin: 0;
+  padding: 0; }
+
 .navbar-expand-sm .navbar-collapse {
   flex-direction: column; }
   .navbar-expand-sm .navbar-collapse [class*="container"] {
     flex-direction: column;
     align-items: stretch; }
   .navbar-expand-sm .navbar-collapse .navbar-nav {
-    margin-left: -0.75rem;
-    margin-right: -0.75rem; }
+    margin-left: -1.5rem;
+    margin-right: -1.5rem; }
     .navbar-expand-sm .navbar-collapse .navbar-nav .nav-link {
-      padding: 0.5rem 0.75rem;
+      padding: 0.5rem 1.5rem;
       justify-content: flex-start; }
   .navbar-expand-sm .navbar-collapse .dropdown-menu {
     padding: 0;
@@ -7426,9 +7767,10 @@ Navbar
       min-width: 0;
       display: flex;
       width: auto;
-      padding-left: 2.25rem; }
+      padding-left: 3rem; }
   .navbar-expand-sm .navbar-collapse .dropdown-toggle:after {
-    margin-left: auto; }
+    -webkit-margin-start: auto;
+            margin-inline-start: auto; }
   .navbar-expand-sm .navbar-collapse .nav-item.active:after {
     border-bottom-width: 0;
     border-left-width: 2px;
@@ -7436,7 +7778,7 @@ Navbar
     top: 0;
     bottom: 0; }
 
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .navbar-expand-sm .navbar-collapse {
     width: auto;
     flex: 1 1 auto; }
@@ -7456,17 +7798,17 @@ Navbar
       border: 0 solid #206bc4;
       border-bottom-width: 2px; } }
 
-@media (max-width: 32.98rem) {
+@media (max-width: 575.98px) {
   .navbar-expand-md .navbar-collapse {
     flex-direction: column; }
     .navbar-expand-md .navbar-collapse [class*="container"] {
       flex-direction: column;
       align-items: stretch; }
     .navbar-expand-md .navbar-collapse .navbar-nav {
-      margin-left: -0.75rem;
-      margin-right: -0.75rem; }
+      margin-left: -1.5rem;
+      margin-right: -1.5rem; }
       .navbar-expand-md .navbar-collapse .navbar-nav .nav-link {
-        padding: 0.5rem 0.75rem;
+        padding: 0.5rem 1.5rem;
         justify-content: flex-start; }
     .navbar-expand-md .navbar-collapse .dropdown-menu {
       padding: 0;
@@ -7482,9 +7824,10 @@ Navbar
         min-width: 0;
         display: flex;
         width: auto;
-        padding-left: 2.25rem; }
+        padding-left: 3rem; }
     .navbar-expand-md .navbar-collapse .dropdown-toggle:after {
-      margin-left: auto; }
+      -webkit-margin-start: auto;
+              margin-inline-start: auto; }
     .navbar-expand-md .navbar-collapse .nav-item.active:after {
       border-bottom-width: 0;
       border-left-width: 2px;
@@ -7492,7 +7835,7 @@ Navbar
       top: 0;
       bottom: 0; } }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .navbar-expand-md .navbar-collapse {
     width: auto;
     flex: 1 1 auto; }
@@ -7512,17 +7855,17 @@ Navbar
       border: 0 solid #206bc4;
       border-bottom-width: 2px; } }
 
-@media (max-width: 47.98rem) {
+@media (max-width: 767.98px) {
   .navbar-expand-lg .navbar-collapse {
     flex-direction: column; }
     .navbar-expand-lg .navbar-collapse [class*="container"] {
       flex-direction: column;
       align-items: stretch; }
     .navbar-expand-lg .navbar-collapse .navbar-nav {
-      margin-left: -0.75rem;
-      margin-right: -0.75rem; }
+      margin-left: -1.5rem;
+      margin-right: -1.5rem; }
       .navbar-expand-lg .navbar-collapse .navbar-nav .nav-link {
-        padding: 0.5rem 0.75rem;
+        padding: 0.5rem 1.5rem;
         justify-content: flex-start; }
     .navbar-expand-lg .navbar-collapse .dropdown-menu {
       padding: 0;
@@ -7538,9 +7881,10 @@ Navbar
         min-width: 0;
         display: flex;
         width: auto;
-        padding-left: 2.25rem; }
+        padding-left: 3rem; }
     .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
-      margin-left: auto; }
+      -webkit-margin-start: auto;
+              margin-inline-start: auto; }
     .navbar-expand-lg .navbar-collapse .nav-item.active:after {
       border-bottom-width: 0;
       border-left-width: 2px;
@@ -7548,7 +7892,7 @@ Navbar
       top: 0;
       bottom: 0; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .navbar-expand-lg .navbar-collapse {
     width: auto;
     flex: 1 1 auto; }
@@ -7568,17 +7912,17 @@ Navbar
       border: 0 solid #206bc4;
       border-bottom-width: 2px; } }
 
-@media (max-width: 63.98rem) {
+@media (max-width: 991.98px) {
   .navbar-expand-xl .navbar-collapse {
     flex-direction: column; }
     .navbar-expand-xl .navbar-collapse [class*="container"] {
       flex-direction: column;
       align-items: stretch; }
     .navbar-expand-xl .navbar-collapse .navbar-nav {
-      margin-left: -0.75rem;
-      margin-right: -0.75rem; }
+      margin-left: -1.5rem;
+      margin-right: -1.5rem; }
       .navbar-expand-xl .navbar-collapse .navbar-nav .nav-link {
-        padding: 0.5rem 0.75rem;
+        padding: 0.5rem 1.5rem;
         justify-content: flex-start; }
     .navbar-expand-xl .navbar-collapse .dropdown-menu {
       padding: 0;
@@ -7594,9 +7938,10 @@ Navbar
         min-width: 0;
         display: flex;
         width: auto;
-        padding-left: 2.25rem; }
+        padding-left: 3rem; }
     .navbar-expand-xl .navbar-collapse .dropdown-toggle:after {
-      margin-left: auto; }
+      -webkit-margin-start: auto;
+              margin-inline-start: auto; }
     .navbar-expand-xl .navbar-collapse .nav-item.active:after {
       border-bottom-width: 0;
       border-left-width: 2px;
@@ -7604,7 +7949,7 @@ Navbar
       top: 0;
       bottom: 0; } }
 
-@media (min-width: 75.25rem) {
+@media (min-width: 1200px) {
   .navbar-expand-xl .navbar-collapse {
     width: auto;
     flex: 1 1 auto; }
@@ -7624,17 +7969,74 @@ Navbar
       border: 0 solid #206bc4;
       border-bottom-width: 2px; } }
 
-@media (max-width: 75.23rem) {
+@media (max-width: 1199.98px) {
+  .navbar-expand-xxl .navbar-collapse {
+    flex-direction: column; }
+    .navbar-expand-xxl .navbar-collapse [class*="container"] {
+      flex-direction: column;
+      align-items: stretch; }
+    .navbar-expand-xxl .navbar-collapse .navbar-nav {
+      margin-left: -1.5rem;
+      margin-right: -1.5rem; }
+      .navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link {
+        padding: 0.5rem 1.5rem;
+        justify-content: flex-start; }
+    .navbar-expand-xxl .navbar-collapse .dropdown-menu {
+      padding: 0;
+      background: transparent;
+      position: static;
+      color: inherit;
+      box-shadow: none;
+      border: none;
+      -moz-columns: 1;
+           columns: 1;
+      min-width: 0; }
+      .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item {
+        min-width: 0;
+        display: flex;
+        width: auto;
+        padding-left: 3rem; }
+    .navbar-expand-xxl .navbar-collapse .dropdown-toggle:after {
+      -webkit-margin-start: auto;
+              margin-inline-start: auto; }
+    .navbar-expand-xxl .navbar-collapse .nav-item.active:after {
+      border-bottom-width: 0;
+      border-left-width: 2px;
+      right: auto;
+      top: 0;
+      bottom: 0; } }
+
+@media (min-width: 1400px) {
+  .navbar-expand-xxl .navbar-collapse {
+    width: auto;
+    flex: 1 1 auto; }
+  .navbar-expand-xxl.navbar-dark .nav-item.active .nav-link,
+  .navbar-expand-xxl .navbar-dark .nav-item.active .nav-link {
+    background-color: rgba(0, 0, 0, 0.1); }
+  .navbar-expand-xxl.navbar-light .nav-item.active,
+  .navbar-expand-xxl .navbar-light .nav-item.active {
+    position: relative; }
+    .navbar-expand-xxl.navbar-light .nav-item.active:after,
+    .navbar-expand-xxl .navbar-light .nav-item.active:after {
+      content: '';
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: -.25rem;
+      border: 0 solid #206bc4;
+      border-bottom-width: 2px; } }
+
+@media (max-width: 1399.98px) {
   .navbar-expand .navbar-collapse {
     flex-direction: column; }
     .navbar-expand .navbar-collapse [class*="container"] {
       flex-direction: column;
       align-items: stretch; }
     .navbar-expand .navbar-collapse .navbar-nav {
-      margin-left: -0.75rem;
-      margin-right: -0.75rem; }
+      margin-left: -1.5rem;
+      margin-right: -1.5rem; }
       .navbar-expand .navbar-collapse .navbar-nav .nav-link {
-        padding: 0.5rem 0.75rem;
+        padding: 0.5rem 1.5rem;
         justify-content: flex-start; }
     .navbar-expand .navbar-collapse .dropdown-menu {
       padding: 0;
@@ -7650,9 +8052,10 @@ Navbar
         min-width: 0;
         display: flex;
         width: auto;
-        padding-left: 2.25rem; }
+        padding-left: 3rem; }
     .navbar-expand .navbar-collapse .dropdown-toggle:after {
-      margin-left: auto; }
+      -webkit-margin-start: auto;
+              margin-inline-start: auto; }
     .navbar-expand .navbar-collapse .nav-item.active:after {
       border-bottom-width: 0;
       border-left-width: 2px;
@@ -7687,7 +8090,7 @@ Navbar brand
 .navbar-brand {
   display: inline-flex;
   align-items: center;
-  font-weight: 500; }
+  font-weight: 600; }
 
 .navbar-brand-image {
   display: block;
@@ -7740,15 +8143,15 @@ Navbar toggler
 Navbar light
  */
 .navbar-light {
-  box-shadow: inset 0 -1px 0 0 rgba(95, 102, 110, 0.2);
+  box-shadow: inset 0 -1px 0 0 rgba(110, 117, 126, 0.16);
   background-color: #ffffff; }
 
 /**
 Navbar dark
  */
 .navbar-dark {
-  background: #354052;
-  color: rgba(255, 255, 255, 0.72); }
+  background: #232e3c;
+  color: rgba(255, 255, 255, 0.66); }
   .navbar-dark::-webkit-scrollbar {
     width: 6px;
     height: 6px;
@@ -7756,21 +8159,21 @@ Navbar dark
     transition: .3s background; }
   .navbar-dark::-webkit-scrollbar-thumb {
     border-radius: 5px;
-    background: #dee1e7; }
+    background: #d8dce1; }
   .navbar-dark::-webkit-scrollbar-corner {
     background: transparent; }
   .navbar-dark:hover::-webkit-scrollbar-thumb {
-    background: #cbcfd6;
-    background: #cbcfd6; }
+    background: #c4c8cf;
+    background: #c4c8cf; }
   .navbar-dark .text-muted {
-    color: rgba(255, 255, 255, 0.5184) !important; }
+    color: rgba(255, 255, 255, 0.66) !important; }
   .navbar-dark .navbar-brand {
     color: #ffffff; }
     .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
       color: #ffffff;
       opacity: .8; }
   .navbar-dark .navbar-nav .nav-link {
-    color: rgba(255, 255, 255, 0.72); }
+    color: rgba(255, 255, 255, 0.66); }
     .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
       color: #ffffff; }
     .navbar-dark .navbar-nav .nav-link.disabled {
@@ -7784,11 +8187,11 @@ Navbar dark
     color: #ffffff;
     border-color: transparent; }
   .navbar-dark .navbar-text {
-    color: rgba(255, 255, 255, 0.72); }
+    color: rgba(255, 255, 255, 0.66); }
     .navbar-dark .navbar-text a,
     .navbar-dark .navbar-text a:hover,
     .navbar-dark .navbar-text a:focus {
-      color: rgba(255, 255, 255, 0.72); }
+      color: rgba(255, 255, 255, 0.66); }
   .navbar-dark::-webkit-scrollbar {
     width: 6px;
     height: 6px;
@@ -7800,23 +8203,23 @@ Navbar dark
   .navbar-dark::-webkit-scrollbar-corner {
     background: transparent; }
   .navbar-dark:hover::-webkit-scrollbar-thumb {
-    background: #cbcfd6;
-    background: #5d6675; }
+    background: #c4c8cf;
+    background: #4f5863; }
   .navbar-dark .input-icon-addon {
-    color: rgba(245, 247, 251, 0.64); }
+    color: rgba(241, 244, 248, 0.64); }
   .navbar-dark .form-control {
     border-color: transparent;
     background-color: rgba(0, 0, 0, 0.1); }
     .navbar-dark .form-control::-webkit-input-placeholder {
-      color: rgba(245, 247, 251, 0.64); }
+      color: rgba(241, 244, 248, 0.64); }
     .navbar-dark .form-control::-moz-placeholder {
-      color: rgba(245, 247, 251, 0.64); }
+      color: rgba(241, 244, 248, 0.64); }
     .navbar-dark .form-control:-ms-input-placeholder {
-      color: rgba(245, 247, 251, 0.64); }
+      color: rgba(241, 244, 248, 0.64); }
     .navbar-dark .form-control::-ms-input-placeholder {
-      color: rgba(245, 247, 251, 0.64); }
+      color: rgba(241, 244, 248, 0.64); }
     .navbar-dark .form-control::placeholder {
-      color: rgba(245, 247, 251, 0.64); }
+      color: rgba(241, 244, 248, 0.64); }
 
 /**
 Navbar nav
@@ -7841,7 +8244,7 @@ Navbar side
 /**
 Navbar vertical
  */
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .navbar-vertical.navbar-expand-sm {
     width: 15rem;
     position: fixed;
@@ -7886,10 +8289,10 @@ Navbar vertical
         flex-direction: column;
         align-items: stretch; }
       .navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav {
-        margin-left: -0.75rem;
-        margin-right: -0.75rem; }
+        margin-left: -1.5rem;
+        margin-right: -1.5rem; }
         .navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav .nav-link {
-          padding: 0.5rem 0.75rem;
+          padding: 0.5rem 1.5rem;
           justify-content: flex-start; }
       .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu {
         padding: 0;
@@ -7905,9 +8308,10 @@ Navbar vertical
           min-width: 0;
           display: flex;
           width: auto;
-          padding-left: 2.25rem; }
+          padding-left: 3rem; }
       .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-toggle:after {
-        margin-left: auto; }
+        -webkit-margin-start: auto;
+                margin-inline-start: auto; }
       .navbar-vertical.navbar-expand-sm .navbar-collapse .nav-item.active:after {
         border-bottom-width: 0;
         border-left-width: 2px;
@@ -7915,7 +8319,7 @@ Navbar vertical
         top: 0;
         bottom: 0; } }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .navbar-vertical.navbar-expand-md {
     width: 15rem;
     position: fixed;
@@ -7960,10 +8364,10 @@ Navbar vertical
         flex-direction: column;
         align-items: stretch; }
       .navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav {
-        margin-left: -0.75rem;
-        margin-right: -0.75rem; }
+        margin-left: -1.5rem;
+        margin-right: -1.5rem; }
         .navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav .nav-link {
-          padding: 0.5rem 0.75rem;
+          padding: 0.5rem 1.5rem;
           justify-content: flex-start; }
       .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu {
         padding: 0;
@@ -7979,9 +8383,10 @@ Navbar vertical
           min-width: 0;
           display: flex;
           width: auto;
-          padding-left: 2.25rem; }
+          padding-left: 3rem; }
       .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-toggle:after {
-        margin-left: auto; }
+        -webkit-margin-start: auto;
+                margin-inline-start: auto; }
       .navbar-vertical.navbar-expand-md .navbar-collapse .nav-item.active:after {
         border-bottom-width: 0;
         border-left-width: 2px;
@@ -7989,7 +8394,7 @@ Navbar vertical
         top: 0;
         bottom: 0; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .navbar-vertical.navbar-expand-lg {
     width: 15rem;
     position: fixed;
@@ -8034,10 +8439,10 @@ Navbar vertical
         flex-direction: column;
         align-items: stretch; }
       .navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav {
-        margin-left: -0.75rem;
-        margin-right: -0.75rem; }
+        margin-left: -1.5rem;
+        margin-right: -1.5rem; }
         .navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link {
-          padding: 0.5rem 0.75rem;
+          padding: 0.5rem 1.5rem;
           justify-content: flex-start; }
       .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu {
         padding: 0;
@@ -8053,9 +8458,10 @@ Navbar vertical
           min-width: 0;
           display: flex;
           width: auto;
-          padding-left: 2.25rem; }
+          padding-left: 3rem; }
       .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
-        margin-left: auto; }
+        -webkit-margin-start: auto;
+                margin-inline-start: auto; }
       .navbar-vertical.navbar-expand-lg .navbar-collapse .nav-item.active:after {
         border-bottom-width: 0;
         border-left-width: 2px;
@@ -8063,7 +8469,7 @@ Navbar vertical
         top: 0;
         bottom: 0; } }
 
-@media (min-width: 75.25rem) {
+@media (min-width: 1200px) {
   .navbar-vertical.navbar-expand-xl {
     width: 15rem;
     position: fixed;
@@ -8108,10 +8514,10 @@ Navbar vertical
         flex-direction: column;
         align-items: stretch; }
       .navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav {
-        margin-left: -0.75rem;
-        margin-right: -0.75rem; }
+        margin-left: -1.5rem;
+        margin-right: -1.5rem; }
         .navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav .nav-link {
-          padding: 0.5rem 0.75rem;
+          padding: 0.5rem 1.5rem;
           justify-content: flex-start; }
       .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu {
         padding: 0;
@@ -8127,9 +8533,10 @@ Navbar vertical
           min-width: 0;
           display: flex;
           width: auto;
-          padding-left: 2.25rem; }
+          padding-left: 3rem; }
       .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-toggle:after {
-        margin-left: auto; }
+        -webkit-margin-start: auto;
+                margin-inline-start: auto; }
       .navbar-vertical.navbar-expand-xl .navbar-collapse .nav-item.active:after {
         border-bottom-width: 0;
         border-left-width: 2px;
@@ -8137,6 +8544,81 @@ Navbar vertical
         top: 0;
         bottom: 0; } }
 
+@media (min-width: 1400px) {
+  .navbar-vertical.navbar-expand-xxl {
+    width: 15rem;
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    z-index: 1030;
+    align-items: flex-start;
+    transition: .3s transform;
+    overflow-x: auto; }
+    .navbar-vertical.navbar-expand-xxl.navbar-right {
+      left: auto;
+      right: 0; }
+    .navbar-vertical.navbar-expand-xxl .navbar-brand {
+      padding: 0.75rem 0;
+      justify-content: center; }
+    .navbar-vertical.navbar-expand-xxl .navbar-collapse {
+      align-items: stretch; }
+    .navbar-vertical.navbar-expand-xxl .navbar-nav {
+      flex-direction: column;
+      flex-grow: 1;
+      min-height: auto; }
+      .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link {
+        padding-top: .5rem;
+        padding-bottom: .5rem; }
+    .navbar-vertical.navbar-expand-xxl > [class*="container"] {
+      flex-direction: column;
+      align-items: stretch;
+      min-height: 100%;
+      justify-content: flex-start; }
+    .navbar-vertical.navbar-expand-xxl ~ .page {
+      padding-left: 15rem; }
+      .navbar-vertical.navbar-expand-xxl ~ .page [class*="container"] {
+        padding-left: 1.5rem;
+        padding-right: 1.5rem; }
+    .navbar-vertical.navbar-expand-xxl.navbar-right ~ .page {
+      padding-left: 0;
+      padding-right: 15rem; }
+    .navbar-vertical.navbar-expand-xxl .navbar-collapse {
+      flex-direction: column; }
+      .navbar-vertical.navbar-expand-xxl .navbar-collapse [class*="container"] {
+        flex-direction: column;
+        align-items: stretch; }
+      .navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav {
+        margin-left: -1.5rem;
+        margin-right: -1.5rem; }
+        .navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link {
+          padding: 0.5rem 1.5rem;
+          justify-content: flex-start; }
+      .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu {
+        padding: 0;
+        background: transparent;
+        position: static;
+        color: inherit;
+        box-shadow: none;
+        border: none;
+        -moz-columns: 1;
+             columns: 1;
+        min-width: 0; }
+        .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item {
+          min-width: 0;
+          display: flex;
+          width: auto;
+          padding-left: 3rem; }
+      .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-toggle:after {
+        -webkit-margin-start: auto;
+                margin-inline-start: auto; }
+      .navbar-vertical.navbar-expand-xxl .navbar-collapse .nav-item.active:after {
+        border-bottom-width: 0;
+        border-left-width: 2px;
+        right: auto;
+        top: 0;
+        bottom: 0; } }
+
 .navbar-vertical.navbar-expand {
   width: 15rem;
   position: fixed;
@@ -8181,10 +8663,10 @@ Navbar vertical
       flex-direction: column;
       align-items: stretch; }
     .navbar-vertical.navbar-expand .navbar-collapse .navbar-nav {
-      margin-left: -0.75rem;
-      margin-right: -0.75rem; }
+      margin-left: -1.5rem;
+      margin-right: -1.5rem; }
       .navbar-vertical.navbar-expand .navbar-collapse .navbar-nav .nav-link {
-        padding: 0.5rem 0.75rem;
+        padding: 0.5rem 1.5rem;
         justify-content: flex-start; }
     .navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu {
       padding: 0;
@@ -8200,9 +8682,10 @@ Navbar vertical
         min-width: 0;
         display: flex;
         width: auto;
-        padding-left: 2.25rem; }
+        padding-left: 3rem; }
     .navbar-vertical.navbar-expand .navbar-collapse .dropdown-toggle:after {
-      margin-left: auto; }
+      -webkit-margin-start: auto;
+              margin-inline-start: auto; }
     .navbar-vertical.navbar-expand .navbar-collapse .nav-item.active:after {
       border-bottom-width: 0;
       border-left-width: 2px;
@@ -8228,8 +8711,8 @@ Navbar vertical
   min-height: 100vh; }
 
 .content {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
   flex: 1;
   display: flex;
   flex-direction: column; }
@@ -8241,31 +8724,40 @@ Navbar vertical
 
 .page-header {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   min-height: 2.25rem;
-  margin: 0 0 1rem; }
+  margin: 0 0 1.25rem; }
   .page-header > * {
     flex: 1; }
 
 .page-pretitle {
   font-size: 0.625rem;
-  font-weight: 500;
+  font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .04em;
   line-height: 1.6;
-  color: #5f666e; }
+  color: #6e757e; }
 
 .page-title {
   margin: 0;
   font-size: 1.25rem;
-  font-weight: 400;
-  color: inherit; }
+  line-height: 1.4;
+  font-weight: 500;
+  color: inherit;
+  display: flex;
+  align-items: center; }
+  .page-title svg {
+    width: 1.5rem;
+    height: 1.5rem;
+    -webkit-margin-end: .25rem;
+            margin-inline-end: .25rem; }
 
 .footer {
-  border-top: 1px solid rgba(95, 102, 110, 0.2);
+  border-top: 1px solid #e8e9ea;
   background-color: #ffffff;
-  padding: 1rem 0;
-  color: #5f666e;
+  padding: 2rem 0;
+  color: #6e757e;
   margin-bottom: -1.25rem;
   margin-top: 1.25rem; }
 
@@ -8289,15 +8781,16 @@ Navbar vertical
     height: 100%; }
 
 .avatar {
+  --tblr-avatar-size: 2.5rem;
   position: relative;
-  width: 2rem;
-  height: 2rem;
-  font-size: 0.75rem;
+  width: var(--tblr-avatar-size);
+  height: var(--tblr-avatar-size);
+  font-size: calc(var(--tblr-avatar-size) / 2.8571429);
+  font-weight: 400;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  font-weight: 400;
-  color: #5f666e;
+  color: #6e757e;
   text-align: center;
   text-transform: uppercase;
   vertical-align: bottom;
@@ -8305,10 +8798,11 @@ Navbar vertical
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  background: #f1f3f8 no-repeat center/cover;
-  border-radius: 50%; }
-  .avatar .icon {
-    font-size: 1.25em; }
+  background: #edf0f4 no-repeat center/cover;
+  border-radius: 3px; }
+  .avatar svg {
+    width: 1.5rem;
+    height: 1.5rem; }
   .avatar .badge {
     position: absolute;
     right: 0;
@@ -8318,29 +8812,23 @@ Navbar vertical
   a.avatar {
     cursor: pointer; }
 
+.avatar-rounded {
+  border-radius: 50%; }
+
+.avatar-xs {
+  --tblr-avatar-size: 1.25rem; }
+
 .avatar-sm {
-  width: 1.25rem;
-  height: 1.25rem;
-  font-size: 0.625rem;
-  line-height: 1.25rem; }
+  --tblr-avatar-size: 2rem; }
 
 .avatar-md {
-  width: 2.5rem;
-  height: 2.5rem;
-  font-size: 1.25rem;
-  line-height: 2.5rem; }
+  --tblr-avatar-size: 3.75rem; }
 
 .avatar-lg {
-  width: 4.5rem;
-  height: 4.5rem;
-  font-size: 2.25rem;
-  line-height: 4.5rem; }
+  --tblr-avatar-size: 5rem; }
 
 .avatar-xl {
-  width: 6rem;
-  height: 6rem;
-  font-size: 3rem;
-  line-height: 6rem; }
+  --tblr-avatar-size: 7rem; }
 
 .avatar-list {
   display: inline-flex;
@@ -8357,12 +8845,12 @@ Navbar vertical
   margin-right: -.5rem !important;
   box-shadow: 0 0 0 2px #fff; }
   .card-footer .avatar-list-stacked .avatar {
-    box-shadow: 0 0 0 2px rgba(53, 64, 82, 0.024); }
+    box-shadow: 0 0 0 2px rgba(35, 46, 60, 0.024); }
 
 .avatar-upload {
   width: 4rem;
   height: 4rem;
-  border: 1px dashed rgba(95, 102, 110, 0.2);
+  border: 1px dashed #e8e9ea;
   background: #ffffff;
   flex-direction: column;
   transition: .3s color, .3s background-color; }
@@ -8383,13 +8871,18 @@ Navbar vertical
 .badge {
   display: inline-flex;
   justify-content: center;
-  background: #cbcfd6;
+  align-items: center;
+  background: #c4c8cf;
   overflow: hidden;
   vertical-align: text-bottom;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
-          user-select: none; }
+          user-select: none;
+  padding: calc(.25rem - 1px) 0.25rem;
+  height: 1.25rem;
+  border: 1px solid transparent;
+  min-width: 1.25rem; }
   a.badge {
     color: #ffffff; }
   .badge:empty {
@@ -8400,17 +8893,11 @@ Navbar vertical
     min-height: auto;
     padding: 0;
     border-radius: 50%; }
-
-.badge-up {
-  position: absolute;
-  top: 25%;
-  right: 0;
-  min-width: 1.75em;
-  min-height: 1.75em;
-  padding: 0 .25rem;
-  line-height: 1rem;
-  background-clip: padding-box;
-  transform: translate(0%, -50%); }
+  .badge .avatar {
+    box-sizing: content-box;
+    width: 1.25rem;
+    height: 1.25rem;
+    margin: 0 .5rem 0 -.5rem; }
 
 .badge-outline {
   background-color: transparent;
@@ -8420,23 +8907,6 @@ Navbar vertical
   border-radius: 100px;
   min-width: 1.75em; }
 
-.badge-avatar {
-  box-sizing: content-box;
-  width: 1.75em;
-  margin: 0 .5em 0 -.5em;
-  color: rgba(245, 247, 251, 0.24);
-  background: rgba(53, 64, 82, 0.24) no-repeat center/cover;
-  vertical-align: text-bottom; }
-
-.badge-addon {
-  padding: 0 .5rem;
-  margin: 0 -.5em 0 .5em;
-  min-width: 1.75em;
-  background: rgba(53, 64, 82, 0.24);
-  text-align: center;
-  color: #ffffff;
-  text-decoration: none; }
-
 .breadcrumb {
   padding: 0;
   margin: 0;
@@ -8456,71 +8926,82 @@ Navbar vertical
   content: "•"; }
 
 .breadcrumb-alternate a {
-  color: #5f666e; }
+  color: #6e757e; }
+  .breadcrumb-alternate a:hover {
+    text-decoration: underline; }
 
 .breadcrumb-alternate .breadcrumb-item.active {
   color: inherit; }
 
 .btn {
-  font-weight: 500;
   display: inline-flex;
   align-items: center;
-  justify-content: center; }
-  .btn:not([class^="btn-outline"]):not([class*=" btn-outline"]):not([class^="btn-ghost"]):not([class*=" btn-ghost"]):not(:focus):not(.focus) {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 2px 0 -1px rgba(255, 255, 255, 0.1); }
-  .btn:not([class^="btn-outline"]):not([class*=" btn-outline"]):not([class^="btn-ghost"]):not([class*=" btn-ghost"]) svg.icon {
-    filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.05)); }
+  justify-content: center;
+  color: #232e3c;
+  background-color: #ffffff;
+  border-color: rgba(110, 117, 126, 0.24); }
+  .btn:hover {
+    color: #232e3c;
+    border-color: #a7abb1; }
+  .btn:focus {
+    border-color: rgba(var(--tblr-btn-color, 32, 107, 196), 0.5);
+    box-shadow: 0 0 0 0.25rem rgba(var(--tblr-btn-color, 32, 107, 196), 0.25); }
   .btn:disabled, .btn.disabled {
     cursor: not-allowed; }
-  .btn .icon {
-    margin: 0 .25em 0 -.25em;
-    font-size: 1.42857em;
-    vertical-align: sub; }
+  .btn svg {
+    width: 1.25rem;
+    height: 1.25rem;
+    margin: 0 .25rem 0;
+    -webkit-margin-start: -.5rem;
+            margin-inline-start: -.5rem;
+    vertical-align: bottom; }
   .btn .avatar {
     width: 1.25rem;
     height: 1.25rem;
     vertical-align: text-top;
-    margin: 0 .5em 0 -.25em; }
+    margin: 0 .25rem 0;
+    -webkit-margin-start: -.5rem;
+            margin-inline-start: -.5rem; }
   .btn .icon-right {
-    margin: 0 -.25em 0 .5em; }
-  .btn svg.icon {
-    width: 1em;
-    height: 1em;
-    stroke-width: 1.75; }
+    margin: 0 .25rem 0;
+    -webkit-margin-end: -.5rem;
+            margin-inline-end: -.5rem; }
+  .btn .badge {
+    top: auto; }
 
-.btn-white {
-  color: #354052;
-  background-color: #ffffff;
-  border-color: rgba(95, 102, 110, 0.2);
-  background-image: linear-gradient(-180deg, rgba(53, 64, 82, 0), rgba(53, 64, 82, 0.04) 100%);
-  box-shadow: none !important; }
-  .btn-white:hover {
-    color: #000000;
-    background-color: white;
-    border-color: rgba(107, 115, 124, 0.2); }
-  .btn-check:focus + .btn-white, .btn-white:focus {
-    color: #000000;
-    background-color: white;
-    border-color: rgba(107, 115, 124, 0.2);
-    box-shadow: 0 0 0 0.25rem rgba(69, 79, 93, 0.5); }
-  .btn-check:checked + .btn-white,
-  .btn-check:active + .btn-white, .btn-white:active, .btn-white.active,
-  .show > .btn-white.dropdown-toggle {
-    color: #000000;
-    background-color: white;
-    border-color: rgba(107, 115, 124, 0.2); }
-    .btn-check:checked + .btn-white:focus,
-    .btn-check:active + .btn-white:focus, .btn-white:active:focus, .btn-white.active:focus,
-    .show > .btn-white.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(69, 79, 93, 0.5); }
-  .btn-white:disabled, .btn-white.disabled {
-    color: #000000;
-    background-color: #ffffff;
-    border-color: rgba(95, 102, 110, 0.2); }
-  .btn-white.active {
-    background: #206bc4;
-    color: #ffffff;
-    z-index: 3 !important; }
+.btn-primary, .btn-secondary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-light, .btn-dark, .btn-blue, .btn-azure, .btn-indigo, .btn-purple, .btn-pink, .btn-red, .btn-orange, .btn-yellow, .btn-lime, .btn-green, .btn-teal, .btn-cyan, .btn-facebook, .btn-twitter, .btn-google, .btn-youtube, .btn-vimeo, .btn-dribbble, .btn-github, .btn-instagram, .btn-pinterest, .btn-vk, .btn-rss, .btn-flickr, .btn-bitbucket, .btn-tabler {
+  background-color: rgba(var(--tblr-btn-color), 1);
+  color: var(--tblr-btn-color-text); }
+  .btn-primary:hover, .btn-secondary:hover, .btn-success:hover, .btn-info:hover, .btn-warning:hover, .btn-danger:hover, .btn-light:hover, .btn-dark:hover, .btn-blue:hover, .btn-azure:hover, .btn-indigo:hover, .btn-purple:hover, .btn-pink:hover, .btn-red:hover, .btn-orange:hover, .btn-yellow:hover, .btn-lime:hover, .btn-green:hover, .btn-teal:hover, .btn-cyan:hover, .btn-facebook:hover, .btn-twitter:hover, .btn-google:hover, .btn-youtube:hover, .btn-vimeo:hover, .btn-dribbble:hover, .btn-github:hover, .btn-instagram:hover, .btn-pinterest:hover, .btn-vk:hover, .btn-rss:hover, .btn-flickr:hover, .btn-bitbucket:hover, .btn-tabler:hover {
+    color: var(--tblr-btn-color-text);
+    background: rgba(var(--tblr-btn-color-darker), 1);
+    border-color: transparent; }
+
+.btn-outline-primary, .btn-outline-secondary, .btn-outline-success, .btn-outline-info, .btn-outline-warning, .btn-outline-danger, .btn-outline-light, .btn-outline-dark, .btn-outline-blue, .btn-outline-azure, .btn-outline-indigo, .btn-outline-purple, .btn-outline-pink, .btn-outline-red, .btn-outline-orange, .btn-outline-yellow, .btn-outline-lime, .btn-outline-green, .btn-outline-teal, .btn-outline-cyan, .btn-outline-facebook, .btn-outline-twitter, .btn-outline-google, .btn-outline-youtube, .btn-outline-vimeo, .btn-outline-dribbble, .btn-outline-github, .btn-outline-instagram, .btn-outline-pinterest, .btn-outline-vk, .btn-outline-rss, .btn-outline-flickr, .btn-outline-bitbucket, .btn-outline-tabler {
+  background-color: transparent;
+  color: rgba(var(--tblr-btn-color), 1);
+  border-color: rgba(110, 117, 126, 0.16); }
+  .btn-outline-primary:hover, .btn-outline-secondary:hover, .btn-outline-success:hover, .btn-outline-info:hover, .btn-outline-warning:hover, .btn-outline-danger:hover, .btn-outline-light:hover, .btn-outline-dark:hover, .btn-outline-blue:hover, .btn-outline-azure:hover, .btn-outline-indigo:hover, .btn-outline-purple:hover, .btn-outline-pink:hover, .btn-outline-red:hover, .btn-outline-orange:hover, .btn-outline-yellow:hover, .btn-outline-lime:hover, .btn-outline-green:hover, .btn-outline-teal:hover, .btn-outline-cyan:hover, .btn-outline-facebook:hover, .btn-outline-twitter:hover, .btn-outline-google:hover, .btn-outline-youtube:hover, .btn-outline-vimeo:hover, .btn-outline-dribbble:hover, .btn-outline-github:hover, .btn-outline-instagram:hover, .btn-outline-pinterest:hover, .btn-outline-vk:hover, .btn-outline-rss:hover, .btn-outline-flickr:hover, .btn-outline-bitbucket:hover, .btn-outline-tabler:hover {
+    background-color: rgba(var(--tblr-btn-color), 1);
+    color: var(--tblr-btn-color-text);
+    border-color: rgba(var(--tblr-btn-color), 1); }
+
+.btn-ghost-primary, .btn-ghost-secondary, .btn-ghost-success, .btn-ghost-info, .btn-ghost-warning, .btn-ghost-danger, .btn-ghost-light, .btn-ghost-dark, .btn-ghost-blue, .btn-ghost-azure, .btn-ghost-indigo, .btn-ghost-purple, .btn-ghost-pink, .btn-ghost-red, .btn-ghost-orange, .btn-ghost-yellow, .btn-ghost-lime, .btn-ghost-green, .btn-ghost-teal, .btn-ghost-cyan, .btn-ghost-facebook, .btn-ghost-twitter, .btn-ghost-google, .btn-ghost-youtube, .btn-ghost-vimeo, .btn-ghost-dribbble, .btn-ghost-github, .btn-ghost-instagram, .btn-ghost-pinterest, .btn-ghost-vk, .btn-ghost-rss, .btn-ghost-flickr, .btn-ghost-bitbucket, .btn-ghost-tabler {
+  background: transparent;
+  color: rgba(var(--tblr-btn-color), 1);
+  border-color: transparent; }
+  .btn-ghost-primary:hover, .btn-ghost-secondary:hover, .btn-ghost-success:hover, .btn-ghost-info:hover, .btn-ghost-warning:hover, .btn-ghost-danger:hover, .btn-ghost-light:hover, .btn-ghost-dark:hover, .btn-ghost-blue:hover, .btn-ghost-azure:hover, .btn-ghost-indigo:hover, .btn-ghost-purple:hover, .btn-ghost-pink:hover, .btn-ghost-red:hover, .btn-ghost-orange:hover, .btn-ghost-yellow:hover, .btn-ghost-lime:hover, .btn-ghost-green:hover, .btn-ghost-teal:hover, .btn-ghost-cyan:hover, .btn-ghost-facebook:hover, .btn-ghost-twitter:hover, .btn-ghost-google:hover, .btn-ghost-youtube:hover, .btn-ghost-vimeo:hover, .btn-ghost-dribbble:hover, .btn-ghost-github:hover, .btn-ghost-instagram:hover, .btn-ghost-pinterest:hover, .btn-ghost-vk:hover, .btn-ghost-rss:hover, .btn-ghost-flickr:hover, .btn-ghost-bitbucket:hover, .btn-ghost-tabler:hover {
+    background-color: rgba(var(--tblr-btn-color), 1);
+    color: var(--tblr-btn-color-text);
+    border-color: rgba(var(--tblr-btn-color), 1); }
+
+.btn-link {
+  color: #206bc4;
+  background-color: transparent;
+  border-color: transparent; }
+  .btn-link:hover {
+    color: #1a569d;
+    border-color: transparent; }
 
 .btn-lg svg.icon, .btn-group-lg > .btn svg.icon {
   stroke-width: 2; }
@@ -8535,13 +9016,10 @@ Navbar vertical
 .btn-icon {
   min-width: calc(2.125rem + 2px); }
   .btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn {
-    min-width: calc(1.32143rem + 2px); }
+    min-width: calc(1.3214286rem + 2px); }
   .btn-icon .icon {
     margin: 0 -1em; }
 
-.btn-link {
-  box-shadow: none !important; }
-
 .btn-square {
   border-radius: 0; }
 
@@ -8549,9 +9027,9 @@ Navbar vertical
   display: flex;
   flex-wrap: wrap;
   margin-bottom: -.5rem !important;
-  margin-right: -.5rem; }
-  .btn-list > .btn,
-  .btn-list > .dropdown {
+  margin-right: -.5rem;
+  line-height: 1; }
+  .btn-list > * {
     margin: 0 .5rem .5rem 0; }
   .btn-list > .btn-block {
     flex: 1;
@@ -8561,7 +9039,7 @@ Navbar vertical
   display: flex;
   align-items: center;
   padding: 0;
-  color: #5f666e;
+  color: #6e757e;
   cursor: pointer;
   background: none;
   border: none; }
@@ -8599,10 +9077,248 @@ Navbar vertical
     -webkit-animation: spinner-border .75s linear infinite;
             animation: spinner-border .75s linear infinite; }
 
+.btn-primary,
+.btn-outline-primary,
+.btn-ghost-primary {
+  --tblr-btn-color: 32, 107, 196;
+  --tblr-btn-color-darker: 27, 90, 165;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-secondary,
+.btn-outline-secondary,
+.btn-ghost-secondary {
+  --tblr-btn-color: 110, 117, 126;
+  --tblr-btn-color-darker: 92, 98, 106;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-success,
+.btn-outline-success,
+.btn-ghost-success {
+  --tblr-btn-color: 94, 186, 0;
+  --tblr-btn-color-darker: 79, 156, 0;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-info,
+.btn-outline-info,
+.btn-ghost-info {
+  --tblr-btn-color: 66, 153, 225;
+  --tblr-btn-color-darker: 55, 129, 189;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-warning,
+.btn-outline-warning,
+.btn-ghost-warning {
+  --tblr-btn-color: 237, 137, 54;
+  --tblr-btn-color-darker: 199, 115, 45;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-danger,
+.btn-outline-danger,
+.btn-ghost-danger {
+  --tblr-btn-color: 229, 62, 62;
+  --tblr-btn-color-darker: 192, 52, 52;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-light,
+.btn-outline-light,
+.btn-ghost-light {
+  --tblr-btn-color: 241, 244, 248;
+  --tblr-btn-color-darker: 202, 205, 208;
+  --tblr-btn-color-text: #232e3c; }
+
+.btn-dark,
+.btn-outline-dark,
+.btn-ghost-dark {
+  --tblr-btn-color: 35, 46, 60;
+  --tblr-btn-color-darker: 29, 39, 50;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-blue,
+.btn-outline-blue,
+.btn-ghost-blue {
+  --tblr-btn-color: 32, 107, 196;
+  --tblr-btn-color-darker: 27, 90, 165;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-azure,
+.btn-outline-azure,
+.btn-ghost-azure {
+  --tblr-btn-color: 66, 153, 225;
+  --tblr-btn-color-darker: 55, 129, 189;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-indigo,
+.btn-outline-indigo,
+.btn-ghost-indigo {
+  --tblr-btn-color: 101, 116, 205;
+  --tblr-btn-color-darker: 85, 97, 172;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-purple,
+.btn-outline-purple,
+.btn-ghost-purple {
+  --tblr-btn-color: 159, 122, 234;
+  --tblr-btn-color-darker: 134, 102, 197;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-pink,
+.btn-outline-pink,
+.btn-ghost-pink {
+  --tblr-btn-color: 237, 100, 166;
+  --tblr-btn-color-darker: 199, 84, 139;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-red,
+.btn-outline-red,
+.btn-ghost-red {
+  --tblr-btn-color: 229, 62, 62;
+  --tblr-btn-color-darker: 192, 52, 52;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-orange,
+.btn-outline-orange,
+.btn-ghost-orange {
+  --tblr-btn-color: 237, 137, 54;
+  --tblr-btn-color-darker: 199, 115, 45;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-yellow,
+.btn-outline-yellow,
+.btn-ghost-yellow {
+  --tblr-btn-color: 250, 176, 5;
+  --tblr-btn-color-darker: 210, 148, 4;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-lime,
+.btn-outline-lime,
+.btn-ghost-lime {
+  --tblr-btn-color: 130, 201, 30;
+  --tblr-btn-color-darker: 109, 169, 25;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-green,
+.btn-outline-green,
+.btn-ghost-green {
+  --tblr-btn-color: 94, 186, 0;
+  --tblr-btn-color-darker: 79, 156, 0;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-teal,
+.btn-outline-teal,
+.btn-ghost-teal {
+  --tblr-btn-color: 43, 203, 186;
+  --tblr-btn-color-darker: 36, 171, 156;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-cyan,
+.btn-outline-cyan,
+.btn-ghost-cyan {
+  --tblr-btn-color: 23, 162, 184;
+  --tblr-btn-color-darker: 19, 136, 155;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-facebook,
+.btn-outline-facebook,
+.btn-ghost-facebook {
+  --tblr-btn-color: 59, 89, 152;
+  --tblr-btn-color-darker: 50, 75, 128;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-twitter,
+.btn-outline-twitter,
+.btn-ghost-twitter {
+  --tblr-btn-color: 29, 161, 242;
+  --tblr-btn-color-darker: 24, 135, 203;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-google,
+.btn-outline-google,
+.btn-ghost-google {
+  --tblr-btn-color: 220, 78, 65;
+  --tblr-btn-color-darker: 185, 66, 55;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-youtube,
+.btn-outline-youtube,
+.btn-ghost-youtube {
+  --tblr-btn-color: 255, 0, 0;
+  --tblr-btn-color-darker: 214, 0, 0;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-vimeo,
+.btn-outline-vimeo,
+.btn-ghost-vimeo {
+  --tblr-btn-color: 26, 183, 234;
+  --tblr-btn-color-darker: 22, 154, 197;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-dribbble,
+.btn-outline-dribbble,
+.btn-ghost-dribbble {
+  --tblr-btn-color: 234, 76, 137;
+  --tblr-btn-color-darker: 197, 64, 115;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-github,
+.btn-outline-github,
+.btn-ghost-github {
+  --tblr-btn-color: 24, 23, 23;
+  --tblr-btn-color-darker: 20, 19, 19;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-instagram,
+.btn-outline-instagram,
+.btn-ghost-instagram {
+  --tblr-btn-color: 228, 64, 95;
+  --tblr-btn-color-darker: 192, 54, 80;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-pinterest,
+.btn-outline-pinterest,
+.btn-ghost-pinterest {
+  --tblr-btn-color: 189, 8, 28;
+  --tblr-btn-color-darker: 159, 7, 24;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-vk,
+.btn-outline-vk,
+.btn-ghost-vk {
+  --tblr-btn-color: 99, 131, 168;
+  --tblr-btn-color-darker: 83, 110, 141;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-rss,
+.btn-outline-rss,
+.btn-ghost-rss {
+  --tblr-btn-color: 255, 165, 0;
+  --tblr-btn-color-darker: 214, 139, 0;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-flickr,
+.btn-outline-flickr,
+.btn-ghost-flickr {
+  --tblr-btn-color: 0, 99, 220;
+  --tblr-btn-color-darker: 0, 83, 185;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-bitbucket,
+.btn-outline-bitbucket,
+.btn-ghost-bitbucket {
+  --tblr-btn-color: 0, 82, 204;
+  --tblr-btn-color-darker: 0, 69, 171;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-tabler,
+.btn-outline-tabler,
+.btn-ghost-tabler {
+  --tblr-btn-color: 32, 107, 196;
+  --tblr-btn-color-darker: 27, 90, 165;
+  --tblr-btn-color-text: #f1f4f8; }
+
 .calendar {
   display: block;
-  font-size: 0.76562rem;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  font-size: 0.765625rem;
+  border: 1px solid #e8e9ea;
   border-radius: 3px; }
 
 .calendar-nav {
@@ -8621,11 +9337,11 @@ Navbar vertical
   padding: .5rem 0; }
 
 .calendar-header {
-  color: #5f666e; }
+  color: #6e757e; }
 
 .calendar-date {
-  flex: 0 0 14.28571%;
-  max-width: 14.28571%;
+  flex: 0 0 14.2857143%;
+  max-width: 14.2857143%;
   padding: .2rem;
   text-align: center;
   border: 0; }
@@ -8652,10 +9368,10 @@ Navbar vertical
       color: #206bc4;
       text-decoration: none;
       background: #fefeff;
-      border-color: rgba(95, 102, 110, 0.2); }
+      border-color: #e8e9ea; }
   .calendar-date .date-today {
     color: #206bc4;
-    border-color: rgba(95, 102, 110, 0.2); }
+    border-color: #e8e9ea; }
 
 .calendar-range {
   position: relative; }
@@ -8678,11 +9394,7 @@ Navbar vertical
     right: 50%; }
 
 .card {
-  margin-bottom: 1.25rem;
-  box-shadow: rgba(53, 64, 82, 0.04) 0 2px 4px 0; }
-  @media (max-width: 63.98rem) {
-    .card {
-      margin-bottom: 0.75rem; } }
+  box-shadow: rgba(35, 46, 60, 0.04) 0 2px 4px 0; }
   @media print {
     .card {
       border: none;
@@ -8692,10 +9404,7 @@ Navbar vertical
     transition: .3s box-shadow; }
     a.card:hover {
       text-decoration: none;
-      box-shadow: rgba(53, 64, 82, 0.16) 0 2px 16px 0; }
-
-.card-group {
-  margin-bottom: 1.5rem; }
+      box-shadow: rgba(35, 46, 60, 0.16) 0 2px 16px 0; }
 
 .card-inactive {
   pointer-events: none;
@@ -8742,7 +9451,7 @@ Navbar vertical
     height: 5px;
     content: "";
     background: #ffffff;
-    border: 1px solid rgba(95, 102, 110, 0.2);
+    border: 1px solid rgba(110, 117, 126, 0.16);
     border-radius: 3px 3px 0 0; }
 
 .card-cover {
@@ -8756,7 +9465,7 @@ Navbar vertical
     bottom: 0;
     left: 0;
     content: "";
-    background: rgba(53, 64, 82, 0.24); }
+    background: rgba(35, 46, 60, 0.24); }
   .card-cover:first-child, .card-cover:first-child:before {
     border-radius: 3px 3px 0 0; }
 
@@ -8783,7 +9492,7 @@ Navbar vertical
   flex: 1; }
 
 .card-footer {
-  color: #5f666e; }
+  color: #6e757e; }
 
 .card-progress {
   height: .25rem; }
@@ -8793,7 +9502,7 @@ Navbar vertical
     border-radius: 2px 2px 0 0; }
 
 .card-meta {
-  color: #5f666e; }
+  color: #6e757e; }
 
 .card-title {
   display: block;
@@ -8809,8 +9518,8 @@ Navbar vertical
 .card-subtitle {
   margin-top: -1rem;
   margin-bottom: 1rem;
-  font-size: 0.75rem;
-  color: #5f666e; }
+  font-size: 85.7142857%;
+  color: #6e757e; }
 
 .card-body > :last-child {
   margin-bottom: 0; }
@@ -8818,15 +9527,15 @@ Navbar vertical
 .card-sm > .card-body {
   padding: .75rem; }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .card-md > .card-body {
     padding: 1.5rem; } }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .card-lg > .card-body {
     padding: 2rem; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .card-lg > .card-body {
     padding: 4rem; } }
 
@@ -8835,7 +9544,7 @@ Navbar vertical
     padding: 0; } }
 
 .card-body + .card-body {
-  border-top: 1px solid rgba(95, 102, 110, 0.2); }
+  border-top: 1px solid #e8e9ea; }
 
 .card-body-scrollable {
   overflow: auto; }
@@ -8853,11 +9562,11 @@ Card optinos
   display: inline-block;
   min-width: 1rem;
   margin-left: .25rem;
-  color: #5f666e; }
+  color: #6e757e; }
 
 .card-drop {
   line-height: 1;
-  color: #5f666e; }
+  color: #6e757e; }
   .card-drop .icon {
     width: 1.5rem;
     height: 1.5rem;
@@ -8908,7 +9617,7 @@ Card table
   .card-table tbody tr:last-child th {
     border-bottom: 0; }
   .card-body + .card-table {
-    border-top: 1px solid rgba(95, 102, 110, 0.2); }
+    border-top: 1px solid #e8e9ea; }
 
 /*
 Card code
@@ -8942,7 +9651,7 @@ Card avatar
 Card list group
  */
 .card-body + .card-list-group {
-  border-top: 1px solid rgba(95, 102, 110, 0.2); }
+  border-top: 1px solid #e8e9ea; }
 
 .card-list-group .list-group-item {
   padding-right: 1rem;
@@ -8958,43 +9667,43 @@ Card list group
 /**
 Card tabs
  */
-.card-tabs {
-  margin-bottom: 1.5rem; }
-  .card-tabs .nav-tabs {
-    position: relative;
-    z-index: 1000;
+.card-tabs .nav-tabs {
+  position: relative;
+  z-index: 1000;
+  border-bottom: 0; }
+  .card-tabs .nav-tabs .nav-link {
+    background: rgba(35, 46, 60, 0.024);
+    border: 1px solid rgba(110, 117, 126, 0.16);
     border-bottom: 0; }
-    .card-tabs .nav-tabs .nav-link {
-      background: rgba(53, 64, 82, 0.024);
-      border: 1px solid rgba(95, 102, 110, 0.2);
-      border-bottom: 0; }
-      .card-tabs .nav-tabs .nav-link.active, .card-tabs .nav-tabs .nav-link:active, .card-tabs .nav-tabs .nav-link:hover {
-        border-color: rgba(95, 102, 110, 0.2); }
-      .card-tabs .nav-tabs .nav-link.active {
-        background: #ffffff; }
-    .card-tabs .nav-tabs .nav-item:not(:first-child) .nav-link {
-      border-top-left-radius: 0; }
-    .card-tabs .nav-tabs .nav-item:not(:last-child) .nav-link {
-      border-top-right-radius: 0; }
-    .card-tabs .nav-tabs .nav-item + .nav-item {
-      margin-left: -1px; }
-  .card-tabs .nav-tabs-bottom {
-    margin-bottom: 0; }
-    .card-tabs .nav-tabs-bottom .nav-item {
-      margin-top: -1px;
-      margin-bottom: 0; }
-      .card-tabs .nav-tabs-bottom .nav-item .nav-link {
-        border-top-width: 0;
-        border-bottom: 1px solid rgba(95, 102, 110, 0.2);
-        border-top-left-radius: 0;
-        border-top-right-radius: 0; }
-  .card-tabs .card {
-    margin: 0;
+    .card-tabs .nav-tabs .nav-link.active, .card-tabs .nav-tabs .nav-link:active, .card-tabs .nav-tabs .nav-link:hover {
+      border-color: rgba(110, 117, 126, 0.16); }
+    .card-tabs .nav-tabs .nav-link.active {
+      background: #ffffff; }
+  .card-tabs .nav-tabs .nav-item:not(:first-child) .nav-link {
     border-top-left-radius: 0; }
+  .card-tabs .nav-tabs .nav-item:not(:last-child) .nav-link {
+    border-top-right-radius: 0; }
+  .card-tabs .nav-tabs .nav-item + .nav-item {
+    margin-left: -1px; }
 
-.close:focus {
+.card-tabs .nav-tabs-bottom {
+  margin-bottom: 0; }
+  .card-tabs .nav-tabs-bottom .nav-item {
+    margin-top: -1px;
+    margin-bottom: 0; }
+    .card-tabs .nav-tabs-bottom .nav-item .nav-link {
+      border-top-width: 0;
+      border-bottom: 1px solid rgba(110, 117, 126, 0.16);
+      border-top-left-radius: 0;
+      border-top-right-radius: 0; }
+
+.card-tabs .card {
+  margin: 0;
+  border-top-left-radius: 0; }
+
+.btn-close:focus {
   outline: none;
-  color: #354052; }
+  color: #232e3c; }
 
 .dropdown-menu {
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
@@ -9012,27 +9721,26 @@ Card tabs
 
 .dropdown-item {
   min-width: 14rem;
-  color: inherit;
   display: flex;
   align-items: center;
   margin: 0;
-  line-height: 1.71429; }
+  line-height: 1.4285714; }
 
 .dropdown-item-icon {
-  width: 1rem !important;
-  font-size: 1rem !important;
+  width: 1.25rem !important;
+  font-size: 1.25rem !important;
   margin-right: .5rem;
-  opacity: .64;
-  text-align: center;
-  stroke-width: 2px; }
+  color: #6e757e;
+  opacity: 0.66;
+  text-align: center; }
 
 .dropdown-header {
   font-size: 0.625rem;
-  font-weight: 500;
+  font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .04em;
   line-height: 1.6;
-  color: #5f666e;
+  color: #6e757e;
   padding-bottom: .25rem;
   pointer-events: none; }
 
@@ -9062,29 +9770,28 @@ Card tabs
   -moz-columns: 4;
        columns: 4; }
 
-.dropdown-menu-arrow {
-  margin-top: .5rem; }
-  .dropdown-menu-arrow:before {
-    content: "";
-    position: absolute;
-    top: -4px;
-    left: 12px;
-    display: block;
-    background: inherit;
-    width: 14px;
-    height: 14px;
-    transform: rotate(45deg);
-    transform-origin: center;
-    border: 1px solid;
-    border-color: inherit;
-    z-index: -1;
-    clip: rect(0px, 9px, 9px, 0px); }
-  .dropdown-menu-arrow.dropdown-menu-right:before {
-    right: 12px;
-    left: auto; }
+.dropdown-menu-arrow:before {
+  content: "";
+  position: absolute;
+  top: -.25rem;
+  left: .75rem;
+  display: block;
+  background: inherit;
+  width: 14px;
+  height: 14px;
+  transform: rotate(45deg);
+  transform-origin: center;
+  border: 1px solid;
+  border-color: inherit;
+  z-index: -1;
+  clip: rect(0px, 9px, 9px, 0px); }
+
+.dropdown-menu-arrow.dropdown-menu-right:before {
+  right: .75rem;
+  left: auto; }
 
 .dropright > .dropdown-menu {
-  margin-top: calc(-0.5rem - 1px);
+  margin-top: calc(-0.25rem - 1px);
   margin-left: 0; }
 
 .dropright .dropdown-toggle:after {
@@ -9105,7 +9812,7 @@ Card tabs
   height: 100%;
   padding: 1rem;
   text-align: center; }
-  @media (min-width: 48rem) {
+  @media (min-width: 768px) {
     .empty {
       padding: 3rem; } }
   .empty .empty-icon {
@@ -9113,6 +9820,10 @@ Card tabs
     font-size: 2rem;
     font-weight: 400;
     line-height: 1; }
+  .empty .empty-title {
+    font-size: 1.25rem;
+    line-height: 1.4;
+    font-weight: 500; }
   .empty .empty-title,
   .empty .empty-subtitle {
     margin: 0 0 .5rem; }
@@ -9120,28 +9831,21 @@ Card tabs
     margin-top: 1.5rem; }
 
 .empty-bordered {
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid #e8e9ea;
   border-radius: 3px; }
 
 .col-separator {
-  border-left: 1px solid rgba(95, 102, 110, 0.2); }
+  border-left: 1px solid #e8e9ea; }
+
+@media (max-width: 991.98px) {
+  .container,
+  .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
+    --bs-gutter-x: 1rem; } }
 
 .container-tight {
-  --bs-gutter-x: 0.75rem;
-  width: 100%;
-  padding-right: calc(var(--bs-gutter-x) / 2);
-  padding-left: calc(var(--bs-gutter-x) / 2);
-  margin-right: auto;
-  margin-left: auto;
   max-width: 35rem; }
 
 .container-narrow {
-  --bs-gutter-x: 0.75rem;
-  width: 100%;
-  padding-right: calc(var(--bs-gutter-x) / 2);
-  padding-left: calc(var(--bs-gutter-x) / 2);
-  margin-right: auto;
-  margin-left: auto;
   max-width: 45rem; }
 
 .row-0 {
@@ -9193,45 +9897,25 @@ Card tabs
     flex: 1 1 auto; }
 
 .row-cards {
-  margin-left: -0.625rem;
-  margin-right: -0.625rem; }
+  --tblr-gutter-x: 1rem;
+  --tblr-gutter-y: 1rem; }
   .row-cards .row-cards {
     flex: 1; }
-  .row-cards > * {
-    padding-left: 0.625rem;
-    padding-right: 0.625rem; }
-  @media (max-width: 63.98rem) {
+  @media (max-width: 991.98px) {
     .row-cards {
-      margin-left: -0.375rem;
-      margin-right: -0.375rem; }
-      .row-cards > * {
-        padding-left: 0.375rem;
-        padding-right: 0.375rem; } }
+      --tblr-gutter-x: 0.5rem;
+      --tblr-gutter-y: 0.5rem; } }
 
 .icon {
-  width: 1rem;
-  height: 1rem;
-  font-size: 1rem;
-  vertical-align: text-bottom; }
+  width: 1.25rem;
+  height: 1.25rem;
+  vertical-align: sub;
+  stroke-width: 1.5; }
   .icon:hover {
     text-decoration: none; }
 
-.icon-thin {
-  stroke-width: 1.5; }
-
-.icon-md {
-  width: 1.5rem;
-  height: 1.5rem; }
-
-.icon-lg {
-  width: 2rem;
-  height: 2rem; }
-
-.icon-xl {
-  width: 4rem;
-  height: 4rem; }
-  .icon-xl.icon-thin {
-    stroke-width: 1; }
+.icon-filled {
+  fill: currentColor; }
 
 .icons-list {
   display: flex;
@@ -9251,10 +9935,11 @@ Card tabs
   justify-content: center;
   height: 4rem;
   text-align: center;
-  border-right: 1px solid rgba(95, 102, 110, 0.2);
-  border-bottom: 1px solid rgba(95, 102, 110, 0.2); }
-  .icons-list-item i {
-    font-size: 1.25rem; }
+  border-right: 1px solid #e8e9ea;
+  border-bottom: 1px solid #e8e9ea; }
+  .icons-list-item .icon {
+    width: 1.5rem;
+    height: 1.5rem; }
 
 .img-responsive {
   background: no-repeat center/cover;
@@ -9279,29 +9964,26 @@ textarea[cols] {
 Form label
  */
 .form-label {
-  font-size: 0.875rem;
-  font-weight: 500;
-  display: block;
-  margin-bottom: .5rem; }
+  display: block; }
   .form-label.required:after {
     content: "*";
     margin-left: .25rem;
-    color: #cd201f; }
+    color: #e53e3e; }
 
 .form-label-description {
   float: right;
   font-weight: 400;
-  color: #5f666e;
+  color: #6e757e;
   line-height: 1.5rem;
-  font-size: 0.75rem; }
+  font-size: 85.7142857%; }
 
 /**
 Form hint
  */
 .form-hint {
   display: block;
-  font-size: 0.75rem;
-  color: #5f666e;
+  font-size: 85.7142857%;
+  color: #6e757e;
   line-height: 1.25rem; }
   .form-hint:last-child {
     margin-bottom: 0; }
@@ -9321,7 +10003,7 @@ Form control
   box-shadow: 0 0 0 1000px #ffffff inset; }
 
 .form-control:disabled, .form-control.disabled {
-  color: #5f666e;
+  color: #6e757e;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
@@ -9331,7 +10013,7 @@ Form control
   width: auto; }
 
 .form-control-light {
-  background-color: #f5f7fb;
+  background-color: #f1f4f8;
   border-color: transparent; }
 
 .form-control-dark {
@@ -9370,8 +10052,8 @@ Form control
 .form-fieldset {
   padding: 1rem;
   margin-bottom: 1rem;
-  background: rgba(53, 64, 82, 0.024);
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  background: rgba(35, 46, 60, 0.024);
+  border: 1px solid #e8e9ea;
   border-radius: 3px; }
 
 /**
@@ -9379,13 +10061,13 @@ Form help
  */
 .form-help {
   display: inline-flex;
-  font-weight: 500;
+  font-weight: 600;
   align-items: center;
   justify-content: center;
   width: 1.125rem;
   height: 1.125rem;
   font-size: .75rem;
-  color: #5f666e;
+  color: #6e757e;
   text-align: center;
   text-decoration: none;
   cursor: pointer;
@@ -9393,7 +10075,7 @@ Form help
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  background: rgba(145, 152, 163, 0.1);
+  background: rgba(134, 141, 150, 0.1);
   border-radius: 50%;
   transition: .3s background-color, .3s color; }
   .form-help:hover, .form-help[aria-describedby] {
@@ -9409,22 +10091,18 @@ Form switch
       -ms-user-select: none;
           user-select: none; }
   .form-check.form-check-highlight .form-check-input:not(:checked) ~ .form-check-label {
-    opacity: .64; }
+    opacity: 0.66; }
 
 .form-check-input {
   background-size: 1rem;
-  margin-top: .25rem; }
+  margin-top: .125rem; }
   .form-switch .form-check-input {
     transition: .3s background-color, .3s background-position; }
 
-.form-check-label {
-  line-height: 1.42857;
-  padding: .125rem 0; }
-
 .form-check-description {
-  color: #5f666e;
+  color: #6e757e;
   font-size: 0.75rem;
-  line-height: 1.42857; }
+  margin-top: .25rem; }
 
 /**
 Input group
@@ -9437,10 +10115,10 @@ Input group
   border-radius: 3px; }
   .input-group-flat:focus-within .form-control,
   .input-group-flat:focus-within .input-group-text {
-    border-color: #7aade9 !important; }
+    border-color: #90b5e2 !important; }
 
 .input-group-flat .form-control:focus {
-  border-color: rgba(95, 102, 110, 0.2);
+  border-color: rgba(110, 117, 126, 0.24);
   box-shadow: none; }
 
 .input-group-flat .form-control:not(:last-child) {
@@ -9483,7 +10161,7 @@ Icon input
   align-items: center;
   justify-content: center;
   min-width: 2.5rem;
-  color: #5f666e;
+  color: #6e757e;
   pointer-events: none;
   font-size: 1.2em; }
   .input-icon-addon:last-child {
@@ -9510,7 +10188,7 @@ Color Input
   width: 1.5rem;
   height: 1.5rem;
   color: #fff;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid rgba(110, 117, 126, 0.16);
   border-radius: 3px;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
   .form-colorinput-color:before {
@@ -9530,7 +10208,7 @@ Color Input
     border-color: #206bc4;
     box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
   .form-colorinput-light .form-colorinput-color:before {
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23354052' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e"); }
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23232e3c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e"); }
 
 /**
 Image check
@@ -9553,13 +10231,13 @@ Image check
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid #e8e9ea;
   border-radius: 3px; }
   .form-imagecheck-input:focus ~ .form-imagecheck-figure {
     border-color: #206bc4;
     box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
   .form-imagecheck-input:checked ~ .form-imagecheck-figure {
-    border-color: rgba(95, 102, 110, 0.2); }
+    border-color: #e8e9ea; }
   .form-imagecheck-figure:before {
     position: absolute;
     top: .25rem;
@@ -9576,7 +10254,7 @@ Image check
         -ms-user-select: none;
             user-select: none;
     background: #ffffff;
-    border: 1px solid rgba(95, 102, 110, 0.2);
+    border: 1px solid #e8e9ea;
     border-radius: 3px;
     transition: .3s opacity; }
     .form-imagecheck-input:checked ~ .form-imagecheck-figure:before {
@@ -9585,7 +10263,7 @@ Image check
       background-repeat: repeat;
       background-position: center;
       background-size: 1rem;
-      border-color: rgba(95, 102, 110, 0.2); }
+      border-color: rgba(110, 117, 126, 0.16); }
 
 .form-imagecheck-image {
   max-width: 100%;
@@ -9605,14 +10283,14 @@ Image check
 
 .form-imagecheck-caption {
   padding: .25rem;
-  font-size: 0.76562rem;
-  color: #5f666e;
+  font-size: 0.765625rem;
+  color: #6e757e;
   text-align: center;
   transition: .3s color; }
   .form-imagecheck:hover .form-imagecheck-caption,
   .form-imagecheck-input:focus ~ .form-imagecheck-figure .form-imagecheck-caption,
   .form-imagecheck-input:checked ~ .form-imagecheck-figure .form-imagecheck-caption {
-    color: #212b36; }
+    color: #232e3c; }
 
 /*
 Select group
@@ -9641,12 +10319,12 @@ Select group
 .form-selectgroup-label {
   position: relative;
   display: block;
-  min-width: calc(1.42857em + 0.875rem + 2px);
+  min-width: calc(1.4285714em + 0.875rem + 2px);
   margin: 0;
   padding: 0.4375rem 0.75rem;
   font-size: 0.875rem;
-  line-height: 1.42857;
-  color: #5f666e;
+  line-height: 1.4285714;
+  color: #6e757e;
   background: #ffffff;
   text-align: center;
   cursor: pointer;
@@ -9654,19 +10332,19 @@ Select group
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid rgba(110, 117, 126, 0.24);
   border-radius: 3px;
   transition: border-color .3s, background .3s, color .3s; }
   .form-selectgroup-label .icon:only-child {
     margin: 0 -.25rem; }
   .form-selectgroup-label:hover {
-    color: #212b36; }
+    color: #232e3c; }
 
 .form-selectgroup-check {
   display: inline-block;
   width: 1rem;
   height: 1rem;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid rgba(110, 117, 126, 0.16);
   vertical-align: middle; }
   .form-selectgroup-input[type="checkbox"] + .form-selectgroup-label .form-selectgroup-check {
     border-radius: 3px; }
@@ -9677,7 +10355,7 @@ Select group
     background-repeat: repeat;
     background-position: center;
     background-size: 1rem;
-    border-color: rgba(95, 102, 110, 0.2); }
+    border-color: rgba(110, 117, 126, 0.16); }
   .form-selectgroup-input[type="checkbox"]:checked + .form-selectgroup-label .form-selectgroup-check {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e"); }
   .form-selectgroup-input[type="radio"]:checked + .form-selectgroup-label .form-selectgroup-check {
@@ -9687,13 +10365,12 @@ Select group
   z-index: 1;
   color: #206bc4;
   background: rgba(32, 107, 196, 0.04);
-  border-color: #7aade9;
-  box-shadow: 0 1px 1px 0 rgba(32, 107, 196, 0.2); }
+  border-color: #90b5e2; }
 
 .form-selectgroup-input:focus + .form-selectgroup-label {
   z-index: 2;
   color: #206bc4;
-  border-color: #7aade9;
+  border-color: #90b5e2;
   box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
 
 /**
@@ -9735,11 +10412,11 @@ Remove the cancel buttons in Chrome and Safari on macOS.
   -webkit-appearance: none; }
 
 .form-control.is-valid-lite, .form-control.is-invalid-lite {
-  border-color: rgba(95, 102, 110, 0.2); }
+  border-color: #e8e9ea; }
 
 .legend {
   display: inline-block;
-  background: #e9ecf1;
+  background: #e5e8ed;
   width: .75em;
   height: .75em;
   border-radius: 3px; }
@@ -9755,7 +10432,7 @@ Remove the cancel buttons in Chrome and Safari on macOS.
   margin-left: auto; }
 
 .list-bordered .list-item, .list-row .list-item {
-  border-top: 1px solid rgba(95, 102, 110, 0.2);
+  border-top: 1px solid #e8e9ea;
   margin-top: -1px; }
   .list-bordered .list-item:first-child, .list-row .list-item:first-child {
     border-top: none; }
@@ -9790,7 +10467,7 @@ Remove the cancel buttons in Chrome and Safari on macOS.
 .list-timeline-time {
   float: right;
   margin-left: 1rem;
-  color: #5f666e; }
+  color: #6e757e; }
 
 .list-timeline-icon {
   position: absolute;
@@ -9803,7 +10480,7 @@ Remove the cancel buttons in Chrome and Safari on macOS.
   height: 2.5rem;
   color: #ffffff;
   text-align: center;
-  background: #5f666e;
+  background: #6e757e;
   border-radius: 50%; }
   .list-timeline-icon .icon {
     width: 1rem;
@@ -9811,7 +10488,7 @@ Remove the cancel buttons in Chrome and Safari on macOS.
 
 .list-timeline-title {
   margin: 0;
-  font-weight: 500; }
+  font-weight: 600; }
 
 .list-timeline-content {
   margin-left: 3.5rem; }
@@ -9826,7 +10503,7 @@ Remove the cancel buttons in Chrome and Safari on macOS.
     display: block;
     width: 4px;
     content: "";
-    background-color: #f5f7fb; }
+    background-color: #f1f4f8; }
   .list-timeline:not(.list-timeline-simple) > li {
     z-index: 2;
     min-height: 40px; }
@@ -9851,9 +10528,9 @@ Remove the cancel buttons in Chrome and Safari on macOS.
     border: 0;
     border-radius: 3px; }
     .list-group-transparent .list-group-item .icon {
-      color: #5f666e; }
+      color: #6e757e; }
     .list-group-transparent .list-group-item.active {
-      font-weight: 500;
+      font-weight: 600;
       color: inherit;
       background: rgba(32, 107, 196, 0.06); }
       .list-group-transparent .list-group-item.active .icon {
@@ -9866,14 +10543,20 @@ Remove the cancel buttons in Chrome and Safari on macOS.
   .list-separated-item:last-child {
     padding-bottom: 0; }
   .list-separated-item + .list-separated-item {
-    border-top: 1px solid rgba(95, 102, 110, 0.2); }
+    border-top: 1px solid #e8e9ea; }
 
 /**
 Inline list
  */
+.list-inline-item:not(:last-child) {
+  margin-right: auto;
+  -webkit-margin-end: 0.5rem;
+          margin-inline-end: 0.5rem; }
+
 .list-inline-dots .list-inline-item + .list-inline-item:before {
-  content: '· ';
-  margin-right: 0.5rem; }
+  content: ' · ';
+  -webkit-margin-end: 0.5rem;
+          margin-inline-end: 0.5rem; }
 
 @-webkit-keyframes loader {
   from {
@@ -9930,11 +10613,10 @@ Dimmer
     pointer-events: none;
     opacity: .1; }
 
-.modal-content .close {
+.modal-content .btn-close {
   position: absolute;
   top: 0;
   right: 0;
-  font-size: 1rem;
   width: 3.5rem;
   height: 3.5rem;
   margin: 0;
@@ -9949,20 +10631,20 @@ Dimmer
 
 .modal-body::-webkit-scrollbar-thumb {
   border-radius: 5px;
-  background: #dee1e7; }
+  background: #d8dce1; }
 
 .modal-body::-webkit-scrollbar-corner {
   background: transparent; }
 
 .modal-body:hover::-webkit-scrollbar-thumb {
-  background: #cbcfd6;
-  background: #cbcfd6; }
+  background: #c4c8cf;
+  background: #c4c8cf; }
 
 .modal-body .modal-title {
   margin-bottom: 1rem; }
 
 .modal-body + .modal-body {
-  border-top: 1px solid rgba(95, 102, 110, 0.1); }
+  border-top: 1px solid #e8e9ea; }
 
 .modal-header {
   align-items: center;
@@ -9973,46 +10655,46 @@ Dimmer
 .modal-title {
   font-size: 1rem;
   font-weight: 500;
-  line-height: 1.33333; }
+  line-height: 1.3333333; }
 
 .modal-footer {
   padding-top: 0;
   padding-bottom: .75rem; }
 
 .modal-blur {
-  -webkit-backdrop-filter: blur(2px);
-          backdrop-filter: blur(2px); }
+  -webkit-backdrop-filter: blur(4px);
+          backdrop-filter: blur(4px); }
 
 .modal-full-width {
   max-width: none;
   margin: 0 0.5rem; }
 
 .nav-tabs .icon {
-  color: #5f666e; }
+  color: #6e757e; }
 
 .nav-tabs .nav-link {
   padding: 0.5rem 1rem;
   line-height: 20px;
-  color: #5f666e;
+  color: #6e757e;
   cursor: pointer;
   background: transparent;
   border: none;
   border-bottom: 1px solid transparent;
   transition: .3s color, .3s border-color; }
   .nav-tabs .nav-link:hover {
-    color: #212b36;
+    color: #232e3c;
     border-color: transparent; }
   .nav-tabs .nav-link.disabled {
-    color: rgba(95, 102, 110, 0.2); }
+    color: rgba(110, 117, 126, 0.2); }
   .nav-tabs .nav-link.active {
-    color: #212b36;
+    color: #232e3c;
     background: inherit;
     border-color: transparent;
     border-bottom-color: #206bc4; }
 
 .nav-tabs-alt .nav-link {
   font-size: 13px;
-  font-weight: 500;
+  font-weight: 600;
   text-transform: uppercase; }
 
 .nav-icon {
@@ -10026,20 +10708,20 @@ Dimmer
   display: flex;
   transition: .3s color;
   align-items: center; }
-  .nav-link .icon {
-    display: inline-block;
-    font-size: 1rem; }
 
 .nav-link-icon {
   width: 1.25rem;
-  height: 1rem;
-  font-size: 1rem; }
+  height: 1.25rem;
+  -webkit-margin-end: .5rem;
+          margin-inline-end: .5rem; }
   .nav-link-icon .icon {
-    display: block; }
+    display: block;
+    width: 100%;
+    height: 100%; }
 
 .stars {
   display: inline-flex;
-  color: #dee1e7;
+  color: #d8dce1;
   font-size: 0.75rem; }
   .stars .star:not(:first-child) {
     margin-left: .25rem; }
@@ -10051,7 +10733,7 @@ Dimmer
           user-select: none; }
 
 .page-link {
-  min-width: 1.5rem;
+  min-width: 1.75rem;
   border-radius: 3px; }
   .page-link:hover {
     background: transparent; }
@@ -10068,19 +10750,19 @@ Dimmer
 .page-item-subtitle {
   margin-bottom: 2px;
   font-size: 12px;
-  color: #5f666e;
+  color: #6e757e;
   text-transform: uppercase; }
   .page-item.disabled .page-item-subtitle {
-    color: rgba(95, 102, 110, 0.5); }
+    color: rgba(110, 117, 126, 0.5); }
 
 .page-item-title {
   font-size: 1rem;
   font-weight: 400;
-  color: #212b36; }
+  color: #232e3c; }
   .page-link:hover .page-item-title {
     color: #206bc4; }
   .page-item.disabled .page-item-title {
-    color: rgba(95, 102, 110, 0.5); }
+    color: rgba(110, 117, 126, 0.5); }
 
 @-webkit-keyframes progress-indeterminate {
   0% {
@@ -10108,7 +10790,7 @@ Dimmer
      -moz-appearance: none;
           appearance: none; }
   .progress::-webkit-progress-bar {
-    background: #f5f7fb; }
+    background: #f1f4f8; }
   .progress::-webkit-progress-value {
     background-color: #206bc4; }
   .progress::-moz-progress-bar {
@@ -10136,6 +10818,9 @@ Dimmer
   -webkit-animation: progress-indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
           animation: progress-indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
 
+.progress-separated .progress-bar {
+  border-right: 2px solid #ffffff; }
+
 .ribbon {
   position: absolute;
   top: .75rem;
@@ -10143,7 +10828,7 @@ Dimmer
   z-index: 1;
   padding: .25rem .75rem;
   font-size: 0.625rem;
-  font-weight: 500;
+  font-weight: 600;
   line-height: 1.5rem;
   color: #fff;
   text-align: center;
@@ -10165,63 +10850,51 @@ Dimmer
   .ribbon.bg-blue {
     border-color: #206bc4; }
   .ribbon.bg-blue-lt {
-    border-color: #d2e1f3 !important; }
+    border-color: #e9f0f9 !important; }
   .ribbon.bg-azure {
-    border-color: #45aaf2; }
+    border-color: #4299e1; }
   .ribbon.bg-azure-lt {
-    border-color: #daeefc !important; }
+    border-color: #ecf5fc !important; }
   .ribbon.bg-indigo {
     border-color: #6574cd; }
   .ribbon.bg-indigo-lt {
-    border-color: #e0e3f5 !important; }
+    border-color: #f0f1fa !important; }
   .ribbon.bg-purple {
-    border-color: #a55eea; }
+    border-color: #9f7aea; }
   .ribbon.bg-purple-lt {
-    border-color: #eddffb !important; }
+    border-color: #f5f2fd !important; }
   .ribbon.bg-pink {
-    border-color: #f66d9b; }
+    border-color: #ed64a6; }
   .ribbon.bg-pink-lt {
-    border-color: #fde2eb !important; }
+    border-color: #fdf0f6 !important; }
   .ribbon.bg-red {
-    border-color: #cd201f; }
+    border-color: #e53e3e; }
   .ribbon.bg-red-lt {
-    border-color: #f5d2d2 !important; }
+    border-color: #fcecec !important; }
   .ribbon.bg-orange {
-    border-color: #ff922b; }
+    border-color: #ed8936; }
   .ribbon.bg-orange-lt {
-    border-color: #ffe9d5 !important; }
+    border-color: #fdf3eb !important; }
   .ribbon.bg-yellow {
     border-color: #fab005; }
   .ribbon.bg-yellow-lt {
-    border-color: #feefcd !important; }
+    border-color: #fff7e6 !important; }
   .ribbon.bg-lime {
-    border-color: #94d82d; }
+    border-color: #82c91e; }
   .ribbon.bg-lime-lt {
-    border-color: #eaf7d5 !important; }
+    border-color: #f3fae9 !important; }
   .ribbon.bg-green {
     border-color: #5eba00; }
   .ribbon.bg-green-lt {
-    border-color: #dff1cc !important; }
+    border-color: #eff8e6 !important; }
   .ribbon.bg-teal {
     border-color: #2bcbba; }
   .ribbon.bg-teal-lt {
-    border-color: #d5f5f1 !important; }
+    border-color: #eafaf8 !important; }
   .ribbon.bg-cyan {
     border-color: #17a2b8; }
   .ribbon.bg-cyan-lt {
-    border-color: #d1ecf1 !important; }
-  .ribbon.bg-gray {
-    border-color: #a8aeb7; }
-  .ribbon.bg-gray-lt {
-    border-color: #eeeff1 !important; }
-  .ribbon.bg-gray-dark {
-    border-color: #545d6d; }
-  .ribbon.bg-gray-dark-lt {
-    border-color: #dddfe2 !important; }
-  .ribbon.bg-dark {
-    border-color: #354052; }
-  .ribbon.bg-dark-lt {
-    border-color: #d7d9dc !important; }
+    border-color: #e8f6f8 !important; }
   .ribbon .icon {
     width: 1rem;
     height: 1rem; }
@@ -10299,24 +10972,6 @@ Dimmer
       border-bottom-color: transparent;
       border-bottom-width: .5rem; }
 
-.stamp {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 2.5rem;
-  height: 2.5rem;
-  line-height: 2.5rem;
-  padding: 0 .25rem;
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: #5f666e;
-  text-align: center;
-  background: #f1f3f8;
-  border-radius: 3px; }
-  .stamp .icon {
-    font-size: 1.25rem;
-    vertical-align: middle; }
-
 .steps {
   display: flex;
   flex-wrap: nowrap;
@@ -10349,11 +11004,11 @@ Dimmer
 
 .steps-azure .step-item:after, .steps-azure .step-item:before {
   color: #ffffff;
-  background: #45aaf2; }
+  background: #4299e1; }
 
 .steps-azure .step-item.active:before {
   color: inherit;
-  border-color: #45aaf2; }
+  border-color: #4299e1; }
 
 .steps-indigo .step-item:after, .steps-indigo .step-item:before {
   color: #ffffff;
@@ -10365,35 +11020,35 @@ Dimmer
 
 .steps-purple .step-item:after, .steps-purple .step-item:before {
   color: #ffffff;
-  background: #a55eea; }
+  background: #9f7aea; }
 
 .steps-purple .step-item.active:before {
   color: inherit;
-  border-color: #a55eea; }
+  border-color: #9f7aea; }
 
 .steps-pink .step-item:after, .steps-pink .step-item:before {
   color: #ffffff;
-  background: #f66d9b; }
+  background: #ed64a6; }
 
 .steps-pink .step-item.active:before {
   color: inherit;
-  border-color: #f66d9b; }
+  border-color: #ed64a6; }
 
 .steps-red .step-item:after, .steps-red .step-item:before {
   color: #ffffff;
-  background: #cd201f; }
+  background: #e53e3e; }
 
 .steps-red .step-item.active:before {
   color: inherit;
-  border-color: #cd201f; }
+  border-color: #e53e3e; }
 
 .steps-orange .step-item:after, .steps-orange .step-item:before {
   color: #ffffff;
-  background: #ff922b; }
+  background: #ed8936; }
 
 .steps-orange .step-item.active:before {
   color: inherit;
-  border-color: #ff922b; }
+  border-color: #ed8936; }
 
 .steps-yellow .step-item:after, .steps-yellow .step-item:before {
   color: #ffffff;
@@ -10405,11 +11060,11 @@ Dimmer
 
 .steps-lime .step-item:after, .steps-lime .step-item:before {
   color: #ffffff;
-  background: #94d82d; }
+  background: #82c91e; }
 
 .steps-lime .step-item.active:before {
   color: inherit;
-  border-color: #94d82d; }
+  border-color: #82c91e; }
 
 .steps-green .step-item:after, .steps-green .step-item:before {
   color: #ffffff;
@@ -10435,30 +11090,6 @@ Dimmer
   color: inherit;
   border-color: #17a2b8; }
 
-.steps-gray .step-item:after, .steps-gray .step-item:before {
-  color: #ffffff;
-  background: #a8aeb7; }
-
-.steps-gray .step-item.active:before {
-  color: inherit;
-  border-color: #a8aeb7; }
-
-.steps-gray-dark .step-item:after, .steps-gray-dark .step-item:before {
-  color: #ffffff;
-  background: #545d6d; }
-
-.steps-gray-dark .step-item.active:before {
-  color: inherit;
-  border-color: #545d6d; }
-
-.steps-dark .step-item:after, .steps-dark .step-item:before {
-  color: #ffffff;
-  background: #354052; }
-
-.steps-dark .step-item.active:before {
-  color: inherit;
-  border-color: #354052; }
-
 .step-item {
   position: relative;
   flex: 1 1 0;
@@ -10489,15 +11120,15 @@ Dimmer
     border-radius: 50%;
     transform: translateX(-50%); }
   .step-item.active {
-    font-weight: 500; }
+    font-weight: 600; }
     .step-item.active:before {
       background: #fff; }
     .step-item.active ~ .step-item {
-      color: #5f666e; }
+      color: #6e757e; }
       .step-item.active ~ .step-item:after, .step-item.active ~ .step-item:before {
         background: #f3f5f5; }
       .step-item.active ~ .step-item:before {
-        color: #5f666e !important; }
+        color: #6e757e !important; }
 
 .steps-counter {
   counter-reset: steps; }
@@ -10512,21 +11143,21 @@ Dimmer
   .steps-counter .step-item {
     counter-increment: steps; }
     .steps-counter .step-item:before {
-      font-size: 1rem;
+      font-size: 0.75rem;
       line-height: 1.5rem;
       content: counter(steps); }
     .steps-counter .step-item.active ~ .step-item:before {
       background: #fff; }
 
 .table thead th, .markdown > table thead th {
-  color: #5f666e;
-  background: rgba(53, 64, 82, 0.024);
+  color: #6e757e;
+  background: rgba(35, 46, 60, 0.024);
   font-size: 0.625rem;
-  font-weight: 500;
+  font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .04em;
   line-height: 1.6;
-  color: #5f666e;
+  color: #6e757e;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem; }
   @media print {
@@ -10558,22 +11189,22 @@ Dimmer
     display: block;
     padding: 0.5rem 0.5rem !important;
     border: none;
-    color: #212b36 !important; }
+    color: #232e3c !important; }
     .table-mobile td[data-label]:before {
       font-size: 0.625rem;
-      font-weight: 500;
+      font-weight: 600;
       text-transform: uppercase;
       letter-spacing: .04em;
       line-height: 1.6;
-      color: #5f666e;
+      color: #6e757e;
       content: attr(data-label);
       display: block; }
   .table-mobile tr {
-    border-bottom: 1px solid rgba(95, 102, 110, 0.2); }
+    border-bottom: 1px solid rgba(110, 117, 126, 0.16); }
   .table-mobile .btn {
     display: block; }
 
-@media (max-width: 32.98rem) {
+@media (max-width: 575.98px) {
   .table-mobile-sm {
     display: block; }
     .table-mobile-sm thead {
@@ -10586,22 +11217,22 @@ Dimmer
       display: block;
       padding: 0.5rem 0.5rem !important;
       border: none;
-      color: #212b36 !important; }
+      color: #232e3c !important; }
       .table-mobile-sm td[data-label]:before {
         font-size: 0.625rem;
-        font-weight: 500;
+        font-weight: 600;
         text-transform: uppercase;
         letter-spacing: .04em;
         line-height: 1.6;
-        color: #5f666e;
+        color: #6e757e;
         content: attr(data-label);
         display: block; }
     .table-mobile-sm tr {
-      border-bottom: 1px solid rgba(95, 102, 110, 0.2); }
+      border-bottom: 1px solid rgba(110, 117, 126, 0.16); }
     .table-mobile-sm .btn {
       display: block; } }
 
-@media (max-width: 47.98rem) {
+@media (max-width: 767.98px) {
   .table-mobile-md {
     display: block; }
     .table-mobile-md thead {
@@ -10614,22 +11245,22 @@ Dimmer
       display: block;
       padding: 0.5rem 0.5rem !important;
       border: none;
-      color: #212b36 !important; }
+      color: #232e3c !important; }
       .table-mobile-md td[data-label]:before {
         font-size: 0.625rem;
-        font-weight: 500;
+        font-weight: 600;
         text-transform: uppercase;
         letter-spacing: .04em;
         line-height: 1.6;
-        color: #5f666e;
+        color: #6e757e;
         content: attr(data-label);
         display: block; }
     .table-mobile-md tr {
-      border-bottom: 1px solid rgba(95, 102, 110, 0.2); }
+      border-bottom: 1px solid rgba(110, 117, 126, 0.16); }
     .table-mobile-md .btn {
       display: block; } }
 
-@media (max-width: 63.98rem) {
+@media (max-width: 991.98px) {
   .table-mobile-lg {
     display: block; }
     .table-mobile-lg thead {
@@ -10642,22 +11273,22 @@ Dimmer
       display: block;
       padding: 0.5rem 0.5rem !important;
       border: none;
-      color: #212b36 !important; }
+      color: #232e3c !important; }
       .table-mobile-lg td[data-label]:before {
         font-size: 0.625rem;
-        font-weight: 500;
+        font-weight: 600;
         text-transform: uppercase;
         letter-spacing: .04em;
         line-height: 1.6;
-        color: #5f666e;
+        color: #6e757e;
         content: attr(data-label);
         display: block; }
     .table-mobile-lg tr {
-      border-bottom: 1px solid rgba(95, 102, 110, 0.2); }
+      border-bottom: 1px solid rgba(110, 117, 126, 0.16); }
     .table-mobile-lg .btn {
       display: block; } }
 
-@media (max-width: 75.23rem) {
+@media (max-width: 1199.98px) {
   .table-mobile-xl {
     display: block; }
     .table-mobile-xl thead {
@@ -10670,21 +11301,49 @@ Dimmer
       display: block;
       padding: 0.5rem 0.5rem !important;
       border: none;
-      color: #212b36 !important; }
+      color: #232e3c !important; }
       .table-mobile-xl td[data-label]:before {
         font-size: 0.625rem;
-        font-weight: 500;
+        font-weight: 600;
         text-transform: uppercase;
         letter-spacing: .04em;
         line-height: 1.6;
-        color: #5f666e;
+        color: #6e757e;
         content: attr(data-label);
         display: block; }
     .table-mobile-xl tr {
-      border-bottom: 1px solid rgba(95, 102, 110, 0.2); }
+      border-bottom: 1px solid rgba(110, 117, 126, 0.16); }
     .table-mobile-xl .btn {
       display: block; } }
 
+@media (max-width: 1399.98px) {
+  .table-mobile-xxl {
+    display: block; }
+    .table-mobile-xxl thead {
+      display: none; }
+    .table-mobile-xxl tbody,
+    .table-mobile-xxl tr {
+      display: flex;
+      flex-direction: column; }
+    .table-mobile-xxl td {
+      display: block;
+      padding: 0.5rem 0.5rem !important;
+      border: none;
+      color: #232e3c !important; }
+      .table-mobile-xxl td[data-label]:before {
+        font-size: 0.625rem;
+        font-weight: 600;
+        text-transform: uppercase;
+        letter-spacing: .04em;
+        line-height: 1.6;
+        color: #6e757e;
+        content: attr(data-label);
+        display: block; }
+    .table-mobile-xxl tr {
+      border-bottom: 1px solid rgba(110, 117, 126, 0.16); }
+    .table-mobile-xxl .btn {
+      display: block; } }
+
 .toast-header {
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -10713,11 +11372,11 @@ Hr text
   align-items: center;
   margin: 2rem 0;
   font-size: 0.625rem;
-  font-weight: 500;
+  font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .04em;
   line-height: 1.6;
-  color: #5f666e;
+  color: #6e757e;
   height: 1px; }
   .hr-text:after, .hr-text:before {
     flex: 1 1 auto;
@@ -10733,7 +11392,7 @@ Hr text
   .hr-text > *:first-child {
     padding-right: .5rem;
     padding-left: 0;
-    color: #5f666e; }
+    color: #6e757e; }
   .hr-text.hr-text-left:before {
     content: none; }
   .hr-text.hr-text-left > *:first-child {
@@ -10759,6 +11418,15 @@ a {
   -webkit-text-decoration-skip: ink;
           text-decoration-skip-ink: auto; }
 
+ul,
+ol {
+  margin: 0 0 1rem 0;
+  -webkit-margin-start: 1rem;
+          margin-inline-start: 1rem;
+  padding: 0;
+  -webkit-padding-start: 1rem;
+          padding-inline-start: 1rem; }
+
 h1 a, .h1 a,
 h2 a,
 .h2 a,
@@ -10779,19 +11447,19 @@ h6 a,
   color: inherit; }
 
 h1, .h1 {
-  line-height: 1.14286; }
+  line-height: 1.1428571; }
 
 h2, .h2 {
-  line-height: 1.6; }
+  line-height: 1.4; }
 
 h3, .h3 {
   line-height: 1.5; }
 
 h4, .h4 {
-  line-height: 1.42857; }
+  line-height: 1.4285714; }
 
 h5, .h5 {
-  line-height: 1.33333; }
+  line-height: 1.3333333; }
 
 h6, .h6 {
   line-height: 1.6; }
@@ -10799,11 +11467,11 @@ h6, .h6 {
 strong,
 .strong,
 b {
-  font-weight: 500; }
+  font-weight: 600; }
 
 blockquote {
   padding-left: 1rem;
-  border-left: 2px solid rgba(95, 102, 110, 0.2); }
+  border-left: 2px solid #e8e9ea; }
   blockquote p {
     margin-bottom: 1rem; }
   blockquote cite {
@@ -10822,12 +11490,13 @@ code {
   padding: 2px 4px;
   background: rgba(32, 107, 196, 0.03);
   border: 1px solid rgba(32, 107, 196, 0.064);
-  border-radius: 3px; }
+  border-radius: 3px;
+  font-weight: 400; }
 
 pre {
   padding: 1rem;
   overflow: auto;
-  font-size: 0.75rem;
+  font-size: 85.7142857%;
   -webkit-hyphens: none;
       -ms-hyphens: none;
           hyphens: none;
@@ -10860,7 +11529,7 @@ Selection
 Links
  */
 [class^="link-"].disabled, [class*=" link-"].disabled {
-  color: #a8aeb7;
+  color: #9fa5ad;
   pointer-events: none; }
 
 /**
@@ -10868,29 +11537,41 @@ Subheader
  */
 .subheader {
   font-size: 0.625rem;
-  font-weight: 500;
+  font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .04em;
   line-height: 1.6;
-  color: #5f666e; }
+  color: #6e757e; }
 
 /**
 Markdown
  */
-.markdown > :first-child {
-  margin-top: 0; }
-
-.markdown > :last-child,
-.markdown > :last-child .highlight {
-  margin-bottom: 0; }
-
-.markdown > h1, .markdown > .h1, .markdown > h2, .markdown > .h2, .markdown > h3, .markdown > .h3, .markdown > h4, .markdown > .h4, .markdown > h5, .markdown > .h5, .markdown > h6, .markdown > .h6 {
-  margin-top: 2rem; }
-
-@media (min-width: 48rem) {
-  .markdown > hr, .markdown > .hr {
-    margin-top: 3em;
-    margin-bottom: 3em; } }
+.markdown {
+  line-height: 1.7142857; }
+  .markdown > :first-child {
+    margin-top: 0; }
+  .markdown > :last-child,
+  .markdown > :last-child .highlight {
+    margin-bottom: 0; }
+  .markdown > h1, .markdown > .h1, .markdown > h2, .markdown > .h2, .markdown > h3, .markdown > .h3, .markdown > h4, .markdown > .h4, .markdown > h5, .markdown > .h5, .markdown > h6, .markdown > .h6 {
+    margin-top: 2rem;
+    margin-bottom: .25rem; }
+  .markdown > h1, .markdown > .h1 {
+    font-size: 1.25rem;
+    line-height: 1.4; }
+  .markdown > h2, .markdown > .h2 {
+    font-size: 1rem;
+    line-height: 1.5; }
+  .markdown > h3, .markdown > .h3 {
+    font-size: 0.875rem;
+    line-height: 1.4285714; }
+  .markdown > h4, .markdown > .h4 {
+    font-size: 0.75rem;
+    line-height: 1.3333333; }
+  @media (min-width: 768px) {
+    .markdown > hr, .markdown > .hr {
+      margin-top: 3em;
+      margin-bottom: 3em; } }
 
 .chart {
   display: block;
@@ -10938,11 +11619,11 @@ Chart sparkline
 
 .bg-white-overlay {
   color: #fff;
-  background-color: rgba(245, 247, 251, 0.24); }
+  background-color: rgba(241, 244, 248, 0.24); }
 
 .bg-dark-overlay {
   color: #fff;
-  background-color: rgba(53, 64, 82, 0.24); }
+  background-color: rgba(35, 46, 60, 0.24); }
 
 .bg-cover {
   background-repeat: no-repeat;
@@ -11058,17 +11739,17 @@ SOCIAL COLORS
 
 .bg-blue-lt {
   color: #206bc4 !important;
-  background: #d2e1f3 !important; }
+  background: rgba(32, 107, 196, 0.1) !important; }
 
 .bg-azure {
-  background: #45aaf2; }
+  background: #4299e1; }
 
 .text-azure {
-  color: #45aaf2 !important; }
+  color: #4299e1 !important; }
 
 .bg-azure-lt {
-  color: #45aaf2 !important;
-  background: #daeefc !important; }
+  color: #4299e1 !important;
+  background: rgba(66, 153, 225, 0.1) !important; }
 
 .bg-indigo {
   background: #6574cd; }
@@ -11078,47 +11759,47 @@ SOCIAL COLORS
 
 .bg-indigo-lt {
   color: #6574cd !important;
-  background: #e0e3f5 !important; }
+  background: rgba(101, 116, 205, 0.1) !important; }
 
 .bg-purple {
-  background: #a55eea; }
+  background: #9f7aea; }
 
 .text-purple {
-  color: #a55eea !important; }
+  color: #9f7aea !important; }
 
 .bg-purple-lt {
-  color: #a55eea !important;
-  background: #eddffb !important; }
+  color: #9f7aea !important;
+  background: rgba(159, 122, 234, 0.1) !important; }
 
 .bg-pink {
-  background: #f66d9b; }
+  background: #ed64a6; }
 
 .text-pink {
-  color: #f66d9b !important; }
+  color: #ed64a6 !important; }
 
 .bg-pink-lt {
-  color: #f66d9b !important;
-  background: #fde2eb !important; }
+  color: #ed64a6 !important;
+  background: rgba(237, 100, 166, 0.1) !important; }
 
 .bg-red {
-  background: #cd201f; }
+  background: #e53e3e; }
 
 .text-red {
-  color: #cd201f !important; }
+  color: #e53e3e !important; }
 
 .bg-red-lt {
-  color: #cd201f !important;
-  background: #f5d2d2 !important; }
+  color: #e53e3e !important;
+  background: rgba(229, 62, 62, 0.1) !important; }
 
 .bg-orange {
-  background: #ff922b; }
+  background: #ed8936; }
 
 .text-orange {
-  color: #ff922b !important; }
+  color: #ed8936 !important; }
 
 .bg-orange-lt {
-  color: #ff922b !important;
-  background: #ffe9d5 !important; }
+  color: #ed8936 !important;
+  background: rgba(237, 137, 54, 0.1) !important; }
 
 .bg-yellow {
   background: #fab005; }
@@ -11128,17 +11809,17 @@ SOCIAL COLORS
 
 .bg-yellow-lt {
   color: #fab005 !important;
-  background: #feefcd !important; }
+  background: rgba(250, 176, 5, 0.1) !important; }
 
 .bg-lime {
-  background: #94d82d; }
+  background: #82c91e; }
 
 .text-lime {
-  color: #94d82d !important; }
+  color: #82c91e !important; }
 
 .bg-lime-lt {
-  color: #94d82d !important;
-  background: #eaf7d5 !important; }
+  color: #82c91e !important;
+  background: rgba(130, 201, 30, 0.1) !important; }
 
 .bg-green {
   background: #5eba00; }
@@ -11148,7 +11829,7 @@ SOCIAL COLORS
 
 .bg-green-lt {
   color: #5eba00 !important;
-  background: #dff1cc !important; }
+  background: rgba(94, 186, 0, 0.1) !important; }
 
 .bg-teal {
   background: #2bcbba; }
@@ -11158,7 +11839,7 @@ SOCIAL COLORS
 
 .bg-teal-lt {
   color: #2bcbba !important;
-  background: #d5f5f1 !important; }
+  background: rgba(43, 203, 186, 0.1) !important; }
 
 .bg-cyan {
   background: #17a2b8; }
@@ -11168,37 +11849,7 @@ SOCIAL COLORS
 
 .bg-cyan-lt {
   color: #17a2b8 !important;
-  background: #d1ecf1 !important; }
-
-.bg-gray {
-  background: #a8aeb7; }
-
-.text-gray {
-  color: #a8aeb7 !important; }
-
-.bg-gray-lt {
-  color: #a8aeb7 !important;
-  background: #eeeff1 !important; }
-
-.bg-gray-dark {
-  background: #545d6d; }
-
-.text-gray-dark {
-  color: #545d6d !important; }
-
-.bg-gray-dark-lt {
-  color: #545d6d !important;
-  background: #dddfe2 !important; }
-
-.bg-dark {
-  background: #354052; }
-
-.text-dark {
-  color: #354052 !important; }
-
-.bg-dark-lt {
-  color: #354052 !important;
-  background: #d7d9dc !important; }
+  background: rgba(23, 162, 184, 0.1) !important; }
 
 /*
 Scrollable
@@ -11256,10 +11907,10 @@ Scrollable
   height: 1rem !important; }
 
 .w-4 {
-  width: 1.5rem !important; }
+  width: 1.25rem !important; }
 
 .h-4 {
-  height: 1.5rem !important; }
+  height: 1.25rem !important; }
 
 .w-5 {
   width: 3rem !important; }
@@ -11379,66 +12030,21 @@ Antialiasing
 
 @media not print {
   .theme-dark {
-    color: #f5f7fb;
-    background-color: #2f3949; }
+    color: #f1f4f8;
+    background-color: #1f2936; }
   .theme-dark .card,
-  .theme-dark .footer,
+  .theme-dark .footer:not(.footer-transparent),
   .theme-dark .modal-content,
   .theme-dark .modal-header,
   .theme-dark .dropdown-menu,
   .theme-dark .flatpickr-calendar {
-    background-color: #354052;
+    background-color: #232e3c;
     color: inherit; }
   .theme-dark .card {
     border-color: transparent; }
   .theme-dark .btn-white,
   .theme-dark .form-file-button {
-    color: #f5f7fb;
-    background-color: #3b475b;
-    border-color: rgba(95, 102, 110, 0.2);
     background-image: none; }
-    .theme-dark .btn-white:hover,
-    .theme-dark .form-file-button:hover {
-      color: #f5f7fb;
-      background-color: rgba(53, 64, 82, 0);
-      border-color: rgba(95, 102, 110, 0.2); }
-    .btn-check:focus + .theme-dark .btn-white, .theme-dark .btn-white:focus, .btn-check:focus +
-    .theme-dark .form-file-button,
-    .theme-dark .form-file-button:focus {
-      color: #f5f7fb;
-      background-color: rgba(53, 64, 82, 0);
-      border-color: rgba(95, 102, 110, 0.2);
-      box-shadow: 0 0 0 0.25rem rgba(187, 191, 197, 0.5); }
-    .btn-check:checked + .theme-dark .btn-white,
-    .btn-check:active + .theme-dark .btn-white, .theme-dark .btn-white:active, .theme-dark .btn-white.active,
-    .show > .theme-dark .btn-white.dropdown-toggle, .btn-check:checked +
-    .theme-dark .form-file-button,
-    .btn-check:active +
-    .theme-dark .form-file-button,
-    .theme-dark .form-file-button:active,
-    .theme-dark .form-file-button.active,
-    .show >
-    .theme-dark .form-file-button.dropdown-toggle {
-      color: #ffffff;
-      background-color: #4f5f7a;
-      border-color: rgba(107, 115, 124, 0.2); }
-      .btn-check:checked + .theme-dark .btn-white:focus,
-      .btn-check:active + .theme-dark .btn-white:focus, .theme-dark .btn-white:active:focus, .theme-dark .btn-white.active:focus,
-      .show > .theme-dark .btn-white.dropdown-toggle:focus, .btn-check:checked +
-      .theme-dark .form-file-button:focus,
-      .btn-check:active +
-      .theme-dark .form-file-button:focus,
-      .theme-dark .form-file-button:active:focus,
-      .theme-dark .form-file-button.active:focus,
-      .show >
-      .theme-dark .form-file-button.dropdown-toggle:focus {
-        box-shadow: 0 0 0 0.25rem rgba(187, 191, 197, 0.5); }
-    .theme-dark .btn-white:disabled, .theme-dark .btn-white.disabled,
-    .theme-dark .form-file-button:disabled,
-    .theme-dark .form-file-button.disabled {
-      color: #ffffff;
-      background-color: #3b475b;
-      border-color: rgba(95, 102, 110, 0.2); }
   .theme-dark .form-check-input:not(:checked),
   .theme-dark .form-select,
   .theme-dark .form-file-text,
@@ -11447,24 +12053,24 @@ Antialiasing
   .theme-dark .flatpickr-input.flatpickr-input,
   .theme-dark .form-selectgroup-check,
   .theme-dark .form-imagecheck-figure:before {
-    background-color: #2f3949;
-    color: #f5f7fb; }
+    background-color: #1f2936;
+    color: #f1f4f8; }
   .theme-dark .form-control-plaintext {
-    color: #f5f7fb; }
+    color: #f1f4f8; }
   .theme-dark .input-group-flat .input-group-text {
-    background-color: #2f3949; }
+    background-color: #1f2936; }
   .theme-dark .highlight {
-    background-color: #2f3949; }
+    background-color: #1f2936; }
   .theme-dark .avatar {
-    background-color: #3b475b; }
+    background-color: #273342; }
   .theme-dark .avatar-list-stacked .avatar {
-    box-shadow: 0 0 0 2px #354052; }
+    box-shadow: 0 0 0 2px #232e3c; }
   .theme-dark .markdown,
   .theme-dark .markdown > *,
-  .theme-dark .close {
+  .theme-dark .btn-close {
     color: inherit; }
   .theme-dark .apexcharts-text {
-    fill: #f5f7fb; }
+    fill: #f1f4f8; }
   .theme-dark .apexcharts-legend-text {
     color: inherit !important; }
   .theme-dark .navbar-brand-autodark {
@@ -11472,66 +12078,21 @@ Antialiasing
 
 @media not print and (prefers-color-scheme: dark) {
   .theme-dark-auto {
-    color: #f5f7fb;
-    background-color: #2f3949; }
+    color: #f1f4f8;
+    background-color: #1f2936; }
   .theme-dark-auto .card,
-  .theme-dark-auto .footer,
+  .theme-dark-auto .footer:not(.footer-transparent),
   .theme-dark-auto .modal-content,
   .theme-dark-auto .modal-header,
   .theme-dark-auto .dropdown-menu,
   .theme-dark-auto .flatpickr-calendar {
-    background-color: #354052;
+    background-color: #232e3c;
     color: inherit; }
   .theme-dark-auto .card {
     border-color: transparent; }
   .theme-dark-auto .btn-white,
   .theme-dark-auto .form-file-button {
-    color: #f5f7fb;
-    background-color: #3b475b;
-    border-color: rgba(95, 102, 110, 0.2);
     background-image: none; }
-    .theme-dark-auto .btn-white:hover,
-    .theme-dark-auto .form-file-button:hover {
-      color: #f5f7fb;
-      background-color: rgba(53, 64, 82, 0);
-      border-color: rgba(95, 102, 110, 0.2); }
-    .btn-check:focus + .theme-dark-auto .btn-white, .theme-dark-auto .btn-white:focus, .btn-check:focus +
-    .theme-dark-auto .form-file-button,
-    .theme-dark-auto .form-file-button:focus {
-      color: #f5f7fb;
-      background-color: rgba(53, 64, 82, 0);
-      border-color: rgba(95, 102, 110, 0.2);
-      box-shadow: 0 0 0 0.25rem rgba(187, 191, 197, 0.5); }
-    .btn-check:checked + .theme-dark-auto .btn-white,
-    .btn-check:active + .theme-dark-auto .btn-white, .theme-dark-auto .btn-white:active, .theme-dark-auto .btn-white.active,
-    .show > .theme-dark-auto .btn-white.dropdown-toggle, .btn-check:checked +
-    .theme-dark-auto .form-file-button,
-    .btn-check:active +
-    .theme-dark-auto .form-file-button,
-    .theme-dark-auto .form-file-button:active,
-    .theme-dark-auto .form-file-button.active,
-    .show >
-    .theme-dark-auto .form-file-button.dropdown-toggle {
-      color: #ffffff;
-      background-color: #4f5f7a;
-      border-color: rgba(107, 115, 124, 0.2); }
-      .btn-check:checked + .theme-dark-auto .btn-white:focus,
-      .btn-check:active + .theme-dark-auto .btn-white:focus, .theme-dark-auto .btn-white:active:focus, .theme-dark-auto .btn-white.active:focus,
-      .show > .theme-dark-auto .btn-white.dropdown-toggle:focus, .btn-check:checked +
-      .theme-dark-auto .form-file-button:focus,
-      .btn-check:active +
-      .theme-dark-auto .form-file-button:focus,
-      .theme-dark-auto .form-file-button:active:focus,
-      .theme-dark-auto .form-file-button.active:focus,
-      .show >
-      .theme-dark-auto .form-file-button.dropdown-toggle:focus {
-        box-shadow: 0 0 0 0.25rem rgba(187, 191, 197, 0.5); }
-    .theme-dark-auto .btn-white:disabled, .theme-dark-auto .btn-white.disabled,
-    .theme-dark-auto .form-file-button:disabled,
-    .theme-dark-auto .form-file-button.disabled {
-      color: #ffffff;
-      background-color: #3b475b;
-      border-color: rgba(95, 102, 110, 0.2); }
   .theme-dark-auto .form-check-input:not(:checked),
   .theme-dark-auto .form-select,
   .theme-dark-auto .form-file-text,
@@ -11540,24 +12101,24 @@ Antialiasing
   .theme-dark-auto .flatpickr-input.flatpickr-input,
   .theme-dark-auto .form-selectgroup-check,
   .theme-dark-auto .form-imagecheck-figure:before {
-    background-color: #2f3949;
-    color: #f5f7fb; }
+    background-color: #1f2936;
+    color: #f1f4f8; }
   .theme-dark-auto .form-control-plaintext {
-    color: #f5f7fb; }
+    color: #f1f4f8; }
   .theme-dark-auto .input-group-flat .input-group-text {
-    background-color: #2f3949; }
+    background-color: #1f2936; }
   .theme-dark-auto .highlight {
-    background-color: #2f3949; }
+    background-color: #1f2936; }
   .theme-dark-auto .avatar {
-    background-color: #3b475b; }
+    background-color: #273342; }
   .theme-dark-auto .avatar-list-stacked .avatar {
-    box-shadow: 0 0 0 2px #354052; }
+    box-shadow: 0 0 0 2px #232e3c; }
   .theme-dark-auto .markdown,
   .theme-dark-auto .markdown > *,
-  .theme-dark-auto .close {
+  .theme-dark-auto .btn-close {
     color: inherit; }
   .theme-dark-auto .apexcharts-text {
-    fill: #f5f7fb; }
+    fill: #f1f4f8; }
   .theme-dark-auto .apexcharts-legend-text {
     color: inherit !important; }
   .theme-dark-auto .navbar-brand-autodark {
diff --git a/demo/dist/css/tabler.min.css b/demo/dist/css/tabler.min.css
index d6514f0bc..1941cc486 100644
--- a/demo/dist/css/tabler.min.css
+++ b/demo/dist/css/tabler.min.css
@@ -1,9 +1,9 @@
 /*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
+* Tabler v1.0.0-alpha.9 (https://tabler.io)
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 */
-@charset "UTF-8";:root{--bs-blue:#206bc4;--bs-azure:#45aaf2;--bs-indigo:#6574cd;--bs-purple:#a55eea;--bs-pink:#f66d9b;--bs-red:#cd201f;--bs-orange:#ff922b;--bs-yellow:#fab005;--bs-lime:#94d82d;--bs-green:#5eba00;--bs-teal:#2bcbba;--bs-cyan:#17a2b8;--bs-gray:#a8aeb7;--bs-gray-dark:#545d6d;--bs-dark:#354052;--bs-primary:#206bc4;--bs-secondary:#5f666e;--bs-success:#5eba00;--bs-info:#45aaf2;--bs-warning:#fab005;--bs-danger:#cd201f;--bs-light:#f5f7fb;--bs-dark:#354052;--bs-font-sans-serif:false,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;--bs-font-monospace:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:var(--bs-font-sans-serif);font-size:.875rem;font-weight:400;line-height:1.71429;color:#212b36;background-color:#f5f7fb;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}.hr,hr{margin:2rem 0;color:inherit;background-color:currentColor;border:0;opacity:.1}.hr:not([size]),hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h1,h1{font-size:1.75rem}}.h2,h2{font-size:1.25rem}.h3,h3{font-size:1rem}.h4,h4{font-size:.875rem}.h5,h5{font-size:.75rem}.h6,h6{font-size:.625rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.75rem}.mark,mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#206bc4;text-decoration:none}a:hover{color:#154782}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.75rem;-ms-overflow-style:scrollbar}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.75rem;color:#206bc4;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.75rem;color:#fff;background-color:#354052;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:500}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#5f666e;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit;white-space:normal}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:.875rem;font-weight:400}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.75rem;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:.875rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.75rem;color:#a8aeb7}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#f5f7fb;border:1px solid #e9ecf1;border-radius:3px;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.75rem;color:#a8aeb7}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{--bs-gutter-x:0.75rem;width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-right:auto;margin-left:auto}@media (min-width:33rem){.container,.container-sm{max-width:32.5rem}}@media (min-width:48rem){.container,.container-md,.container-sm{max-width:47.5rem}}@media (min-width:64rem){.container,.container-lg,.container-md,.container-sm{max-width:64rem}}@media (min-width:75.25rem){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:75.25rem}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333%}.col-2{flex:0 0 auto;width:16.66667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333%}.col-5{flex:0 0 auto;width:41.66667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333%}.col-8{flex:0 0 auto;width:66.66667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333%}.col-11{flex:0 0 auto;width:91.66667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}.g-6,.gx-6{--bs-gutter-x:4.5rem}.g-6,.gy-6{--bs-gutter-y:4.5rem}@media (min-width:33rem){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333%}.col-sm-2{flex:0 0 auto;width:16.66667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333%}.col-sm-5{flex:0 0 auto;width:41.66667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333%}.col-sm-8{flex:0 0 auto;width:66.66667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333%}.col-sm-11{flex:0 0 auto;width:91.66667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}.g-sm-6,.gx-sm-6{--bs-gutter-x:4.5rem}.g-sm-6,.gy-sm-6{--bs-gutter-y:4.5rem}}@media (min-width:48rem){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333%}.col-md-2{flex:0 0 auto;width:16.66667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333%}.col-md-5{flex:0 0 auto;width:41.66667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333%}.col-md-8{flex:0 0 auto;width:66.66667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333%}.col-md-11{flex:0 0 auto;width:91.66667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}.g-md-6,.gx-md-6{--bs-gutter-x:4.5rem}.g-md-6,.gy-md-6{--bs-gutter-y:4.5rem}}@media (min-width:64rem){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333%}.col-lg-2{flex:0 0 auto;width:16.66667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333%}.col-lg-5{flex:0 0 auto;width:41.66667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333%}.col-lg-8{flex:0 0 auto;width:66.66667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333%}.col-lg-11{flex:0 0 auto;width:91.66667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}.g-lg-6,.gx-lg-6{--bs-gutter-x:4.5rem}.g-lg-6,.gy-lg-6{--bs-gutter-y:4.5rem}}@media (min-width:75.25rem){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333%}.col-xl-2{flex:0 0 auto;width:16.66667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333%}.col-xl-5{flex:0 0 auto;width:41.66667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333%}.col-xl-8{flex:0 0 auto;width:66.66667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333%}.col-xl-11{flex:0 0 auto;width:91.66667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.66667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333%}.offset-xl-5{margin-left:41.66667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333%}.offset-xl-8{margin-left:66.66667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333%}.offset-xl-11{margin-left:91.66667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}.g-xl-6,.gx-xl-6{--bs-gutter-x:4.5rem}.g-xl-6,.gy-xl-6{--bs-gutter-y:4.5rem}}.markdown>table,.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212b36;--bs-table-striped-bg:rgba(53, 64, 82, 0.024);--bs-table-active-color:#212b36;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212b36;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212b36;vertical-align:top;border-color:rgba(95,102,110,.2)}.markdown>table>:not(caption)>*>*,.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);background-image:linear-gradient(var(--bs-table-accent-bg),var(--bs-table-accent-bg));border-bottom-width:1px}.markdown>table>tbody,.table>tbody{vertical-align:inherit}.markdown>table>thead,.table>thead{vertical-align:bottom}.markdown>table>:not(:last-child)>:last-child>*,.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.markdown>table>:not(caption)>*,.table-bordered>:not(caption)>*{border-width:1px 0}.markdown>table>:not(caption)>*>*,.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-striped>tbody>tr:nth-of-type(even){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-bg:#e9f0f9;--bs-table-striped-bg:#dde4ed;--bs-table-striped-color:#000000;--bs-table-active-bg:#d2d8e0;--bs-table-active-color:#000000;--bs-table-hover-bg:#d8dee6;--bs-table-hover-color:#000000;color:#000;border-color:#d2d8e0}.table-secondary{--bs-table-bg:#eff0f1;--bs-table-striped-bg:#e3e4e5;--bs-table-striped-color:#000000;--bs-table-active-bg:#d7d8d9;--bs-table-active-color:#000000;--bs-table-hover-bg:#dddedf;--bs-table-hover-color:#000000;color:#000;border-color:#d7d8d9}.table-success{--bs-table-bg:#eff8e6;--bs-table-striped-bg:#e3ecdb;--bs-table-striped-color:#000000;--bs-table-active-bg:#d7dfcf;--bs-table-active-color:#000000;--bs-table-hover-bg:#dde5d5;--bs-table-hover-color:#000000;color:#000;border-color:#d7dfcf}.table-info{--bs-table-bg:#ecf7fe;--bs-table-striped-bg:#e0ebf1;--bs-table-striped-color:#000000;--bs-table-active-bg:#d4dee5;--bs-table-active-color:#000000;--bs-table-hover-bg:#dae4eb;--bs-table-hover-color:#000000;color:#000;border-color:#d4dee5}.table-warning{--bs-table-bg:#fff7e6;--bs-table-striped-bg:#f2ebdb;--bs-table-striped-color:#000000;--bs-table-active-bg:#e6decf;--bs-table-active-color:#000000;--bs-table-hover-bg:#ece4d5;--bs-table-hover-color:#000000;color:#000;border-color:#e6decf}.table-danger{--bs-table-bg:#fae9e9;--bs-table-striped-bg:#eedddd;--bs-table-striped-color:#000000;--bs-table-active-bg:#e1d2d2;--bs-table-active-color:#000000;--bs-table-hover-bg:#e7d8d8;--bs-table-hover-color:#000000;color:#000;border-color:#e1d2d2}.table-light{--bs-table-bg:#f5f7fb;--bs-table-striped-bg:#e9ebee;--bs-table-striped-color:#000000;--bs-table-active-bg:#dddee2;--bs-table-active-color:#000000;--bs-table-hover-bg:#e3e4e8;--bs-table-hover-color:#000000;color:#000;border-color:#dddee2}.table-dark{--bs-table-bg:#354052;--bs-table-striped-bg:#3f4a5b;--bs-table-striped-color:#ffffff;--bs-table-active-bg:#495363;--bs-table-active-color:#ffffff;--bs-table-hover-bg:#444e5f;--bs-table-hover-color:#ffffff;color:#fff;border-color:#495363}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:32.98rem){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:47.98rem){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:63.98rem){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:75.23rem){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.4375rem + 1px);padding-bottom:calc(.4375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.42857}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem}.col-form-label-sm{padding-top:calc(.125rem + 1px);padding-bottom:calc(.125rem + 1px);font-size:.75rem}.form-text{margin-top:.25rem;font-size:.75rem;color:#5f666e}.form-control{display:block;width:100%;min-height:calc(1.42857em + .875rem + 2px);padding:.4375rem .75rem;font-size:.875rem;font-weight:400;line-height:1.42857;color:#212b36;background-color:#fff;background-clip:padding-box;border:1px solid rgba(95,102,110,.2);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control:focus{color:inherit;background-color:#fff;border-color:#7aade9;outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-control::-webkit-input-placeholder{color:#5f666e;opacity:1}.form-control::-moz-placeholder{color:#5f666e;opacity:1}.form-control:-ms-input-placeholder{color:#5f666e;opacity:1}.form-control::-ms-input-placeholder{color:#5f666e;opacity:1}.form-control::placeholder{color:#5f666e;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#f5f7fb;opacity:1}.form-control-plaintext{display:block;width:100%;padding:.4375rem 0;margin-bottom:0;line-height:1.42857;color:#212b36;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.42857em + .25rem + 2px);padding:.125rem .5rem;font-size:.75rem;border-radius:.2rem}.form-control-lg{min-height:calc(1.42857em + 1rem + 2px);padding:.5rem 1.5rem;font-size:1.25rem;border-radius:.3rem}.form-control-color{max-width:3rem;padding:.4375rem}.form-control-color::-moz-color-swatch{border-radius:3px}.form-control-color::-webkit-color-swatch{border-radius:3px}.form-select{display:block;width:100%;height:calc(1.42857em + .875rem + 2px);padding:.4375rem 1.75rem .4375rem .75rem;font-size:.875rem;font-weight:400;line-height:1.42857;color:#212b36;vertical-align:middle;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2895, 102, 110, 0.44%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid rgba(95,102,110,.2);border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-select:focus::-ms-value{color:#212b36;background-color:#fff}.form-select[multiple],.form-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.form-select:disabled{color:#a8aeb7;background-color:#f1f3f8}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212b36}.form-select-sm{height:calc(1.42857em + .25rem + 2px);padding-top:.125rem;padding-bottom:.125rem;padding-left:.5rem;font-size:.75rem}.form-select-lg{height:calc(1.42857em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;font-size:1.25rem}.form-check{display:block;min-height:1.5rem;padding-left:1.5rem;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5rem}.form-check-input{width:1rem;height:1rem;margin-top:.35714rem;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(95,102,110,.2);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;transition:background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-check-input{transition:none}}.form-check-input[type=checkbox]{border-radius:3px}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-check-input:checked{background-color:#206bc4;border-color:rgba(95,102,110,.2)}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#206bc4;border-color:#206bc4;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-switch{padding-left:2.25rem}.form-switch .form-check-input{width:1.75rem;margin-left:-2.25rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2895, 102, 110, 0.2%29'/%3e%3c/svg%3e");background-position:left center;border-radius:1.75rem}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%237aade9'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e")}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.form-file{--bs-form-file-height:calc(1.42857em + 0.875rem + 2px);position:relative}.form-file-input{position:relative;z-index:2;width:100%;height:var(--bs-form-file-height);margin:0;opacity:0}.form-file-input:focus-within~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-file-input:disabled~.form-file-label .form-file-text,.form-file-input[disabled]~.form-file-label .form-file-text{background-color:#f5f7fb}.form-file-label{position:absolute;top:0;right:0;left:0;z-index:1;display:flex;height:var(--bs-form-file-height);border-color:rgba(95,102,110,.2);border-radius:3px}.form-file-text{display:block;flex-grow:1;padding:.4375rem .75rem;overflow:hidden;font-weight:400;line-height:1.42857;color:#212b36;text-overflow:ellipsis;white-space:nowrap;background-color:#fff;border-color:inherit;border-style:solid;border-width:1px;border-top-left-radius:inherit;border-bottom-left-radius:inherit}.form-file-button{display:block;flex-shrink:0;padding:.4375rem .75rem;margin-left:-1px;line-height:1.42857;color:#212b36;background-color:rgba(53,64,82,.024);border-color:inherit;border-style:solid;border-width:1px;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.form-file-sm{--bs-form-file-height:calc(1.42857em + 0.25rem + 2px);font-size:.75rem}.form-file-sm .form-file-button,.form-file-sm .form-file-text{padding:.125rem .5rem}.form-file-lg{--bs-form-file-height:calc(1.42857em + 1rem + 2px);font-size:1.25rem}.form-file-lg .form-file-button,.form-file-lg .form-file-text{padding:.5rem 1.5rem}.form-range{width:100%;height:1.25rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .25rem rgba(32,107,196,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .25rem rgba(32,107,196,.25)}.form-range:focus::-ms-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .25rem rgba(32,107,196,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.375rem;background-color:#206bc4;border:2px solid #fff;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#a6c8f0}.form-range::-webkit-slider-runnable-track{width:100%;height:.25rem;color:transparent;cursor:pointer;background-color:rgba(176,181,190,.24);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#206bc4;border:2px solid #fff;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#a6c8f0}.form-range::-moz-range-track{width:100%;height:.25rem;color:transparent;cursor:pointer;background-color:rgba(176,181,190,.24);border-color:transparent;border-radius:1rem}.form-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.125rem;margin-left:.125rem;background-color:#206bc4;border:2px solid #fff;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-ms-thumb{-ms-transition:none;transition:none}}.form-range::-ms-thumb:active{background-color:#a6c8f0}.form-range::-ms-track{width:100%;height:.25rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.form-range::-ms-fill-lower{background-color:rgba(176,181,190,.24);border-radius:1rem}.form-range::-ms-fill-upper{margin-right:15px;background-color:rgba(176,181,190,.24);border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#cbcfd6}.form-range:disabled::-moz-range-thumb{background-color:#cbcfd6}.form-range:disabled::-ms-thumb{background-color:#cbcfd6}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-file,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-file .form-file-input:focus~.form-file-label,.input-group>.form-select:focus{z-index:3}.input-group>.form-file>.form-file-input:focus{z-index:4}.input-group>.form-file:not(:last-child)>.form-file-label{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.form-file:not(:first-child)>.form-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{display:flex;align-items:center;padding:.4375rem .75rem;font-size:.875rem;font-weight:400;line-height:1.42857;color:#5f666e;text-align:center;white-space:nowrap;background-color:rgba(53,64,82,.024);border:1px solid rgba(95,102,110,.2);border-radius:3px}.input-group-lg>.form-control{min-height:calc(1.42857em + 1rem + 2px)}.input-group-lg>.form-select{height:calc(1.42857em + 1rem + 2px)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1.5rem;font-size:1.25rem;border-radius:.3rem}.input-group-sm>.form-control{min-height:calc(1.42857em + .25rem + 2px)}.input-group-sm>.form-select{height:calc(1.42857em + .25rem + 2px)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.125rem .5rem;font-size:.75rem;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:1.75rem}.input-group>.dropdown-toggle:nth-last-child(n+3),.input-group>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.75rem;color:#5eba00}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.76562rem;color:#fff;background-color:rgba(94,186,0,.9);border-radius:3px}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#5eba00;padding-right:calc(1.42857em + .875rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.35714em + .21875rem) center;background-size:calc(.71429em + .4375rem) calc(.71429em + .4375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .25rem rgba(94,186,0,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.42857em + .875rem);background-position:top calc(.35714em + .21875rem) right calc(.35714em + .21875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#5eba00;padding-right:calc(.75em + 2.40625rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2895, 102, 110, 0.44%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .75rem center,center right 1.75rem;background-size:16px 12px,calc(.71429em + .4375rem) calc(.71429em + .4375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .25rem rgba(94,186,0,.25)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#5eba00}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#5eba00}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(94,186,0,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#5eba00}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.form-file-input.is-valid~.form-file-label,.was-validated .form-file-input:valid~.form-file-label{border-color:#5eba00}.form-file-input.is-valid:focus~.form-file-label,.was-validated .form-file-input:valid:focus~.form-file-label{border-color:#5eba00;box-shadow:0 0 0 .25rem rgba(94,186,0,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.75rem;color:#cd201f}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.76562rem;color:#fff;background-color:rgba(205,32,31,.9);border-radius:3px}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#cd201f;padding-right:calc(1.42857em + .875rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cd201f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.35714em + .21875rem) center;background-size:calc(.71429em + .4375rem) calc(.71429em + .4375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#cd201f;box-shadow:0 0 0 .25rem rgba(205,32,31,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.42857em + .875rem);background-position:top calc(.35714em + .21875rem) right calc(.35714em + .21875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#cd201f;padding-right:calc(.75em + 2.40625rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2895, 102, 110, 0.44%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cd201f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");background-position:right .75rem center,center right 1.75rem;background-size:16px 12px,calc(.71429em + .4375rem) calc(.71429em + .4375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#cd201f;box-shadow:0 0 0 .25rem rgba(205,32,31,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#cd201f}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#cd201f}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(205,32,31,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#cd201f}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.form-file-input.is-invalid~.form-file-label,.was-validated .form-file-input:invalid~.form-file-label{border-color:#cd201f}.form-file-input.is-invalid:focus~.form-file-label,.was-validated .form-file-input:invalid:focus~.form-file-label{border-color:#cd201f;box-shadow:0 0 0 .25rem rgba(205,32,31,.25)}.btn{display:inline-block;font-weight:500;line-height:1.42857;color:#212b36;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.4375rem 1rem;font-size:.875rem;border-radius:3px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212b36}.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.btn-primary{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-primary:hover{color:#fff;background-color:#1b59a3;border-color:#195398}.btn-check:focus+.btn-primary,.btn-primary:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .25rem rgba(65,129,205,.5)}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(65,129,205,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-secondary{color:#fff;background-color:#5f666e;border-color:#5f666e}.btn-secondary:hover{color:#fff;background-color:#4d5359;border-color:#474d53}.btn-check:focus+.btn-secondary,.btn-secondary:focus{color:#fff;background-color:#4d5359;border-color:#474d53;box-shadow:0 0 0 .25rem rgba(119,125,132,.5)}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#474d53;border-color:#41464c}.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(119,125,132,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#5f666e;border-color:#5f666e}.btn-success{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-success:hover{color:#fff;background-color:#4b9400;border-color:#448700}.btn-check:focus+.btn-success,.btn-success:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .25rem rgba(118,196,38,.5)}.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(118,196,38,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-info{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-info:hover{color:#fff;background-color:#219af0;border-color:#1594ef}.btn-check:focus+.btn-info,.btn-info:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .25rem rgba(97,183,244,.5)}.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(97,183,244,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-warning{color:#fff;background-color:#fab005;border-color:#fab005}.btn-warning:hover{color:#fff;background-color:#d59604;border-color:#c88d04}.btn-check:focus+.btn-warning,.btn-warning:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .25rem rgba(251,188,43,.5)}.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(251,188,43,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#fff;background-color:#fab005;border-color:#fab005}.btn-danger{color:#fff;background-color:#cd201f;border-color:#cd201f}.btn-danger:hover{color:#fff;background-color:#ac1b1a;border-color:#a11918}.btn-check:focus+.btn-danger,.btn-danger:focus{color:#fff;background-color:#ac1b1a;border-color:#a11918;box-shadow:0 0 0 .25rem rgba(213,65,65,.5)}.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#a11918;border-color:#961717}.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(213,65,65,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#cd201f;border-color:#cd201f}.btn-light{color:#000;background-color:#f5f7fb;border-color:#f5f7fb}.btn-light:hover{color:#000;background-color:#fff;border-color:#fff}.btn-check:focus+.btn-light,.btn-light:focus{color:#000;background-color:#fff;border-color:#fff;box-shadow:0 0 0 .25rem rgba(208,210,213,.5)}.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#000;background-color:#fff;border-color:#fff}.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(208,210,213,.5)}.btn-light.disabled,.btn-light:disabled{color:#000;background-color:#f5f7fb;border-color:#f5f7fb}.btn-dark{color:#fff;background-color:#354052;border-color:#354052}.btn-dark:hover{color:#fff;background-color:#262e3b;border-color:#212833}.btn-check:focus+.btn-dark,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .25rem rgba(83,93,108,.5)}.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(83,93,108,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-primary{color:#206bc4;border-color:#206bc4}.btn-outline-primary:hover{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgba(32,107,196,.5)}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .25rem rgba(32,107,196,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#206bc4;background-color:transparent}.btn-outline-secondary{color:#5f666e;border-color:#5f666e}.btn-outline-secondary:hover{color:#fff;background-color:#5f666e;border-color:#5f666e}.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus{box-shadow:0 0 0 .25rem rgba(95,102,110,.5)}.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active{color:#fff;background-color:#5f666e;border-color:#5f666e}.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus{box-shadow:0 0 0 .25rem rgba(95,102,110,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#5f666e;background-color:transparent}.btn-outline-success{color:#5eba00;border-color:#5eba00}.btn-outline-success:hover{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-check:focus+.btn-outline-success,.btn-outline-success:focus{box-shadow:0 0 0 .25rem rgba(94,186,0,.5)}.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus{box-shadow:0 0 0 .25rem rgba(94,186,0,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#5eba00;background-color:transparent}.btn-outline-info{color:#45aaf2;border-color:#45aaf2}.btn-outline-info:hover{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-check:focus+.btn-outline-info,.btn-outline-info:focus{box-shadow:0 0 0 .25rem rgba(69,170,242,.5)}.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus{box-shadow:0 0 0 .25rem rgba(69,170,242,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#45aaf2;background-color:transparent}.btn-outline-warning{color:#fab005;border-color:#fab005}.btn-outline-warning:hover{color:#fff;background-color:#fab005;border-color:#fab005}.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus{box-shadow:0 0 0 .25rem rgba(250,176,5,.5)}.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active{color:#fff;background-color:#fab005;border-color:#fab005}.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus{box-shadow:0 0 0 .25rem rgba(250,176,5,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#fab005;background-color:transparent}.btn-outline-danger{color:#cd201f;border-color:#cd201f}.btn-outline-danger:hover{color:#fff;background-color:#cd201f;border-color:#cd201f}.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus{box-shadow:0 0 0 .25rem rgba(205,32,31,.5)}.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active{color:#fff;background-color:#cd201f;border-color:#cd201f}.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus{box-shadow:0 0 0 .25rem rgba(205,32,31,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#cd201f;background-color:transparent}.btn-outline-light{color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light:hover{color:#000;background-color:#f5f7fb;border-color:#f5f7fb}.btn-check:focus+.btn-outline-light,.btn-outline-light:focus{box-shadow:0 0 0 .25rem rgba(245,247,251,.5)}.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active{color:#000;background-color:#f5f7fb;border-color:#f5f7fb}.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus{box-shadow:0 0 0 .25rem rgba(245,247,251,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f5f7fb;background-color:transparent}.btn-outline-dark{color:#354052;border-color:#354052}.btn-outline-dark:hover{color:#fff;background-color:#354052;border-color:#354052}.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{box-shadow:0 0 0 .25rem rgba(53,64,82,.5)}.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active{color:#fff;background-color:#354052;border-color:#354052}.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus{box-shadow:0 0 0 .25rem rgba(53,64,82,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#354052;background-color:transparent}.btn-link{font-weight:400;color:#206bc4;text-decoration:none}.btn-link:hover{color:#154782}.btn-link.disabled,.btn-link:disabled{color:#a8aeb7}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1.5rem;font-size:1.25rem;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.125rem .5rem;font-size:.75rem;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px solid;border-left:1px solid;margin-right:.1em;margin-left:.4em;transform:rotate(-45deg)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:14rem;padding:.5rem 0;margin:1px 0 0;font-size:.875rem;color:#212b36;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(95,102,110,.2);border-radius:3px}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:33rem){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:48rem){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:64rem){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:75.25rem){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:1px}.dropup .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px solid;border-left:1px solid;margin-right:.1em;margin-left:.4em;transform:rotate(135deg)}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:1px}.dropright .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px solid;border-left:1px solid;margin-right:.1em;margin-left:.4em;transform:rotate(-135deg)}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:1px}.dropleft .dropdown-toggle:before{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px solid;border-left:1px solid;margin-right:.1em;margin-right:.4em;transform:rotate(45deg)}.dropleft .dropdown-toggle:after{content:none}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid rgba(95,102,110,.2)}.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#354052;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:inherit;background-color:rgba(95,102,110,.06)}.dropdown-item.active,.dropdown-item:active{color:#206bc4;text-decoration:none;background-color:rgba(32,107,196,.06)}.dropdown-item.disabled,.dropdown-item:disabled{color:#a8aeb7;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.76562rem;color:#a8aeb7;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#354052}.dropdown-menu-dark{color:#e9ecf1;background-color:#545d6d;border-color:rgba(95,102,110,.2)}.dropdown-menu-dark .dropdown-item{color:#e9ecf1}.dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover{color:#fff;background-color:rgba(255,255,255,.15)}.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{color:#206bc4;background-color:rgba(32,107,196,.06)}.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{color:#cbcfd6}.dropdown-menu-dark .dropdown-divider{border-color:rgba(95,102,110,.2)}.dropdown-menu-dark .dropdown-item-text{color:#e9ecf1}.dropdown-menu-dark .dropdown-header{color:#cbcfd6}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:1.125rem;padding-left:1.125rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.25rem .75rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link.disabled{color:#a8aeb7;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #e9ecf1}.nav-tabs .nav-link{margin-bottom:-1px;border:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#f1f3f8 #f1f3f8 #e9ecf1}.nav-tabs .nav-link.disabled{color:#a8aeb7;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#7a828f;background-color:#f5f7fb;border-color:#e9ecf1 #e9ecf1 #f5f7fb}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:3px}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#206bc4}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.25rem;padding-bottom:.25rem}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.25rem;padding-bottom:.25rem;margin-right:0;font-size:1rem;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.25rem;padding-bottom:.25rem}.navbar-collapse{align-items:center;width:100%}.navbar-toggler{padding:0 0;font-size:1rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:3px;transition:box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}@media (min-width:33rem){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand-sm .navbar-collapse{display:flex!important}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:48rem){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand-md .navbar-collapse{display:flex!important}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:64rem){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand-lg .navbar-collapse{display:flex!important}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:75.25rem){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand-xl .navbar-collapse{display:flex!important}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand .navbar-collapse{display:flex!important}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:#212b36}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:#212b36}.navbar-light .navbar-nav .nav-link{color:rgba(33,43,54,.72)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(33,43,54,.3)}.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:#212b36}.navbar-light .navbar-toggler{color:rgba(33,43,54,.72);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 43, 54, 0.72%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(33,43,54,.72)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:#212b36}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.72)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.3)}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.72);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.72%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.72)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(95,102,110,.2);border-radius:3px}.card>.hr,.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:2px;border-top-right-radius:2px}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:1rem 1rem}.card-title{margin-bottom:.5rem}.card-subtitle{margin-top:-.25rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(53,64,82,.024);border-bottom:1px solid rgba(95,102,110,.2)}.card-header:first-child{border-radius:2px 2px 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(53,64,82,.024);border-top:1px solid rgba(95,102,110,.2)}.card-footer:last-child{border-radius:0 0 2px 2px}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-tabs .nav-link.active{background-color:#fff;border-bottom-color:#fff}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;border-radius:2px}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:2px;border-top-right-radius:2px}.card-img,.card-img-bottom{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.card-group>.card{margin-bottom:1.5rem}@media (min-width:33rem){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:flex;flex-wrap:wrap;padding:.5rem 1rem;margin-bottom:1rem;list-style:none;background-color:#f1f3f8;border-radius:3px}.breadcrumb-item{display:flex}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#a8aeb7;content:"/"}.breadcrumb-item.active{color:#a8aeb7}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#5f666e;background-color:transparent;border:0 solid #e9ecf1;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:#154782;background-color:#f1f3f8;border-color:#e9ecf1}.page-link:focus{z-index:3;color:#154782;background-color:#f1f3f8;outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.page-item:not(:first-child) .page-link{margin-left:0}.page-item.active .page-link{z-index:3;color:#fff;background-color:#206bc4;border-color:#206bc4}.page-item.disabled .page-link{color:rgba(95,102,110,.5);pointer-events:none;background-color:transparent;border-color:#e9ecf1}.page-link{padding:.25rem .25rem}.page-item:first-child .page-link{border-top-left-radius:3px;border-bottom-left-radius:3px}.page-item:last-child .page-link{border-top-right-radius:3px;border-bottom-right-radius:3px}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.09375rem}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.76562rem}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:500;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:3px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:3px}.alert-heading{color:inherit}.alert-link{font-weight:500}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;padding:1.25rem 1rem}.alert-primary{color:#061527;background-color:#d2e1f3;border-color:#a6c4e7}.alert-primary .alert-link{color:#000}.alert-secondary{color:#131416;background-color:#dfe0e2;border-color:#bfc2c5}.alert-secondary .alert-link{color:#000}.alert-success{color:#132500;background-color:#dff1cc;border-color:#bfe399}.alert-success .alert-link{color:#000}.alert-info{color:#0e2230;background-color:#daeefc;border-color:#b5ddfa}.alert-info .alert-link{color:#020609}.alert-warning{color:#322301;background-color:#feefcd;border-color:#fddf9b}.alert-warning .alert-link{color:#000}.alert-danger{color:#290606;background-color:#f5d2d2;border-color:#eba6a5}.alert-danger .alert-link{color:#000}.alert-light{color:#313132;background-color:#fdfdfe;border-color:#fbfcfd}.alert-light .alert-link{color:#181818}.alert-dark{color:#0b0d10;background-color:#d7d9dc;border-color:#aeb3ba}.alert-dark .alert-link{color:#000}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:.5rem}}@keyframes progress-bar-stripes{0%{background-position-x:.5rem}}.progress{display:flex;height:.5rem;overflow:hidden;font-size:.65625rem;background-color:rgba(176,181,190,.24);border-radius:3px}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#206bc4;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:.5rem .5rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:3px}.list-group-item-action{width:100%;color:inherit;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:inherit;text-decoration:none;background-color:#f5f7fb}.list-group-item-action:active{color:#212b36;background-color:#f1f3f8}.list-group-item{position:relative;display:block;padding:.5rem .75rem;background-color:inherit;border:1px solid rgba(95,102,110,.2)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#a8aeb7;pointer-events:none;background-color:inherit}.list-group-item.active{z-index:2;color:#fff;background-color:#206bc4;border-color:#206bc4}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:33rem){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:48rem){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:64rem){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:75.25rem){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#0d2b4e;background-color:#e9f0f9}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#0d2b4e;background-color:#d5e2f4}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#0d2b4e;border-color:#0d2b4e}.list-group-item-secondary{color:#26292c;background-color:#eff0f1}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#26292c;background-color:#e1e3e5}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#26292c;border-color:#26292c}.list-group-item-success{color:#264a00;background-color:#eff8e6}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#264a00;background-color:#e2f2d2}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#264a00;border-color:#264a00}.list-group-item-info{color:#1c4461;background-color:#ecf7fe}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#1c4461;background-color:#d4edfd}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#1c4461;border-color:#1c4461}.list-group-item-warning{color:#644602;background-color:#fff7e6}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#644602;background-color:#ffefcd}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#644602;border-color:#644602}.list-group-item-danger{color:#520d0c;background-color:#fae9e9}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#520d0c;background-color:#f5d4d4}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#520d0c;border-color:#520d0c}.list-group-item-light{color:#626364;background-color:#fefeff}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#626364;background-color:#e5e5ff}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#626364;border-color:#626364}.list-group-item-dark{color:#151a21;background-color:#ebecee}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#151a21;background-color:#dddfe2}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#151a21;border-color:#151a21}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") no-repeat center center/1em auto;background-clip:content-box;border:0;border-radius:3px;opacity:.5}.btn-close:hover{color:#000;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25);opacity:1}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{max-width:350px;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(95,102,110,.2);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);opacity:0;border-radius:3px}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:flex;align-items:center;padding:.5rem .75rem;color:#5f666e;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:2px;border-top-right-radius:2px}.toast-header .btn-close{margin-right:-.375rem;margin-left:.75rem}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-1rem)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fbfbfb;background-clip:padding-box;border:1px solid rgba(95,102,110,.1);border-radius:3px;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#354052}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.24}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(95,102,110,.1);border-top-left-radius:2px;border-top-right-radius:2px}.modal-header .btn-close{padding:.75rem .75rem;margin:-.75rem -.75rem -.75rem auto}.modal-title{margin-bottom:0;line-height:1.71429}.modal-body{position:relative;flex:1 1 auto;padding:1.5rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:1.125rem;border-top:0 solid rgba(95,102,110,.1);border-bottom-right-radius:2px;border-bottom-left-radius:2px}.modal-footer>*{margin:.375rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:33rem){.modal-dialog{max-width:540px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:380px}}@media (min-width:64rem){.modal-lg,.modal-xl{max-width:720px}}@media (min-width:75.25rem){.modal-xl{max-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}@media (max-width:32.98rem){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@media (max-width:47.98rem){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@media (max-width:63.98rem){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@media (max-width:75.23rem){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.71429;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.76562rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .tooltip-arrow,.bs-tooltip-right .tooltip-arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .tooltip-arrow::before,.bs-tooltip-right .tooltip-arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .tooltip-arrow,.bs-tooltip-left .tooltip-arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .tooltip-arrow::before,.bs-tooltip-left .tooltip-arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:3px}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.71429;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.76562rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(95,102,110,.2);border-radius:.3rem}.popover .popover-arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(95,102,110,.25)}.bs-popover-auto[x-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.popover-arrow,.bs-popover-right>.popover-arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.popover-arrow::before,.bs-popover-right>.popover-arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(95,102,110,.25)}.bs-popover-auto[x-placement^=right]>.popover-arrow::after,.bs-popover-right>.popover-arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(95,102,110,.25)}.bs-popover-auto[x-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.popover-arrow,.bs-popover-left>.popover-arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.popover-arrow::before,.bs-popover-left>.popover-arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(95,102,110,.25)}.bs-popover-auto[x-placement^=left]>.popover-arrow::after,.bs-popover-left>.popover-arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:1rem 1rem;color:#212b36}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:1.5rem;height:1.5rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators li{background-color:#000}.carousel-dark .carousel-caption{color:#000}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:1.5rem;height:1.5rem;vertical-align:text-bottom;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:1px}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:1.5rem;height:1.5rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.clearfix::after{display:block;clear:both;content:""}.link-primary{color:#206bc4}.link-primary:focus,.link-primary:hover{color:#154782}.link-secondary{color:#5f666e}.link-secondary:focus,.link-secondary:hover{color:#3c4045}.link-success{color:#5eba00}.link-success:focus,.link-success:hover{color:#376e00}.link-info{color:#45aaf2}.link-info:focus,.link-info:hover{color:#0f86db}.link-warning{color:#fab005}.link-warning:focus,.link-warning:hover{color:#af7b04}.link-danger{color:#cd201f}.link-danger:focus,.link-danger:hover{color:#8b1615}.link-light{color:#f5f7fb}.link-light:focus,.link-light:hover{color:#fff}.link-dark{color:#354052}.link-dark:focus,.link-dark:hover{color:#171c24}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--aspect-ratio:100%}.ratio-4x3{--aspect-ratio:calc(3 / 4 * 100%)}.ratio-16x9{--aspect-ratio:calc(9 / 16 * 100%)}.ratio-21x9{--aspect-ratio:calc(9 / 21 * 100%)}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}@media (min-width:33rem){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:48rem){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:64rem){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:75.25rem){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.visually-hidden,.visually-hidden-focusable:not(:focus){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.left-0{left:0!important}.left-50{left:50%!important}.left-100{left:100%!important}.right-0{right:0!important}.right-50{right:50%!important}.right-100{right:100%!important}.translate-middle{transform:translateX(-50%) translateY(-50%)!important}.border{border:1px solid rgba(95,102,110,.2)!important}.border-wide{border:2px solid rgba(95,102,110,.2)!important}.border-0{border:0!important}.border-top{border-top:1px solid rgba(95,102,110,.2)!important}.border-top-wide{border-top:2px solid rgba(95,102,110,.2)!important}.border-top-0{border-top:0!important}.border-right{border-right:1px solid rgba(95,102,110,.2)!important}.border-right-wide{border-right:2px solid rgba(95,102,110,.2)!important}.border-right-0{border-right:0!important}.border-bottom{border-bottom:1px solid rgba(95,102,110,.2)!important}.border-bottom-wide{border-bottom:2px solid rgba(95,102,110,.2)!important}.border-bottom-0{border-bottom:0!important}.border-left{border-left:1px solid rgba(95,102,110,.2)!important}.border-left-wide{border-left:2px solid rgba(95,102,110,.2)!important}.border-left-0{border-left:0!important}.border-primary{border-color:#206bc4!important}.border-secondary{border-color:#5f666e!important}.border-success{border-color:#5eba00!important}.border-info{border-color:#45aaf2!important}.border-warning{border-color:#fab005!important}.border-danger{border-color:#cd201f!important}.border-light{border-color:#f5f7fb!important}.border-dark{border-color:#354052!important}.border-white{border-color:#fff!important}.border-0{border-width:0!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.w-1{width:1%!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-1{height:1%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-6{margin:4.5rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-6{margin-top:4.5rem!important}.mt-auto{margin-top:auto!important}.mr-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-4{-webkit-margin-end:1.5rem!important;margin-inline-end:1.5rem!important}.mr-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-6{margin-bottom:4.5rem!important}.mb-auto{margin-bottom:auto!important}.ml-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-4{-webkit-margin-start:1.5rem!important;margin-inline-start:1.5rem!important}.ml-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.p-6{padding:4.5rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.px-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pt-6{padding-top:4.5rem!important}.pr-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-4{-webkit-padding-end:1.5rem!important;padding-inline-end:1.5rem!important}.pr-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.pb-6{padding-bottom:4.5rem!important}.pl-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-4{-webkit-padding-start:1.5rem!important;padding-inline-start:1.5rem!important}.pl-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-medium{font-weight:500!important}.font-weight-semibold{font-weight:600!important}.font-weight-bold{font-weight:700!important}.font-weight-extrabold{font-weight:800!important}.font-weight-black{font-weight:900!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-left{text-align:start!important}.text-right{text-align:end!important}.text-center{text-align:center!important}.text-primary{color:#206bc4!important}.text-secondary{color:#5f666e!important}.text-success{color:#5eba00!important}.text-info{color:#45aaf2!important}.text-warning{color:#fab005!important}.text-danger{color:#cd201f!important}.text-light{color:#f5f7fb!important}.text-dark{color:#354052!important}.text-white{color:#fff!important}.text-body{color:#212b36!important}.text-muted{color:#5f666e!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-reset{color:inherit!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.42857!important}.lh-base{line-height:1.71429!important}.lh-lg{line-height:2.28571!important}.bg-primary{background-color:#206bc4!important}.bg-secondary{background-color:#5f666e!important}.bg-success{background-color:#5eba00!important}.bg-info{background-color:#45aaf2!important}.bg-warning{background-color:#fab005!important}.bg-danger{background-color:#cd201f!important}.bg-light{background-color:#f5f7fb!important}.bg-dark{background-color:#354052!important}.bg-body{background-color:#f5f7fb!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.bg-gradient{background-image:var(--bs-gradient)!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.font-italic{font-style:italic!important}.font-normal{font-style:normal!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;-ms-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:3px!important}.rounded-sm{border-radius:.2rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.rounded-top{border-top-left-radius:3px!important;border-top-right-radius:3px!important}.rounded-right{border-top-right-radius:3px!important;border-bottom-right-radius:3px!important}.rounded-bottom{border-bottom-right-radius:3px!important;border-bottom-left-radius:3px!important}.rounded-left{border-bottom-left-radius:3px!important;border-top-left-radius:3px!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.object-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-scale-down{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-none{-o-object-fit:none!important;object-fit:none!important}.tracking-tight{letter-spacing:-.05em!important}.tracking-normal{letter-spacing:0!important}.tracking-wide{letter-spacing:.05em!important}.cursor-auto{cursor:auto!important}.cursor-pointer{cursor:pointer!important}.cursor-move{cursor:move!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-zoom-in{cursor:zoom-in!important}.cursor-zoom-out{cursor:zoom-out!important}.text-h1{font-size:1.75rem!important}.text-h2{font-size:1.25rem!important}.text-h3{font-size:1rem!important}.text-h4{font-size:.875rem!important}.text-h5{font-size:.75rem!important}.text-h6{font-size:.625rem!important}.leading-0{line-height:0!important}.leading-1{line-height:.25rem!important}.leading-2{line-height:.5rem!important}.leading-3{line-height:1rem!important}.leading-4{line-height:1.5rem!important}.leading-5{line-height:3rem!important}.leading-6{line-height:4.5rem!important}@media (min-width:33rem){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-6{margin:4.5rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-6{margin-top:4.5rem!important}.mt-sm-auto{margin-top:auto!important}.mr-sm-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-sm-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-sm-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-sm-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-sm-4{-webkit-margin-end:1.5rem!important;margin-inline-end:1.5rem!important}.mr-sm-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-sm-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-sm-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-6{margin-bottom:4.5rem!important}.mb-sm-auto{margin-bottom:auto!important}.ml-sm-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-sm-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-sm-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-sm-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-sm-4{-webkit-margin-start:1.5rem!important;margin-inline-start:1.5rem!important}.ml-sm-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-sm-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-sm-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.p-sm-6{padding:4.5rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.px-sm-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-sm-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pt-sm-6{padding-top:4.5rem!important}.pr-sm-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-sm-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-sm-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-sm-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-sm-4{-webkit-padding-end:1.5rem!important;padding-inline-end:1.5rem!important}.pr-sm-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-sm-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.pb-sm-6{padding-bottom:4.5rem!important}.pl-sm-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-sm-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-sm-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-sm-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-sm-4{-webkit-padding-start:1.5rem!important;padding-inline-start:1.5rem!important}.pl-sm-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-sm-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.text-sm-left{text-align:start!important}.text-sm-right{text-align:end!important}.text-sm-center{text-align:center!important}}@media (min-width:48rem){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-6{margin:4.5rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-6{margin-top:4.5rem!important}.mt-md-auto{margin-top:auto!important}.mr-md-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-md-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-md-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-md-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-md-4{-webkit-margin-end:1.5rem!important;margin-inline-end:1.5rem!important}.mr-md-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-md-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-md-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-6{margin-bottom:4.5rem!important}.mb-md-auto{margin-bottom:auto!important}.ml-md-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-md-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-md-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-md-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-md-4{-webkit-margin-start:1.5rem!important;margin-inline-start:1.5rem!important}.ml-md-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-md-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-md-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.p-md-6{padding:4.5rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.px-md-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-md-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pt-md-6{padding-top:4.5rem!important}.pr-md-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-md-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-md-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-md-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-md-4{-webkit-padding-end:1.5rem!important;padding-inline-end:1.5rem!important}.pr-md-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-md-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.pb-md-6{padding-bottom:4.5rem!important}.pl-md-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-md-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-md-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-md-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-md-4{-webkit-padding-start:1.5rem!important;padding-inline-start:1.5rem!important}.pl-md-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-md-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.text-md-left{text-align:start!important}.text-md-right{text-align:end!important}.text-md-center{text-align:center!important}}@media (min-width:64rem){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-6{margin:4.5rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-6{margin-top:4.5rem!important}.mt-lg-auto{margin-top:auto!important}.mr-lg-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-lg-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-lg-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-lg-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-lg-4{-webkit-margin-end:1.5rem!important;margin-inline-end:1.5rem!important}.mr-lg-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-lg-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-lg-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-6{margin-bottom:4.5rem!important}.mb-lg-auto{margin-bottom:auto!important}.ml-lg-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-lg-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-lg-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-lg-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-lg-4{-webkit-margin-start:1.5rem!important;margin-inline-start:1.5rem!important}.ml-lg-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-lg-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-lg-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.p-lg-6{padding:4.5rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.px-lg-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-lg-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pt-lg-6{padding-top:4.5rem!important}.pr-lg-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-lg-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-lg-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-lg-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-lg-4{-webkit-padding-end:1.5rem!important;padding-inline-end:1.5rem!important}.pr-lg-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-lg-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.pb-lg-6{padding-bottom:4.5rem!important}.pl-lg-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-lg-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-lg-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-lg-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-lg-4{-webkit-padding-start:1.5rem!important;padding-inline-start:1.5rem!important}.pl-lg-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-lg-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.text-lg-left{text-align:start!important}.text-lg-right{text-align:end!important}.text-lg-center{text-align:center!important}}@media (min-width:75.25rem){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-6{margin:4.5rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-6{margin-top:4.5rem!important}.mt-xl-auto{margin-top:auto!important}.mr-xl-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-xl-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-xl-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-xl-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-xl-4{-webkit-margin-end:1.5rem!important;margin-inline-end:1.5rem!important}.mr-xl-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-xl-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-xl-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-6{margin-bottom:4.5rem!important}.mb-xl-auto{margin-bottom:auto!important}.ml-xl-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-xl-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-xl-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-xl-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-xl-4{-webkit-margin-start:1.5rem!important;margin-inline-start:1.5rem!important}.ml-xl-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-xl-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-xl-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.p-xl-6{padding:4.5rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.px-xl-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-xl-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pt-xl-6{padding-top:4.5rem!important}.pr-xl-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-xl-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-xl-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-xl-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-xl-4{-webkit-padding-end:1.5rem!important;padding-inline-end:1.5rem!important}.pr-xl-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-xl-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.pb-xl-6{padding-bottom:4.5rem!important}.pl-xl-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-xl-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-xl-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-xl-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-xl-4{-webkit-padding-start:1.5rem!important;padding-inline-start:1.5rem!important}.pl-xl-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-xl-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.text-xl-left{text-align:start!important}.text-xl-right{text-align:end!important}.text-xl-center{text-align:center!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}html{font-size:16px;scroll-behavior:smooth}body{overflow-y:scroll;letter-spacing:0;touch-action:manipulation;text-rendering:optimizeLegibility;font-feature-settings:"liga" 0;position:relative}body .content ::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}body .content ::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}body .content ::-webkit-scrollbar-corner{background:0 0}body .content :hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#cbcfd6}@media print{body{background:0 0}}.navbar{align-items:stretch;min-height:3.5rem;background:0 0;color:rgba(33,43,54,.72)}.navbar-collapse .navbar{flex-grow:1}.navbar.collapsing{min-height:0}.navbar::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.navbar::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}.navbar::-webkit-scrollbar-corner{background:0 0}.navbar:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#cbcfd6}.navbar .text-muted{color:rgba(33,43,54,.5184)!important}.navbar .navbar-brand{color:#212b36}.navbar .navbar-brand:focus,.navbar .navbar-brand:hover{color:#212b36;opacity:.8}.navbar .navbar-nav .nav-link{color:rgba(33,43,54,.72)}.navbar .navbar-nav .nav-link:focus,.navbar .navbar-nav .nav-link:hover{color:#212b36}.navbar .navbar-nav .nav-link.disabled{color:rgba(33,43,54,.3)}.navbar .navbar-nav .active>.nav-link,.navbar .navbar-nav .nav-link.active,.navbar .navbar-nav .nav-link.show,.navbar .navbar-nav .show>.nav-link{color:#212b36}.navbar .navbar-toggler{color:#212b36;border-color:transparent}.navbar .navbar-text{color:rgba(33,43,54,.72)}.navbar .navbar-text a,.navbar .navbar-text a:focus,.navbar .navbar-text a:hover{color:rgba(33,43,54,.72)}@media not print{.theme-dark .navbar{background:#354052;color:rgba(255,255,255,.72)}.theme-dark .navbar::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.theme-dark .navbar::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}.theme-dark .navbar::-webkit-scrollbar-corner{background:0 0}.theme-dark .navbar:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#cbcfd6}.theme-dark .navbar .text-muted{color:rgba(255,255,255,.5184)!important}.theme-dark .navbar .navbar-brand{color:#fff}.theme-dark .navbar .navbar-brand:focus,.theme-dark .navbar .navbar-brand:hover{color:#fff;opacity:.8}.theme-dark .navbar .navbar-nav .nav-link{color:rgba(255,255,255,.72)}.theme-dark .navbar .navbar-nav .nav-link:focus,.theme-dark .navbar .navbar-nav .nav-link:hover{color:#fff}.theme-dark .navbar .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.3)}.theme-dark .navbar .navbar-nav .active>.nav-link,.theme-dark .navbar .navbar-nav .nav-link.active,.theme-dark .navbar .navbar-nav .nav-link.show,.theme-dark .navbar .navbar-nav .show>.nav-link{color:#fff}.theme-dark .navbar .navbar-toggler{color:#fff;border-color:transparent}.theme-dark .navbar .navbar-text{color:rgba(255,255,255,.72)}.theme-dark .navbar .navbar-text a,.theme-dark .navbar .navbar-text a:focus,.theme-dark .navbar .navbar-text a:hover{color:rgba(255,255,255,.72)}.theme-dark .navbar::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.theme-dark .navbar::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.theme-dark .navbar::-webkit-scrollbar-corner{background:0 0}.theme-dark .navbar:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#5d6675}.theme-dark .navbar .input-icon-addon{color:rgba(245,247,251,.64)}.theme-dark .navbar .form-control{border-color:transparent;background-color:rgba(0,0,0,.1)}.theme-dark .navbar .form-control::-webkit-input-placeholder{color:rgba(245,247,251,.64)}.theme-dark .navbar .form-control::-moz-placeholder{color:rgba(245,247,251,.64)}.theme-dark .navbar .form-control:-ms-input-placeholder{color:rgba(245,247,251,.64)}.theme-dark .navbar .form-control::-ms-input-placeholder{color:rgba(245,247,251,.64)}.theme-dark .navbar .form-control::placeholder{color:rgba(245,247,251,.64)}}@media not print and (prefers-color-scheme:dark){.theme-dark-auto .navbar{background:#354052;color:rgba(255,255,255,.72)}.theme-dark-auto .navbar::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.theme-dark-auto .navbar::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}.theme-dark-auto .navbar::-webkit-scrollbar-corner{background:0 0}.theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#cbcfd6}.theme-dark-auto .navbar .text-muted{color:rgba(255,255,255,.5184)!important}.theme-dark-auto .navbar .navbar-brand{color:#fff}.theme-dark-auto .navbar .navbar-brand:focus,.theme-dark-auto .navbar .navbar-brand:hover{color:#fff;opacity:.8}.theme-dark-auto .navbar .navbar-nav .nav-link{color:rgba(255,255,255,.72)}.theme-dark-auto .navbar .navbar-nav .nav-link:focus,.theme-dark-auto .navbar .navbar-nav .nav-link:hover{color:#fff}.theme-dark-auto .navbar .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.3)}.theme-dark-auto .navbar .navbar-nav .active>.nav-link,.theme-dark-auto .navbar .navbar-nav .nav-link.active,.theme-dark-auto .navbar .navbar-nav .nav-link.show,.theme-dark-auto .navbar .navbar-nav .show>.nav-link{color:#fff}.theme-dark-auto .navbar .navbar-toggler{color:#fff;border-color:transparent}.theme-dark-auto .navbar .navbar-text{color:rgba(255,255,255,.72)}.theme-dark-auto .navbar .navbar-text a,.theme-dark-auto .navbar .navbar-text a:focus,.theme-dark-auto .navbar .navbar-text a:hover{color:rgba(255,255,255,.72)}.theme-dark-auto .navbar::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.theme-dark-auto .navbar::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.theme-dark-auto .navbar::-webkit-scrollbar-corner{background:0 0}.theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#5d6675}.theme-dark-auto .navbar .input-icon-addon{color:rgba(245,247,251,.64)}.theme-dark-auto .navbar .form-control{border-color:transparent;background-color:rgba(0,0,0,.1)}.theme-dark-auto .navbar .form-control::-webkit-input-placeholder{color:rgba(245,247,251,.64)}.theme-dark-auto .navbar .form-control::-moz-placeholder{color:rgba(245,247,251,.64)}.theme-dark-auto .navbar .form-control:-ms-input-placeholder{color:rgba(245,247,251,.64)}.theme-dark-auto .navbar .form-control::-ms-input-placeholder{color:rgba(245,247,251,.64)}.theme-dark-auto .navbar .form-control::placeholder{color:rgba(245,247,251,.64)}}.navbar .dropdown-menu{position:absolute;z-index:1030}.navbar .navbar-nav{min-height:3rem}.navbar .navbar-nav .nav-link{position:relative;min-width:2rem;min-height:2rem;justify-content:center;border-radius:3px}.navbar .navbar-nav .nav-link .badge{position:absolute;top:.375rem;right:.375rem;transform:translate(50%,-50%)}.navbar-expand-sm .navbar-collapse{flex-direction:column}.navbar-expand-sm .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand-sm .navbar-collapse .navbar-nav{margin-left:-.75rem;margin-right:-.75rem}.navbar-expand-sm .navbar-collapse .navbar-nav .nav-link{padding:.5rem .75rem;justify-content:flex-start}.navbar-expand-sm .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:2.25rem}.navbar-expand-sm .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-expand-sm .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}@media (min-width:33rem){.navbar-expand-sm .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand-sm .navbar-dark .nav-item.active .nav-link,.navbar-expand-sm.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand-sm .navbar-light .nav-item.active,.navbar-expand-sm.navbar-light .nav-item.active{position:relative}.navbar-expand-sm .navbar-light .nav-item.active:after,.navbar-expand-sm.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}}@media (max-width:32.98rem){.navbar-expand-md .navbar-collapse{flex-direction:column}.navbar-expand-md .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand-md .navbar-collapse .navbar-nav{margin-left:-.75rem;margin-right:-.75rem}.navbar-expand-md .navbar-collapse .navbar-nav .nav-link{padding:.5rem .75rem;justify-content:flex-start}.navbar-expand-md .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:2.25rem}.navbar-expand-md .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-expand-md .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:48rem){.navbar-expand-md .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand-md .navbar-dark .nav-item.active .nav-link,.navbar-expand-md.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand-md .navbar-light .nav-item.active,.navbar-expand-md.navbar-light .nav-item.active{position:relative}.navbar-expand-md .navbar-light .nav-item.active:after,.navbar-expand-md.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}}@media (max-width:47.98rem){.navbar-expand-lg .navbar-collapse{flex-direction:column}.navbar-expand-lg .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand-lg .navbar-collapse .navbar-nav{margin-left:-.75rem;margin-right:-.75rem}.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link{padding:.5rem .75rem;justify-content:flex-start}.navbar-expand-lg .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:2.25rem}.navbar-expand-lg .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-expand-lg .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:64rem){.navbar-expand-lg .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand-lg .navbar-dark .nav-item.active .nav-link,.navbar-expand-lg.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand-lg .navbar-light .nav-item.active,.navbar-expand-lg.navbar-light .nav-item.active{position:relative}.navbar-expand-lg .navbar-light .nav-item.active:after,.navbar-expand-lg.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}}@media (max-width:63.98rem){.navbar-expand-xl .navbar-collapse{flex-direction:column}.navbar-expand-xl .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand-xl .navbar-collapse .navbar-nav{margin-left:-.75rem;margin-right:-.75rem}.navbar-expand-xl .navbar-collapse .navbar-nav .nav-link{padding:.5rem .75rem;justify-content:flex-start}.navbar-expand-xl .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:2.25rem}.navbar-expand-xl .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-expand-xl .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:75.25rem){.navbar-expand-xl .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand-xl .navbar-dark .nav-item.active .nav-link,.navbar-expand-xl.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand-xl .navbar-light .nav-item.active,.navbar-expand-xl.navbar-light .nav-item.active{position:relative}.navbar-expand-xl .navbar-light .nav-item.active:after,.navbar-expand-xl.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}}@media (max-width:75.23rem){.navbar-expand .navbar-collapse{flex-direction:column}.navbar-expand .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand .navbar-collapse .navbar-nav{margin-left:-.75rem;margin-right:-.75rem}.navbar-expand .navbar-collapse .navbar-nav .nav-link{padding:.5rem .75rem;justify-content:flex-start}.navbar-expand .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:2.25rem}.navbar-expand .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-expand .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}.navbar-expand .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand .navbar-dark .nav-item.active .nav-link,.navbar-expand.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand .navbar-light .nav-item.active,.navbar-expand.navbar-light .nav-item.active{position:relative}.navbar-expand .navbar-light .nav-item.active:after,.navbar-expand.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}.navbar-brand{display:inline-flex;align-items:center;font-weight:500}.navbar-brand-image{display:block;height:2rem}.navbar-toggler{border:0;width:2rem;height:2rem;position:relative;display:flex;align-items:center;justify-content:center}.navbar-toggler-icon{height:2px;width:1.25em;background:currentColor;border-radius:10px;transition:.2s .2s top,.2s .2s bottom,.2s transform,0s .2s opacity;position:relative}.navbar-toggler-icon:after,.navbar-toggler-icon:before{content:'';display:block;height:inherit;width:inherit;border-radius:inherit;background:inherit;position:absolute;left:0;transition:inherit}.navbar-toggler-icon:before{top:-.45em}.navbar-toggler-icon:after{bottom:-.45em}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon{transform:rotate(45deg);transition:.3s top,.3s bottom,.3s .3s transform,0s .3s opacity}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before{top:0;transform:rotate(-90deg)}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{bottom:0;opacity:0}.navbar-light{box-shadow:inset 0 -1px 0 0 rgba(95,102,110,.2);background-color:#fff}.navbar-dark{background:#354052;color:rgba(255,255,255,.72)}.navbar-dark::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.navbar-dark::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}.navbar-dark::-webkit-scrollbar-corner{background:0 0}.navbar-dark:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#cbcfd6}.navbar-dark .text-muted{color:rgba(255,255,255,.5184)!important}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff;opacity:.8}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.72)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:#fff}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.3)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:#fff;border-color:transparent}.navbar-dark .navbar-text{color:rgba(255,255,255,.72)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:rgba(255,255,255,.72)}.navbar-dark::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.navbar-dark::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.navbar-dark::-webkit-scrollbar-corner{background:0 0}.navbar-dark:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#5d6675}.navbar-dark .input-icon-addon{color:rgba(245,247,251,.64)}.navbar-dark .form-control{border-color:transparent;background-color:rgba(0,0,0,.1)}.navbar-dark .form-control::-webkit-input-placeholder{color:rgba(245,247,251,.64)}.navbar-dark .form-control::-moz-placeholder{color:rgba(245,247,251,.64)}.navbar-dark .form-control:-ms-input-placeholder{color:rgba(245,247,251,.64)}.navbar-dark .form-control::-ms-input-placeholder{color:rgba(245,247,251,.64)}.navbar-dark .form-control::placeholder{color:rgba(245,247,251,.64)}.navbar-nav{align-items:stretch}.navbar-nav .nav-item{display:flex;flex-direction:column;justify-content:center}.navbar-side{margin:0;display:flex;flex-direction:row;align-items:center;justify-content:space-around}@media (min-width:33rem){.navbar-vertical.navbar-expand-sm{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand-sm.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-sm .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand-sm .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand-sm .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-sm .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-sm>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand-sm~.page{padding-left:15rem}.navbar-vertical.navbar-expand-sm~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-sm.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-sm .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand-sm .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav{margin-left:-.75rem;margin-right:-.75rem}.navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav .nav-link{padding:.5rem .75rem;justify-content:flex-start}.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:2.25rem}.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-vertical.navbar-expand-sm .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:48rem){.navbar-vertical.navbar-expand-md{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand-md.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-md .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand-md .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand-md .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-md .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-md>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand-md~.page{padding-left:15rem}.navbar-vertical.navbar-expand-md~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-md.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-md .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand-md .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav{margin-left:-.75rem;margin-right:-.75rem}.navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav .nav-link{padding:.5rem .75rem;justify-content:flex-start}.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:2.25rem}.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-vertical.navbar-expand-md .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:64rem){.navbar-vertical.navbar-expand-lg{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand-lg.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-lg .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand-lg .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand-lg .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-lg>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand-lg~.page{padding-left:15rem}.navbar-vertical.navbar-expand-lg~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-lg.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-lg .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand-lg .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav{margin-left:-.75rem;margin-right:-.75rem}.navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link{padding:.5rem .75rem;justify-content:flex-start}.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:2.25rem}.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-vertical.navbar-expand-lg .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:75.25rem){.navbar-vertical.navbar-expand-xl{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand-xl.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-xl .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand-xl .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand-xl .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-xl .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-xl>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand-xl~.page{padding-left:15rem}.navbar-vertical.navbar-expand-xl~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-xl.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-xl .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand-xl .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav{margin-left:-.75rem;margin-right:-.75rem}.navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav .nav-link{padding:.5rem .75rem;justify-content:flex-start}.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:2.25rem}.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-vertical.navbar-expand-xl .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}.navbar-vertical.navbar-expand{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand~.page{padding-left:15rem}.navbar-vertical.navbar-expand~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav{margin-left:-.75rem;margin-right:-.75rem}.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav .nav-link{padding:.5rem .75rem;justify-content:flex-start}.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:2.25rem}.navbar-vertical.navbar-expand .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-vertical.navbar-expand .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}.navbar-overlap:after{content:'';height:9rem;position:absolute;top:100%;left:0;right:0;background:inherit;z-index:-1;box-shadow:inherit}.page{display:flex;flex-direction:column;position:relative;min-height:100vh}.content{padding-top:1.25rem;padding-bottom:1.25rem;flex:1;display:flex;flex-direction:column}.content>[class*=container]{flex:1}@media print{.content{margin:0!important}}.page-header{display:flex;align-items:center;min-height:2.25rem;margin:0 0 1rem}.page-header>*{flex:1}.page-pretitle{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#5f666e}.page-title{margin:0;font-size:1.25rem;font-weight:400;color:inherit}.footer{border-top:1px solid rgba(95,102,110,.2);background-color:#fff;padding:1rem 0;color:#5f666e;margin-bottom:-1.25rem;margin-top:1.25rem}.footer-transparent{margin-top:0;background-color:transparent;border-top:0}.alert-avatar{padding-left:3.75rem}.alert-avatar .avatar{position:absolute;top:.5rem;left:.75rem}.alert a{display:inline-block;height:100%;vertical-align:middle}.alert a .icon{height:100%}.avatar{position:relative;width:2rem;height:2rem;font-size:.75rem;display:inline-flex;align-items:center;justify-content:center;font-weight:400;color:#5f666e;text-align:center;text-transform:uppercase;vertical-align:bottom;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#f1f3f8 no-repeat center/cover;border-radius:50%}.avatar .icon{font-size:1.25em}.avatar .badge{position:absolute;right:0;bottom:0;border-radius:50%;box-shadow:0 0 0 2px #fff}a.avatar{cursor:pointer}.avatar-sm{width:1.25rem;height:1.25rem;font-size:.625rem;line-height:1.25rem}.avatar-md{width:2.5rem;height:2.5rem;font-size:1.25rem;line-height:2.5rem}.avatar-lg{width:4.5rem;height:4.5rem;font-size:2.25rem;line-height:4.5rem}.avatar-xl{width:6rem;height:6rem;font-size:3rem;line-height:6rem}.avatar-list{display:inline-flex;padding:0;margin:0 0 -.5rem}.avatar-list .avatar{margin-bottom:.5rem}.avatar-list .avatar:not(:last-child){margin-right:.5rem}.avatar-list a.avatar:hover{z-index:1}.avatar-list-stacked .avatar{margin-right:-.5rem!important;box-shadow:0 0 0 2px #fff}.card-footer .avatar-list-stacked .avatar{box-shadow:0 0 0 2px rgba(53,64,82,.024)}.avatar-upload{width:4rem;height:4rem;border:1px dashed rgba(95,102,110,.2);background:#fff;flex-direction:column;transition:.3s color,.3s background-color}.avatar-upload svg{width:1.5rem;height:1.5rem;stroke-width:1}.avatar-upload:hover{border-color:#206bc4;color:#206bc4;text-decoration:none}.avatar-upload-text{font-size:.625rem;line-height:1;margin-top:.25rem}.badge{display:inline-flex;justify-content:center;background:#cbcfd6;overflow:hidden;vertical-align:text-bottom;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a.badge{color:#fff}.badge:empty{display:inline-block;width:.5rem;height:.5rem;min-width:0;min-height:auto;padding:0;border-radius:50%}.badge-up{position:absolute;top:25%;right:0;min-width:1.75em;min-height:1.75em;padding:0 .25rem;line-height:1rem;background-clip:padding-box;transform:translate(0,-50%)}.badge-outline{background-color:transparent;border:1px solid currentColor}.badge-pill{border-radius:100px;min-width:1.75em}.badge-avatar{box-sizing:content-box;width:1.75em;margin:0 .5em 0 -.5em;color:rgba(245,247,251,.24);background:rgba(53,64,82,.24) no-repeat center/cover;vertical-align:text-bottom}.badge-addon{padding:0 .5rem;margin:0 -.5em 0 .5em;min-width:1.75em;background:rgba(53,64,82,.24);text-align:center;color:#fff;text-decoration:none}.breadcrumb{padding:0;margin:0;background:0 0}.breadcrumb-item.active a{color:inherit;pointer-events:none}.breadcrumb-dots .breadcrumb-item+.breadcrumb-item:before{content:"·"}.breadcrumb-arrows .breadcrumb-item+.breadcrumb-item:before{content:"›"}.breadcrumb-bullets .breadcrumb-item+.breadcrumb-item:before{content:"•"}.breadcrumb-alternate a{color:#5f666e}.breadcrumb-alternate .breadcrumb-item.active{color:inherit}.btn{font-weight:500;display:inline-flex;align-items:center;justify-content:center}.btn:not([class^=btn-outline]):not([class*=" btn-outline"]):not([class^=btn-ghost]):not([class*=" btn-ghost"]):not(:focus):not(.focus){box-shadow:0 1px 3px 0 rgba(0,0,0,.05),inset 0 2px 0 -1px rgba(255,255,255,.1)}.btn:not([class^=btn-outline]):not([class*=" btn-outline"]):not([class^=btn-ghost]):not([class*=" btn-ghost"]) svg.icon{filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, .05))}.btn.disabled,.btn:disabled{cursor:not-allowed}.btn .icon{margin:0 .25em 0 -.25em;font-size:1.42857em;vertical-align:sub}.btn .avatar{width:1.25rem;height:1.25rem;vertical-align:text-top;margin:0 .5em 0 -.25em}.btn .icon-right{margin:0 -.25em 0 .5em}.btn svg.icon{width:1em;height:1em;stroke-width:1.75}.btn-white{color:#354052;background-color:#fff;border-color:rgba(95,102,110,.2);background-image:linear-gradient(-180deg,rgba(53,64,82,0),rgba(53,64,82,.04) 100%);box-shadow:none!important}.btn-white:hover{color:#000;background-color:#fff;border-color:rgba(107,115,124,.2)}.btn-check:focus+.btn-white,.btn-white:focus{color:#000;background-color:#fff;border-color:rgba(107,115,124,.2);box-shadow:0 0 0 .25rem rgba(69,79,93,.5)}.btn-check:active+.btn-white,.btn-check:checked+.btn-white,.btn-white.active,.btn-white:active,.show>.btn-white.dropdown-toggle{color:#000;background-color:#fff;border-color:rgba(107,115,124,.2)}.btn-check:active+.btn-white:focus,.btn-check:checked+.btn-white:focus,.btn-white.active:focus,.btn-white:active:focus,.show>.btn-white.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(69,79,93,.5)}.btn-white.disabled,.btn-white:disabled{color:#000;background-color:#fff;border-color:rgba(95,102,110,.2)}.btn-white.active{background:#206bc4;color:#fff;z-index:3!important}.btn-group-lg>.btn svg.icon,.btn-lg svg.icon{stroke-width:2}.btn-pill{padding-right:1.5em;padding-left:1.5em;border-radius:10rem}.btn-pill[class*=btn-icon]{padding:.375rem 15px}.btn-icon{min-width:calc(2.125rem + 2px)}.btn-group-sm>.btn-icon.btn,.btn-icon.btn-sm{min-width:calc(1.32143rem + 2px)}.btn-icon .icon{margin:0 -1em}.btn-link{box-shadow:none!important}.btn-square{border-radius:0}.btn-list{display:flex;flex-wrap:wrap;margin-bottom:-.5rem!important;margin-right:-.5rem}.btn-list>.btn,.btn-list>.dropdown{margin:0 .5rem .5rem 0}.btn-list>.btn-block{flex:1;white-space:nowrap}.btn-options{display:flex;align-items:center;padding:0;color:#5f666e;cursor:pointer;background:0 0;border:none}.btn-options:focus{outline:0}.btn-options .icon{width:1rem;height:1rem}.btn-floating{position:fixed;z-index:1030;bottom:1.5rem;right:1.5rem;border-radius:50%}.btn-loading{position:relative;color:transparent!important;text-shadow:none!important;pointer-events:none}.btn-loading:after{content:'';display:inline-block;vertical-align:text-bottom;border:1px solid currentColor;border-right-color:transparent;border-radius:50%;color:#fff;position:absolute;width:1rem;height:1rem;left:calc(50% - .5rem);top:calc(50% - .5rem);-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.calendar{display:block;font-size:.76562rem;border:1px solid rgba(95,102,110,.2);border-radius:3px}.calendar-nav{display:flex;align-items:center}.calendar-title{flex:1;text-align:center}.calendar-body,.calendar-header{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:.5rem 0}.calendar-header{color:#5f666e}.calendar-date{flex:0 0 14.28571%;max-width:14.28571%;padding:.2rem;text-align:center;border:0}.calendar-date.next-month,.calendar-date.prev-month{opacity:.25}.calendar-date .date-item{position:relative;display:inline-block;width:1.4rem;height:1.4rem;line-height:1.4rem;color:#66758c;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;background:0 0;border:1px solid transparent;border-radius:50%;outline:0;transition:background .3s,border .3s,box-shadow .32s,color .3s}.calendar-date .date-item:hover{color:#206bc4;text-decoration:none;background:#fefeff;border-color:rgba(95,102,110,.2)}.calendar-date .date-today{color:#206bc4;border-color:rgba(95,102,110,.2)}.calendar-range{position:relative}.calendar-range:before{position:absolute;top:50%;right:0;left:0;height:1.4rem;content:"";background:rgba(32,107,196,.1);transform:translateY(-50%)}.calendar-range.range-end .date-item,.calendar-range.range-start .date-item{color:#fff;background:#206bc4;border-color:#206bc4}.calendar-range.range-start:before{left:50%}.calendar-range.range-end:before{right:50%}.card{margin-bottom:1.25rem;box-shadow:rgba(53,64,82,.04) 0 2px 4px 0}@media (max-width:63.98rem){.card{margin-bottom:.75rem}}@media print{.card{border:none;box-shadow:none}}a.card{color:inherit;transition:.3s box-shadow}a.card:hover{text-decoration:none;box-shadow:rgba(53,64,82,.16) 0 2px 16px 0}.card-group{margin-bottom:1.5rem}.card-inactive{pointer-events:none;box-shadow:none}.card-inactive .card-body{opacity:.64}.card-active{position:relative;background-color:rgba(32,107,196,.03)}.card-active:before{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;content:"";border:1px solid #206bc4;border-radius:inherit}.card-link{color:inherit}.card-link:hover{color:inherit;text-decoration:none;box-shadow:0 1px 6px 0 rgba(0,0,0,.08)}.card-btn{padding:1rem 1rem;text-align:center;background:rgba(32,107,196,.02);transition:.3s background}.card-btn:hover{text-decoration:none;background:rgba(32,107,196,.06)}.card-stacked{position:relative}.card-stacked:after{position:absolute;top:-5px;right:5px;left:5px;height:5px;content:"";background:#fff;border:1px solid rgba(95,102,110,.2);border-radius:3px 3px 0 0}.card-cover{position:relative;padding:1rem 1rem;background:#666 no-repeat center/cover}.card-cover:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:rgba(53,64,82,.24)}.card-cover:first-child,.card-cover:first-child:before{border-radius:3px 3px 0 0}.card-cover-blurred:before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card-actions{margin-left:auto;font-size:.75rem}.card-actions a{text-decoration:none}.card-header{display:flex;align-items:center;background:0 0}.card-header-tabs{flex:1;margin:-1rem -1rem}.card-header-pills{flex:1}.card-footer{color:#5f666e}.card-progress{height:.25rem}.card-progress:last-child{border-radius:0 0 2px 2px}.card-progress:first-child{border-radius:2px 2px 0 0}.card-meta{color:#5f666e}.card-title{display:block;margin:0 0 1rem;font-size:1rem;font-weight:500;line-height:1.5rem}a.card-title:hover{color:inherit}.card-header .card-title{margin:.125rem 0}.card-subtitle{margin-top:-1rem;margin-bottom:1rem;font-size:.75rem;color:#5f666e}.card-body>:last-child{margin-bottom:0}.card-sm>.card-body{padding:.75rem}@media (min-width:48rem){.card-md>.card-body{padding:1.5rem}}@media (min-width:48rem){.card-lg>.card-body{padding:2rem}}@media (min-width:64rem){.card-lg>.card-body{padding:4rem}}@media print{.card-body{padding:0}}.card-body+.card-body{border-top:1px solid rgba(95,102,110,.2)}.card-body-scrollable{overflow:auto}.card-options{top:1.5rem;right:.75rem;display:flex;margin-left:auto}.card-options-link{display:inline-block;min-width:1rem;margin-left:.25rem;color:#5f666e}.card-drop{line-height:1;color:#5f666e}.card-drop .icon{width:1.5rem;height:1.5rem;stroke-width:1}.card-status-top{position:absolute;top:0;right:0;left:0;height:2px;border-radius:3px 3px 0 0}.card-status-left{position:absolute;right:auto;bottom:0;width:2px;height:100%;border-radius:3px 0 0 3px}.card-status-bottom{position:absolute;top:initial;bottom:0;width:100%;height:2px;border-radius:0 0 3px 3px}.card-table{margin-bottom:0}.card-table tr td:first-child,.card-table tr th:first-child{padding-left:1rem}.card-table tr td:last-child,.card-table tr th:last-child{padding-right:1rem}.card-table thead tr:first-child td,.card-table thead tr:first-child th{border-top:0}.card-table tbody tr:last-child td,.card-table tbody tr:last-child th{border-bottom:0}.card-body+.card-table{border-top:1px solid rgba(95,102,110,.2)}.card-code{padding:0}.card-code .highlight{margin:0;border:0}.card-code pre{margin:0;color:#fff;text-shadow:none;background:0 0}.card-chart{position:relative;z-index:1;height:3.5rem}.card-avatar{box-shadow:0 0 0 .5rem #fff}.card-body+.card-list-group{border-top:1px solid rgba(95,102,110,.2)}.card-list-group .list-group-item{padding-right:1rem;padding-left:1rem;border-right:0;border-left:0;border-radius:0}.card-list-group .list-group-item:last-child{border-bottom:0}.card-list-group .list-group-item:first-child{border-top:0}.card-tabs{margin-bottom:1.5rem}.card-tabs .nav-tabs{position:relative;z-index:1000;border-bottom:0}.card-tabs .nav-tabs .nav-link{background:rgba(53,64,82,.024);border:1px solid rgba(95,102,110,.2);border-bottom:0}.card-tabs .nav-tabs .nav-link.active,.card-tabs .nav-tabs .nav-link:active,.card-tabs .nav-tabs .nav-link:hover{border-color:rgba(95,102,110,.2)}.card-tabs .nav-tabs .nav-link.active{background:#fff}.card-tabs .nav-tabs .nav-item:not(:first-child) .nav-link{border-top-left-radius:0}.card-tabs .nav-tabs .nav-item:not(:last-child) .nav-link{border-top-right-radius:0}.card-tabs .nav-tabs .nav-item+.nav-item{margin-left:-1px}.card-tabs .nav-tabs-bottom{margin-bottom:0}.card-tabs .nav-tabs-bottom .nav-item{margin-top:-1px;margin-bottom:0}.card-tabs .nav-tabs-bottom .nav-item .nav-link{border-top-width:0;border-bottom:1px solid rgba(95,102,110,.2);border-top-left-radius:0;border-top-right-radius:0}.card-tabs .card{margin:0;border-top-left-radius:0}.close:focus{outline:0;color:#354052}.dropdown-menu{box-shadow:0 .5rem 1rem rgba(0,0,0,.15);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0}.dropdown-menu.card{padding:0;min-width:25rem;display:none}.dropdown-menu.card.show{display:flex}.dropdown-item{min-width:14rem;color:inherit;display:flex;align-items:center;margin:0;line-height:1.71429}.dropdown-item-icon{width:1rem!important;font-size:1rem!important;margin-right:.5rem;opacity:.64;text-align:center;stroke-width:2px}.dropdown-header{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#5f666e;padding-bottom:.25rem;pointer-events:none}.dropdown-menu-scrollable{height:auto;max-height:12rem;overflow-x:hidden}.dropdown-menu-columns{-moz-columns:2;columns:2;-moz-column-gap:0;column-gap:0}.dropdown-menu-columns .dropdown-item{display:inline-flex;min-width:10rem}.dropdown-menu-columns-2{-moz-columns:2;columns:2}.dropdown-menu-columns-3{-moz-columns:3;columns:3}.dropdown-menu-columns-4{-moz-columns:4;columns:4}.dropdown-menu-arrow{margin-top:.5rem}.dropdown-menu-arrow:before{content:"";position:absolute;top:-4px;left:12px;display:block;background:inherit;width:14px;height:14px;transform:rotate(45deg);transform-origin:center;border:1px solid;border-color:inherit;z-index:-1;clip:rect(0,9px,9px,0)}.dropdown-menu-arrow.dropdown-menu-right:before{right:12px;left:auto}.dropright>.dropdown-menu{margin-top:calc(-.5rem - 1px);margin-left:0}.dropright .dropdown-toggle:after{margin-left:auto}.dropdown-menu-card{padding:0}.dropdown-menu-card>.card{margin:0;border:0;box-shadow:none}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1rem;text-align:center}@media (min-width:48rem){.empty{padding:3rem}}.empty .empty-icon{margin:0 0 1rem;font-size:2rem;font-weight:400;line-height:1}.empty .empty-subtitle,.empty .empty-title{margin:0 0 .5rem}.empty .empty-action{margin-top:1.5rem}.empty-bordered{border:1px solid rgba(95,102,110,.2);border-radius:3px}.col-separator{border-left:1px solid rgba(95,102,110,.2)}.container-tight{--bs-gutter-x:0.75rem;width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-right:auto;margin-left:auto;max-width:35rem}.container-narrow{--bs-gutter-x:0.75rem;width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-right:auto;margin-left:auto;max-width:45rem}.row-0{margin-right:0;margin-left:0}.row-0>.col,.row-0>[class*=col-]{padding-right:0;padding-left:0}.row-0 .card{margin-bottom:0}.row-sm{margin-right:-.375rem;margin-left:-.375rem}.row-sm>.col,.row-sm>[class*=col-]{padding-right:.375rem;padding-left:.375rem}.row-sm .card{margin-bottom:.75rem}.row-md{margin-right:-1.5rem;margin-left:-1.5rem}.row-md>.col,.row-md>[class*=col-]{padding-right:1.5rem;padding-left:1.5rem}.row-md .card{margin-bottom:3rem}.row-lg{margin-right:-3rem;margin-left:-3rem}.row-lg>.col,.row-lg>[class*=col-]{padding-right:3rem;padding-left:3rem}.row-lg .card{margin-bottom:6rem}.row-deck>.col,.row-deck>[class*=col-]{display:flex;align-items:stretch}.row-deck>.col .card,.row-deck>[class*=col-] .card{flex:1 1 auto}.row-cards{margin-left:-.625rem;margin-right:-.625rem}.row-cards .row-cards{flex:1}.row-cards>*{padding-left:.625rem;padding-right:.625rem}@media (max-width:63.98rem){.row-cards{margin-left:-.375rem;margin-right:-.375rem}.row-cards>*{padding-left:.375rem;padding-right:.375rem}}.icon{width:1rem;height:1rem;font-size:1rem;vertical-align:text-bottom}.icon:hover{text-decoration:none}.icon-thin{stroke-width:1.5}.icon-md{width:1.5rem;height:1.5rem}.icon-lg{width:2rem;height:2rem}.icon-xl{width:4rem;height:4rem}.icon-xl.icon-thin{stroke-width:1}.icons-list{display:flex;flex-wrap:wrap;padding:0;margin:0 -2px -1px 0;list-style:none}.icons-list>li{flex:1 0 4rem}.icons-list-wrap{overflow:hidden}.icons-list-item{display:flex;align-items:center;justify-content:center;height:4rem;text-align:center;border-right:1px solid rgba(95,102,110,.2);border-bottom:1px solid rgba(95,102,110,.2)}.icons-list-item i{font-size:1.25rem}.img-responsive{background:no-repeat center/cover;padding-top:75%}.img-responsive-1x1{padding-top:100%}.img-responsive-4x3{padding-top:calc(3 / 4 * 100%)}.img-responsive-16x9{padding-top:calc(9 / 16 * 100%)}.img-responsive-21x9{padding-top:calc(9 / 21 * 100%)}textarea[cols]{height:auto}.form-label{font-size:.875rem;font-weight:500;display:block;margin-bottom:.5rem}.form-label.required:after{content:"*";margin-left:.25rem;color:#cd201f}.form-label-description{float:right;font-weight:400;color:#5f666e;line-height:1.5rem;font-size:.75rem}.form-hint{display:block;font-size:.75rem;color:#5f666e;line-height:1.25rem}.form-hint:last-child{margin-bottom:0}.form-hint+.form-control{margin-top:.25rem}.form-label+.form-hint{margin-top:-.5rem}.form-control+.form-hint,.form-select+.form-hint,.input-group+.form-hint{margin-top:.5rem}.form-control:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}.form-control.disabled,.form-control:disabled{color:#5f666e;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-control[size]{width:auto}.form-control-light{background-color:#f5f7fb;border-color:transparent}.form-control-dark{background-color:rgba(0,0,0,.1);color:#fff;border-color:transparent}.form-control-dark:focus{background-color:rgba(0,0,0,.1);box-shadow:none;border-color:rgba(255,255,255,.24)}.form-control-dark::-webkit-input-placeholder{color:rgba(255,255,255,.6)}.form-control-dark::-moz-placeholder{color:rgba(255,255,255,.6)}.form-control-dark:-ms-input-placeholder{color:rgba(255,255,255,.6)}.form-control-dark::-ms-input-placeholder{color:rgba(255,255,255,.6)}.form-control-dark::placeholder{color:rgba(255,255,255,.6)}.form-control-rounded{border-radius:10rem}.form-control-flush{padding:0;background:0 0!important;border-color:transparent!important;resize:none;box-shadow:none!important;line-height:inherit}.form-footer{margin-top:2rem}.form-fieldset{padding:1rem;margin-bottom:1rem;background:rgba(53,64,82,.024);border:1px solid rgba(95,102,110,.2);border-radius:3px}.form-help{display:inline-flex;font-weight:500;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;font-size:.75rem;color:#5f666e;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(145,152,163,.1);border-radius:50%;transition:.3s background-color,.3s color}.form-help:hover,.form-help[aria-describedby]{color:#fff;background:#206bc4}.form-check{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-check.form-check-highlight .form-check-input:not(:checked)~.form-check-label{opacity:.64}.form-check-input{background-size:1rem;margin-top:.25rem}.form-switch .form-check-input{transition:.3s background-color,.3s background-position}.form-check-label{line-height:1.42857;padding:.125rem 0}.form-check-description{color:#5f666e;font-size:.75rem;line-height:1.42857}.input-group-link{font-size:.75rem}.input-group-flat:focus-within{box-shadow:0 0 0 .25rem rgba(32,107,196,.25);border-radius:3px}.input-group-flat:focus-within .form-control,.input-group-flat:focus-within .input-group-text{border-color:#7aade9!important}.input-group-flat .form-control:focus{border-color:rgba(95,102,110,.2);box-shadow:none}.input-group-flat .form-control:not(:last-child){border-right:0}.input-group-flat .form-control:not(:first-child){border-left:0}.input-group-flat .input-group-text{background:0 0;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input-group-flat .input-group-text:first-child{padding-right:0}.input-group-flat .input-group-text:last-child{padding-left:0}.form-file-button{margin-left:0;border-left:0}.input-icon{position:relative}.input-icon .form-control:not(:last-child){padding-right:2.5rem}.input-icon .form-control:not(:first-child){padding-left:2.5rem}.input-icon-addon{position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;min-width:2.5rem;color:#5f666e;pointer-events:none;font-size:1.2em}.input-icon-addon:last-child{right:0;left:auto}.form-colorinput{position:relative;display:inline-block;margin:0;line-height:1;cursor:pointer}.form-colorinput-input{position:absolute;z-index:-1;opacity:0}.form-colorinput-color{display:block;width:1.5rem;height:1.5rem;color:#fff;border:1px solid rgba(95,102,110,.2);border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.form-colorinput-color:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:no-repeat center center/1rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");opacity:0;transition:.3s opacity}.form-colorinput-input:checked~.form-colorinput-color:before{opacity:1}.form-colorinput-input:focus~.form-colorinput-color{border-color:#206bc4;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-colorinput-light .form-colorinput-color:before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23354052' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")}.form-imagecheck{position:relative;margin:0;cursor:pointer}.form-imagecheck-input{position:absolute;z-index:-1;opacity:0}.form-imagecheck-figure{position:relative;display:block;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid rgba(95,102,110,.2);border-radius:3px}.form-imagecheck-input:focus~.form-imagecheck-figure{border-color:#206bc4;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-imagecheck-input:checked~.form-imagecheck-figure{border-color:rgba(95,102,110,.2)}.form-imagecheck-figure:before{position:absolute;top:.25rem;left:.25rem;z-index:1;display:block;width:1rem;height:1rem;color:#fff;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;border:1px solid rgba(95,102,110,.2);border-radius:3px;transition:.3s opacity}.form-imagecheck-input:checked~.form-imagecheck-figure:before{background-color:#206bc4;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");background-repeat:repeat;background-position:center;background-size:1rem;border-color:rgba(95,102,110,.2)}.form-imagecheck-image{max-width:100%;display:block;opacity:.64;transition:.3s opacity}.form-imagecheck-image:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.form-imagecheck-image:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.form-imagecheck-input:checked~.form-imagecheck-figure .form-imagecheck-image,.form-imagecheck-input:focus~.form-imagecheck-figure .form-imagecheck-image,.form-imagecheck:hover .form-imagecheck-image{opacity:1}.form-imagecheck-caption{padding:.25rem;font-size:.76562rem;color:#5f666e;text-align:center;transition:.3s color}.form-imagecheck-input:checked~.form-imagecheck-figure .form-imagecheck-caption,.form-imagecheck-input:focus~.form-imagecheck-figure .form-imagecheck-caption,.form-imagecheck:hover .form-imagecheck-caption{color:#212b36}.form-selectgroup{display:inline-flex;margin:0 -.5rem -.5rem 0;flex-wrap:wrap}.form-selectgroup .form-selectgroup-item{margin:0 .5rem .5rem 0}.form-selectgroup-vertical{flex-direction:column}.form-selectgroup-item{display:block;position:relative}.form-selectgroup-input{position:absolute;top:0;left:0;z-index:-1;opacity:0}.form-selectgroup-label{position:relative;display:block;min-width:calc(1.42857em + .875rem + 2px);margin:0;padding:.4375rem .75rem;font-size:.875rem;line-height:1.42857;color:#5f666e;background:#fff;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid rgba(95,102,110,.2);border-radius:3px;transition:border-color .3s,background .3s,color .3s}.form-selectgroup-label .icon:only-child{margin:0 -.25rem}.form-selectgroup-label:hover{color:#212b36}.form-selectgroup-check{display:inline-block;width:1rem;height:1rem;border:1px solid rgba(95,102,110,.2);vertical-align:middle}.form-selectgroup-input[type=checkbox]+.form-selectgroup-label .form-selectgroup-check{border-radius:3px}.form-selectgroup-input[type=radio]+.form-selectgroup-label .form-selectgroup-check{border-radius:50%}.form-selectgroup-input:checked+.form-selectgroup-label .form-selectgroup-check{background-color:#206bc4;background-repeat:repeat;background-position:center;background-size:1rem;border-color:rgba(95,102,110,.2)}.form-selectgroup-input[type=checkbox]:checked+.form-selectgroup-label .form-selectgroup-check{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")}.form-selectgroup-input[type=radio]:checked+.form-selectgroup-label .form-selectgroup-check{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e")}.form-selectgroup-input:checked+.form-selectgroup-label{z-index:1;color:#206bc4;background:rgba(32,107,196,.04);border-color:#7aade9;box-shadow:0 1px 1px 0 rgba(32,107,196,.2)}.form-selectgroup-input:focus+.form-selectgroup-label{z-index:2;color:#206bc4;border-color:#7aade9;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-selectgroup-boxes .form-selectgroup-label{text-align:left;padding:1rem 1rem;color:inherit}.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-label{color:inherit}.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-label .form-selectgroup-title{color:#206bc4}.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-label .form-selectgroup-label-content{opacity:1}.form-selectgroup-pills{flex-wrap:wrap;align-items:flex-start}.form-selectgroup-pills .form-selectgroup-item{flex-grow:0}.form-selectgroup-pills .form-selectgroup-label{border-radius:50px}.form-control-color::-webkit-color-swatch{border:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.form-control.is-invalid-lite,.form-control.is-valid-lite{border-color:rgba(95,102,110,.2)}.legend{display:inline-block;background:#e9ecf1;width:.75em;height:.75em;border-radius:3px}.list-item{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word}.list-item-actions{margin-left:auto}.list-bordered .list-item,.list-row .list-item{border-top:1px solid rgba(95,102,110,.2);margin-top:-1px}.list-bordered .list-item:first-child,.list-row .list-item:first-child{border-top:none}.list-hoverable .list-item-actions{opacity:0;transition:.3s opacity}.list-hoverable .list-item-actions.show,.list-hoverable .list-item:hover .list-item-actions{opacity:1}.list-row .list-item{flex-direction:row;align-items:center;padding:.5rem .5rem}.list-row .list-item>*{padding-left:.5rem;padding-right:.5rem}.list-timeline{position:relative;padding:0;margin:0;list-style:none}.list-timeline>li{position:relative;margin-bottom:1.5rem}.list-timeline>li:last-child{margin-bottom:0}.list-timeline-time{float:right;margin-left:1rem;color:#5f666e}.list-timeline-icon{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:#fff;text-align:center;background:#5f666e;border-radius:50%}.list-timeline-icon .icon{width:1rem;height:1rem}.list-timeline-title{margin:0;font-weight:500}.list-timeline-content{margin-left:3.5rem}@media screen and (min-width:768px){.list-timeline:not(.list-timeline-simple):before{position:absolute;top:0;bottom:0;left:calc(7.5rem + 2px);z-index:1;display:block;width:4px;content:"";background-color:#f5f7fb}.list-timeline:not(.list-timeline-simple)>li{z-index:2;min-height:40px}.list-timeline:not(.list-timeline-simple) .list-timeline-time{position:absolute;top:.5rem;left:0;width:5.5rem;margin:0;text-align:right}.list-timeline:not(.list-timeline-simple) .list-timeline-icon{top:0;left:6.5rem}.list-timeline:not(.list-timeline-simple) .list-timeline-content{padding:.625rem 0 0 10rem;margin:0}}.list-group-transparent{margin:0 -.75rem}.list-group-transparent .list-group-item{background:0 0;border:0;border-radius:3px}.list-group-transparent .list-group-item .icon{color:#5f666e}.list-group-transparent .list-group-item.active{font-weight:500;color:inherit;background:rgba(32,107,196,.06)}.list-group-transparent .list-group-item.active .icon{color:inherit}.list-separated-item{padding:1rem 0}.list-separated-item:first-child{padding-top:0}.list-separated-item:last-child{padding-bottom:0}.list-separated-item+.list-separated-item{border-top:1px solid rgba(95,102,110,.2)}.list-inline-dots .list-inline-item+.list-inline-item:before{content:'· ';margin-right:.5rem}@-webkit-keyframes loader{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loader{from{transform:rotate(0)}to{transform:rotate(360deg)}}.loader{position:relative;display:block;width:2.5rem;height:2.5rem;color:#206bc4;vertical-align:middle}.loader:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border:1px solid;border-color:transparent;border-top-color:currentColor;border-left-color:currentColor;border-radius:50%;-webkit-animation:loader .6s linear;animation:loader .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.dimmer{position:relative}.dimmer .loader{position:absolute;top:50%;right:0;left:0;display:none;margin:0 auto;transform:translateY(-50%)}.dimmer.active .loader{display:block}.dimmer.active .dimmer-content{pointer-events:none;opacity:.1}.modal-content .close{position:absolute;top:0;right:0;font-size:1rem;width:3.5rem;height:3.5rem;margin:0;padding:0;z-index:10}.modal-body::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.modal-body::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}.modal-body::-webkit-scrollbar-corner{background:0 0}.modal-body:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#cbcfd6}.modal-body .modal-title{margin-bottom:1rem}.modal-body+.modal-body{border-top:1px solid rgba(95,102,110,.1)}.modal-header{align-items:center;min-height:3.5rem;background:#fff;padding:0 3.5rem 0 1.5rem}.modal-title{font-size:1rem;font-weight:500;line-height:1.33333}.modal-footer{padding-top:0;padding-bottom:.75rem}.modal-blur{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-full-width{max-width:none;margin:0 .5rem}.nav-tabs .icon{color:#5f666e}.nav-tabs .nav-link{padding:.5rem 1rem;line-height:20px;color:#5f666e;cursor:pointer;background:0 0;border:none;border-bottom:1px solid transparent;transition:.3s color,.3s border-color}.nav-tabs .nav-link:hover{color:#212b36;border-color:transparent}.nav-tabs .nav-link.disabled{color:rgba(95,102,110,.2)}.nav-tabs .nav-link.active{color:#212b36;background:inherit;border-color:transparent;border-bottom-color:#206bc4}.nav-tabs-alt .nav-link{font-size:13px;font-weight:500;text-transform:uppercase}.nav-icon{line-height:1;margin-right:.25rem}.nav-icon .icon{display:block;stroke-width:1.5}.nav-link{display:flex;transition:.3s color;align-items:center}.nav-link .icon{display:inline-block;font-size:1rem}.nav-link-icon{width:1.25rem;height:1rem;font-size:1rem}.nav-link-icon .icon{display:block}.stars{display:inline-flex;color:#dee1e7;font-size:.75rem}.stars .star:not(:first-child){margin-left:.25rem}.pagination{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page-link{min-width:1.5rem;border-radius:3px}.page-link:hover{background:0 0}.page-item{text-align:center}.page-item.page-next,.page-item.page-prev{flex:0 0 50%;text-align:left}.page-item.page-next{margin-left:auto;text-align:right}.page-item-subtitle{margin-bottom:2px;font-size:12px;color:#5f666e;text-transform:uppercase}.page-item.disabled .page-item-subtitle{color:rgba(95,102,110,.5)}.page-item-title{font-size:1rem;font-weight:400;color:#212b36}.page-link:hover .page-item-title{color:#206bc4}.page-item.disabled .page-item-title{color:rgba(95,102,110,.5)}@-webkit-keyframes progress-indeterminate{0%{right:100%;left:-35%}100%,60%{right:-90%;left:100%}}@keyframes progress-indeterminate{0%{right:100%;left:-35%}100%,60%{right:-90%;left:100%}}.progress{position:relative;width:100%;line-height:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress::-webkit-progress-bar{background:#f5f7fb}.progress::-webkit-progress-value{background-color:#206bc4}.progress::-moz-progress-bar{background-color:#206bc4}.progress::-ms-fill{background-color:#206bc4;border:none}.progress-sm{height:.25rem}.progress-bar{height:100%}.progress-bar-indeterminate:after,.progress-bar-indeterminate:before{position:absolute;top:0;bottom:0;left:0;content:"";background-color:inherit;will-change:left,right}.progress-bar-indeterminate:before{-webkit-animation:progress-indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:progress-indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.ribbon{position:absolute;top:.75rem;right:-.25rem;z-index:1;padding:.25rem .75rem;font-size:.625rem;font-weight:500;line-height:1.5rem;color:#fff;text-align:center;text-transform:uppercase;background:#206bc4;border-color:#206bc4}.ribbon:before{position:absolute;right:0;bottom:100%;width:0;height:0;content:"";filter:brightness(70%);border:.125rem solid;border-color:inherit;border-top-color:transparent;border-right-color:transparent}.ribbon.bg-blue{border-color:#206bc4}.ribbon.bg-blue-lt{border-color:#d2e1f3!important}.ribbon.bg-azure{border-color:#45aaf2}.ribbon.bg-azure-lt{border-color:#daeefc!important}.ribbon.bg-indigo{border-color:#6574cd}.ribbon.bg-indigo-lt{border-color:#e0e3f5!important}.ribbon.bg-purple{border-color:#a55eea}.ribbon.bg-purple-lt{border-color:#eddffb!important}.ribbon.bg-pink{border-color:#f66d9b}.ribbon.bg-pink-lt{border-color:#fde2eb!important}.ribbon.bg-red{border-color:#cd201f}.ribbon.bg-red-lt{border-color:#f5d2d2!important}.ribbon.bg-orange{border-color:#ff922b}.ribbon.bg-orange-lt{border-color:#ffe9d5!important}.ribbon.bg-yellow{border-color:#fab005}.ribbon.bg-yellow-lt{border-color:#feefcd!important}.ribbon.bg-lime{border-color:#94d82d}.ribbon.bg-lime-lt{border-color:#eaf7d5!important}.ribbon.bg-green{border-color:#5eba00}.ribbon.bg-green-lt{border-color:#dff1cc!important}.ribbon.bg-teal{border-color:#2bcbba}.ribbon.bg-teal-lt{border-color:#d5f5f1!important}.ribbon.bg-cyan{border-color:#17a2b8}.ribbon.bg-cyan-lt{border-color:#d1ecf1!important}.ribbon.bg-gray{border-color:#a8aeb7}.ribbon.bg-gray-lt{border-color:#eeeff1!important}.ribbon.bg-gray-dark{border-color:#545d6d}.ribbon.bg-gray-dark-lt{border-color:#dddfe2!important}.ribbon.bg-dark{border-color:#354052}.ribbon.bg-dark-lt{border-color:#d7d9dc!important}.ribbon .icon{width:1rem;height:1rem}.ribbon-top{top:-.25rem;right:.75rem;width:2rem;padding:.25rem 0}.ribbon-top:before{top:0;right:100%;bottom:auto;border-color:inherit;border-top-color:transparent;border-left-color:transparent}.ribbon-top.ribbon-left{right:auto;left:.75rem}.ribbon-top.ribbon-left:before{top:0;right:100%;left:auto}.ribbon-left{right:auto;left:-.25rem}.ribbon-left:before{top:auto;bottom:100%;left:0;border-color:inherit;border-top-color:transparent;border-left-color:transparent}.ribbon-bottom{top:auto;bottom:.75rem}.ribbon-bookmark{padding-left:.25rem}.ribbon-bookmark:after{position:absolute;top:0;right:100%;display:block;width:0;height:0;content:"";border:1rem solid;border-color:inherit;border-right-width:0;border-left-color:transparent;border-left-width:.5rem}.ribbon-bookmark.ribbon-left{padding-right:.5rem;padding-left:.5rem}.ribbon-bookmark.ribbon-left:after{right:auto;left:100%;border-right-color:transparent;border-right-width:.5rem;border-left-width:0}.ribbon-bookmark.ribbon-top{padding-right:0;padding-bottom:.25rem;padding-left:0}.ribbon-bookmark.ribbon-top:after{top:100%;right:0;left:0;border-color:inherit;border-width:1rem;border-top-width:0;border-bottom-color:transparent;border-bottom-width:.5rem}.stamp{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;line-height:2.5rem;padding:0 .25rem;font-size:.875rem;font-weight:500;color:#5f666e;text-align:center;background:#f1f3f8;border-radius:3px}.stamp .icon{font-size:1.25rem;vertical-align:middle}.steps{display:flex;flex-wrap:nowrap;width:100%;padding:0;margin:2rem 0;list-style:none}.steps .step-item{padding-top:calc(.5rem + 4px)}.steps .step-item:after{top:calc(.25rem + 2px);height:2px}.steps .step-item:before{width:.5rem;height:.5rem}.steps .step-item:after,.steps .step-item:before{color:#fff;background:#206bc4}.steps .step-item.active:before{color:inherit;border-color:#206bc4}.steps-blue .step-item:after,.steps-blue .step-item:before{color:#fff;background:#206bc4}.steps-blue .step-item.active:before{color:inherit;border-color:#206bc4}.steps-azure .step-item:after,.steps-azure .step-item:before{color:#fff;background:#45aaf2}.steps-azure .step-item.active:before{color:inherit;border-color:#45aaf2}.steps-indigo .step-item:after,.steps-indigo .step-item:before{color:#fff;background:#6574cd}.steps-indigo .step-item.active:before{color:inherit;border-color:#6574cd}.steps-purple .step-item:after,.steps-purple .step-item:before{color:#fff;background:#a55eea}.steps-purple .step-item.active:before{color:inherit;border-color:#a55eea}.steps-pink .step-item:after,.steps-pink .step-item:before{color:#fff;background:#f66d9b}.steps-pink .step-item.active:before{color:inherit;border-color:#f66d9b}.steps-red .step-item:after,.steps-red .step-item:before{color:#fff;background:#cd201f}.steps-red .step-item.active:before{color:inherit;border-color:#cd201f}.steps-orange .step-item:after,.steps-orange .step-item:before{color:#fff;background:#ff922b}.steps-orange .step-item.active:before{color:inherit;border-color:#ff922b}.steps-yellow .step-item:after,.steps-yellow .step-item:before{color:#fff;background:#fab005}.steps-yellow .step-item.active:before{color:inherit;border-color:#fab005}.steps-lime .step-item:after,.steps-lime .step-item:before{color:#fff;background:#94d82d}.steps-lime .step-item.active:before{color:inherit;border-color:#94d82d}.steps-green .step-item:after,.steps-green .step-item:before{color:#fff;background:#5eba00}.steps-green .step-item.active:before{color:inherit;border-color:#5eba00}.steps-teal .step-item:after,.steps-teal .step-item:before{color:#fff;background:#2bcbba}.steps-teal .step-item.active:before{color:inherit;border-color:#2bcbba}.steps-cyan .step-item:after,.steps-cyan .step-item:before{color:#fff;background:#17a2b8}.steps-cyan .step-item.active:before{color:inherit;border-color:#17a2b8}.steps-gray .step-item:after,.steps-gray .step-item:before{color:#fff;background:#a8aeb7}.steps-gray .step-item.active:before{color:inherit;border-color:#a8aeb7}.steps-gray-dark .step-item:after,.steps-gray-dark .step-item:before{color:#fff;background:#545d6d}.steps-gray-dark .step-item.active:before{color:inherit;border-color:#545d6d}.steps-dark .step-item:after,.steps-dark .step-item:before{color:#fff;background:#354052}.steps-dark .step-item.active:before{color:inherit;border-color:#354052}.step-item{position:relative;flex:1 1 0;min-height:1rem;margin-top:0;color:inherit;text-align:center;cursor:default}a.step-item{cursor:pointer}a.step-item:hover{color:inherit}.step-item:not(:first-child):after{position:absolute;left:-50%;width:100%;content:"";transform:translateY(-50%)}.step-item:before{position:absolute;top:0;left:50%;z-index:1;box-sizing:content-box;display:block;content:"";border:2px solid #fff;border-radius:50%;transform:translateX(-50%)}.step-item.active{font-weight:500}.step-item.active:before{background:#fff}.step-item.active~.step-item{color:#5f666e}.step-item.active~.step-item:after,.step-item.active~.step-item:before{background:#f3f5f5}.step-item.active~.step-item:before{color:#5f666e!important}.steps-counter{counter-reset:steps}.steps-counter .step-item{padding-top:calc(1.5rem + 4px)}.steps-counter .step-item:after{top:calc(.75rem + 2px);height:2px}.steps-counter .step-item:before{width:1.5rem;height:1.5rem}.steps-counter .step-item{counter-increment:steps}.steps-counter .step-item:before{font-size:1rem;line-height:1.5rem;content:counter(steps)}.steps-counter .step-item.active~.step-item:before{background:#fff}.markdown>table thead th,.table thead th{color:#5f666e;background:rgba(53,64,82,.024);font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#5f666e;padding-top:.5rem;padding-bottom:.5rem}@media print{.markdown>table thead th,.table thead th{background:0 0}}.table-nowrap>:not(caption)>*>*{white-space:nowrap}.table-vcenter>:not(caption)>*>*{vertical-align:middle}.table-center>:not(caption)>*>*{text-align:center}.td-truncate{max-width:1px;width:100%}.table-mobile{display:block}.table-mobile thead{display:none}.table-mobile tbody,.table-mobile tr{display:flex;flex-direction:column}.table-mobile td{display:block;padding:.5rem .5rem!important;border:none;color:#212b36!important}.table-mobile td[data-label]:before{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#5f666e;content:attr(data-label);display:block}.table-mobile tr{border-bottom:1px solid rgba(95,102,110,.2)}.table-mobile .btn{display:block}@media (max-width:32.98rem){.table-mobile-sm{display:block}.table-mobile-sm thead{display:none}.table-mobile-sm tbody,.table-mobile-sm tr{display:flex;flex-direction:column}.table-mobile-sm td{display:block;padding:.5rem .5rem!important;border:none;color:#212b36!important}.table-mobile-sm td[data-label]:before{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#5f666e;content:attr(data-label);display:block}.table-mobile-sm tr{border-bottom:1px solid rgba(95,102,110,.2)}.table-mobile-sm .btn{display:block}}@media (max-width:47.98rem){.table-mobile-md{display:block}.table-mobile-md thead{display:none}.table-mobile-md tbody,.table-mobile-md tr{display:flex;flex-direction:column}.table-mobile-md td{display:block;padding:.5rem .5rem!important;border:none;color:#212b36!important}.table-mobile-md td[data-label]:before{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#5f666e;content:attr(data-label);display:block}.table-mobile-md tr{border-bottom:1px solid rgba(95,102,110,.2)}.table-mobile-md .btn{display:block}}@media (max-width:63.98rem){.table-mobile-lg{display:block}.table-mobile-lg thead{display:none}.table-mobile-lg tbody,.table-mobile-lg tr{display:flex;flex-direction:column}.table-mobile-lg td{display:block;padding:.5rem .5rem!important;border:none;color:#212b36!important}.table-mobile-lg td[data-label]:before{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#5f666e;content:attr(data-label);display:block}.table-mobile-lg tr{border-bottom:1px solid rgba(95,102,110,.2)}.table-mobile-lg .btn{display:block}}@media (max-width:75.23rem){.table-mobile-xl{display:block}.table-mobile-xl thead{display:none}.table-mobile-xl tbody,.table-mobile-xl tr{display:flex;flex-direction:column}.table-mobile-xl td{display:block;padding:.5rem .5rem!important;border:none;color:#212b36!important}.table-mobile-xl td[data-label]:before{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#5f666e;content:attr(data-label);display:block}.table-mobile-xl tr{border-bottom:1px solid rgba(95,102,110,.2)}.table-mobile-xl .btn{display:block}}.toast-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toast button[data-dismiss=toast]{outline:0}.toolbar{display:flex;flex-wrap:nowrap;flex-shrink:0;margin:0 -.5rem}.toolbar>*{margin:0 .5rem}.hr-text{display:flex;align-items:center;margin:2rem 0;font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#5f666e;height:1px}.hr-text:after,.hr-text:before{flex:1 1 auto;height:1px;background-color:currentColor;opacity:.1}.hr-text:before{content:"";margin-right:.5rem}.hr-text:after{content:"";margin-left:.5rem}.hr-text>:first-child{padding-right:.5rem;padding-left:0;color:#5f666e}.hr-text.hr-text-left:before{content:none}.hr-text.hr-text-left>:first-child{padding-right:.5rem;padding-left:.5rem}.hr-text.hr-text-right:before{content:""}.hr-text.hr-text-right:after{content:none}.hr-text.hr-text-right>:first-child{padding-right:0;padding-left:.5rem}.card>.hr-text{margin:0}.hr-text-spaceless{margin:-.5rem 0}.lead{line-height:1.4}a{-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}.h1,h1{line-height:1.14286}.h2,h2{line-height:1.6}.h3,h3{line-height:1.5}.h4,h4{line-height:1.42857}.h5,h5{line-height:1.33333}.h6,h6{line-height:1.6}.strong,b,strong{font-weight:500}blockquote{padding-left:1rem;border-left:2px solid rgba(95,102,110,.2)}blockquote p{margin-bottom:1rem}blockquote cite{display:block;text-align:right}blockquote cite:before{content:"— "}.hr,hr{margin:2rem 0}dl dd:last-child{margin-bottom:0}code{padding:2px 4px;background:rgba(32,107,196,.03);border:1px solid rgba(32,107,196,.064);border-radius:3px}pre{padding:1rem;overflow:auto;font-size:.75rem;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.25rem;-moz-tab-size:3;-o-tab-size:3;tab-size:3;border-radius:3px;white-space:pre-wrap}pre code{padding:0;background:0 0;border:none;border-radius:0}img{max-width:100%}::-moz-selection{color:#fff;background-color:#307fdd}::selection{color:#fff;background-color:#307fdd}[class*=" link-"].disabled,[class^=link-].disabled{color:#a8aeb7;pointer-events:none}.subheader{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#5f666e}.markdown>:first-child{margin-top:0}.markdown>:last-child,.markdown>:last-child .highlight{margin-bottom:0}.markdown>.h1,.markdown>.h2,.markdown>.h3,.markdown>.h4,.markdown>.h5,.markdown>.h6,.markdown>h1,.markdown>h2,.markdown>h3,.markdown>h4,.markdown>h5,.markdown>h6{margin-top:2rem}@media (min-width:48rem){.markdown>.hr,.markdown>hr{margin-top:3em;margin-bottom:3em}}.chart{display:block;min-height:10rem}.chart text{font-family:inherit}.chart-sm{height:2.5rem}.chart-lg{height:15rem}.chart-square{height:5.75rem}.chart-sparkline{position:relative;width:4rem;height:2.5rem;line-height:1}.chart-sparkline-square{width:2.5rem}.chart-sparkline-wide{width:6rem}.chart-sparkline-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.625rem}.chart-sparkline-label .icon{width:1rem;height:1rem}.bg-white-overlay{color:#fff;background-color:rgba(245,247,251,.24)}.bg-dark-overlay{color:#fff;background-color:rgba(53,64,82,.24)}.bg-cover{background-repeat:no-repeat;background-size:cover;background-position:center}.bg-facebook{color:#fff!important;background:#3b5998!important}.text-facebook{color:#3b5998!important}.bg-twitter{color:#fff!important;background:#1da1f2!important}.text-twitter{color:#1da1f2!important}.bg-google{color:#fff!important;background:#dc4e41!important}.text-google{color:#dc4e41!important}.bg-youtube{color:#fff!important;background:red!important}.text-youtube{color:red!important}.bg-vimeo{color:#fff!important;background:#1ab7ea!important}.text-vimeo{color:#1ab7ea!important}.bg-dribbble{color:#fff!important;background:#ea4c89!important}.text-dribbble{color:#ea4c89!important}.bg-github{color:#fff!important;background:#181717!important}.text-github{color:#181717!important}.bg-instagram{color:#fff!important;background:#e4405f!important}.text-instagram{color:#e4405f!important}.bg-pinterest{color:#fff!important;background:#bd081c!important}.text-pinterest{color:#bd081c!important}.bg-vk{color:#fff!important;background:#6383a8!important}.text-vk{color:#6383a8!important}.bg-rss{color:#fff!important;background:orange!important}.text-rss{color:orange!important}.bg-flickr{color:#fff!important;background:#0063dc!important}.text-flickr{color:#0063dc!important}.bg-bitbucket{color:#fff!important;background:#0052cc!important}.text-bitbucket{color:#0052cc!important}.bg-tabler{color:#fff!important;background:#206bc4!important}.text-tabler{color:#206bc4!important}.bg-blue{background:#206bc4}.text-blue{color:#206bc4!important}.bg-blue-lt{color:#206bc4!important;background:#d2e1f3!important}.bg-azure{background:#45aaf2}.text-azure{color:#45aaf2!important}.bg-azure-lt{color:#45aaf2!important;background:#daeefc!important}.bg-indigo{background:#6574cd}.text-indigo{color:#6574cd!important}.bg-indigo-lt{color:#6574cd!important;background:#e0e3f5!important}.bg-purple{background:#a55eea}.text-purple{color:#a55eea!important}.bg-purple-lt{color:#a55eea!important;background:#eddffb!important}.bg-pink{background:#f66d9b}.text-pink{color:#f66d9b!important}.bg-pink-lt{color:#f66d9b!important;background:#fde2eb!important}.bg-red{background:#cd201f}.text-red{color:#cd201f!important}.bg-red-lt{color:#cd201f!important;background:#f5d2d2!important}.bg-orange{background:#ff922b}.text-orange{color:#ff922b!important}.bg-orange-lt{color:#ff922b!important;background:#ffe9d5!important}.bg-yellow{background:#fab005}.text-yellow{color:#fab005!important}.bg-yellow-lt{color:#fab005!important;background:#feefcd!important}.bg-lime{background:#94d82d}.text-lime{color:#94d82d!important}.bg-lime-lt{color:#94d82d!important;background:#eaf7d5!important}.bg-green{background:#5eba00}.text-green{color:#5eba00!important}.bg-green-lt{color:#5eba00!important;background:#dff1cc!important}.bg-teal{background:#2bcbba}.text-teal{color:#2bcbba!important}.bg-teal-lt{color:#2bcbba!important;background:#d5f5f1!important}.bg-cyan{background:#17a2b8}.text-cyan{color:#17a2b8!important}.bg-cyan-lt{color:#17a2b8!important;background:#d1ecf1!important}.bg-gray{background:#a8aeb7}.text-gray{color:#a8aeb7!important}.bg-gray-lt{color:#a8aeb7!important;background:#eeeff1!important}.bg-gray-dark{background:#545d6d}.text-gray-dark{color:#545d6d!important}.bg-gray-dark-lt{color:#545d6d!important;background:#dddfe2!important}.bg-dark{background:#354052}.text-dark{color:#354052!important}.bg-dark-lt{color:#354052!important;background:#d7d9dc!important}.scrollable{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.scrollable.hover{overflow-y:hidden}.scrollable.hover>*{margin-top:-1px}.scrollable.hover:active,.scrollable.hover:focus,.scrollable.hover:hover{overflow:visible;overflow-y:auto}.touch .scrollable{overflow-y:auto!important}.scroll-x,.scroll-y{overflow:hidden;-webkit-overflow-scrolling:touch}.scroll-y{overflow-y:auto}.scroll-x{overflow-x:auto}.no-scroll{overflow:hidden}.w-0{width:0!important}.h-0{height:0!important}.w-1{width:.25rem!important}.h-1{height:.25rem!important}.w-2{width:.5rem!important}.h-2{height:.5rem!important}.w-3{width:1rem!important}.h-3{height:1rem!important}.w-4{width:1.5rem!important}.h-4{height:1.5rem!important}.w-5{width:3rem!important}.h-5{height:3rem!important}.w-6{width:4.5rem!important}.h-6{height:4.5rem!important}.w-auto{width:auto!important}.h-auto{height:auto!important}.w-px{width:1px!important}.h-px{height:1px!important}.w-full{width:100%!important}.h-full{height:100%!important}.opacity-0{opacity:0!important}.opacity-5{opacity:.05!important}.opacity-10{opacity:.1!important}.opacity-15{opacity:.15!important}.opacity-20{opacity:.2!important}.opacity-25{opacity:.25!important}.opacity-30{opacity:.3!important}.opacity-35{opacity:.35!important}.opacity-40{opacity:.4!important}.opacity-45{opacity:.45!important}.opacity-50{opacity:.5!important}.opacity-55{opacity:.55!important}.opacity-60{opacity:.6!important}.opacity-65{opacity:.65!important}.opacity-70{opacity:.7!important}.opacity-75{opacity:.75!important}.opacity-80{opacity:.8!important}.opacity-85{opacity:.85!important}.opacity-90{opacity:.9!important}.opacity-95{opacity:.95!important}.opacity-100{opacity:1!important}.hover-shadow-sm:hover{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.hover-shadow:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.hover-shadow-lg:hover{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.hover-shadow-none:hover{box-shadow:none!important}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}@media not print{.theme-dark{color:#f5f7fb;background-color:#2f3949}.theme-dark .card,.theme-dark .dropdown-menu,.theme-dark .flatpickr-calendar,.theme-dark .footer,.theme-dark .modal-content,.theme-dark .modal-header{background-color:#354052;color:inherit}.theme-dark .card{border-color:transparent}.theme-dark .btn-white,.theme-dark .form-file-button{color:#f5f7fb;background-color:#3b475b;border-color:rgba(95,102,110,.2);background-image:none}.theme-dark .btn-white:hover,.theme-dark .form-file-button:hover{color:#f5f7fb;background-color:rgba(53,64,82,0);border-color:rgba(95,102,110,.2)}.btn-check:focus+.theme-dark .btn-white,.btn-check:focus+.theme-dark .form-file-button,.theme-dark .btn-white:focus,.theme-dark .form-file-button:focus{color:#f5f7fb;background-color:rgba(53,64,82,0);border-color:rgba(95,102,110,.2);box-shadow:0 0 0 .25rem rgba(187,191,197,.5)}.btn-check:active+.theme-dark .btn-white,.btn-check:active+.theme-dark .form-file-button,.btn-check:checked+.theme-dark .btn-white,.btn-check:checked+.theme-dark .form-file-button,.show>.theme-dark .btn-white.dropdown-toggle,.show>.theme-dark .form-file-button.dropdown-toggle,.theme-dark .btn-white.active,.theme-dark .btn-white:active,.theme-dark .form-file-button.active,.theme-dark .form-file-button:active{color:#fff;background-color:#4f5f7a;border-color:rgba(107,115,124,.2)}.btn-check:active+.theme-dark .btn-white:focus,.btn-check:active+.theme-dark .form-file-button:focus,.btn-check:checked+.theme-dark .btn-white:focus,.btn-check:checked+.theme-dark .form-file-button:focus,.show>.theme-dark .btn-white.dropdown-toggle:focus,.show>.theme-dark .form-file-button.dropdown-toggle:focus,.theme-dark .btn-white.active:focus,.theme-dark .btn-white:active:focus,.theme-dark .form-file-button.active:focus,.theme-dark .form-file-button:active:focus{box-shadow:0 0 0 .25rem rgba(187,191,197,.5)}.theme-dark .btn-white.disabled,.theme-dark .btn-white:disabled,.theme-dark .form-file-button.disabled,.theme-dark .form-file-button:disabled{color:#fff;background-color:#3b475b;border-color:rgba(95,102,110,.2)}.theme-dark .flatpickr-input.flatpickr-input,.theme-dark .form-check-input:not(:checked),.theme-dark .form-control,.theme-dark .form-file-text,.theme-dark .form-imagecheck-figure:before,.theme-dark .form-select,.theme-dark .form-selectgroup-check,.theme-dark .form-selectgroup-label{background-color:#2f3949;color:#f5f7fb}.theme-dark .form-control-plaintext{color:#f5f7fb}.theme-dark .input-group-flat .input-group-text{background-color:#2f3949}.theme-dark .highlight{background-color:#2f3949}.theme-dark .avatar{background-color:#3b475b}.theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #354052}.theme-dark .close,.theme-dark .markdown,.theme-dark .markdown>*{color:inherit}.theme-dark .apexcharts-text{fill:#f5f7fb}.theme-dark .apexcharts-legend-text{color:inherit!important}.theme-dark .navbar-brand-autodark{filter:brightness(0) invert(1)}}@media not print and (prefers-color-scheme:dark){.theme-dark-auto{color:#f5f7fb;background-color:#2f3949}.theme-dark-auto .card,.theme-dark-auto .dropdown-menu,.theme-dark-auto .flatpickr-calendar,.theme-dark-auto .footer,.theme-dark-auto .modal-content,.theme-dark-auto .modal-header{background-color:#354052;color:inherit}.theme-dark-auto .card{border-color:transparent}.theme-dark-auto .btn-white,.theme-dark-auto .form-file-button{color:#f5f7fb;background-color:#3b475b;border-color:rgba(95,102,110,.2);background-image:none}.theme-dark-auto .btn-white:hover,.theme-dark-auto .form-file-button:hover{color:#f5f7fb;background-color:rgba(53,64,82,0);border-color:rgba(95,102,110,.2)}.btn-check:focus+.theme-dark-auto .btn-white,.btn-check:focus+.theme-dark-auto .form-file-button,.theme-dark-auto .btn-white:focus,.theme-dark-auto .form-file-button:focus{color:#f5f7fb;background-color:rgba(53,64,82,0);border-color:rgba(95,102,110,.2);box-shadow:0 0 0 .25rem rgba(187,191,197,.5)}.btn-check:active+.theme-dark-auto .btn-white,.btn-check:active+.theme-dark-auto .form-file-button,.btn-check:checked+.theme-dark-auto .btn-white,.btn-check:checked+.theme-dark-auto .form-file-button,.show>.theme-dark-auto .btn-white.dropdown-toggle,.show>.theme-dark-auto .form-file-button.dropdown-toggle,.theme-dark-auto .btn-white.active,.theme-dark-auto .btn-white:active,.theme-dark-auto .form-file-button.active,.theme-dark-auto .form-file-button:active{color:#fff;background-color:#4f5f7a;border-color:rgba(107,115,124,.2)}.btn-check:active+.theme-dark-auto .btn-white:focus,.btn-check:active+.theme-dark-auto .form-file-button:focus,.btn-check:checked+.theme-dark-auto .btn-white:focus,.btn-check:checked+.theme-dark-auto .form-file-button:focus,.show>.theme-dark-auto .btn-white.dropdown-toggle:focus,.show>.theme-dark-auto .form-file-button.dropdown-toggle:focus,.theme-dark-auto .btn-white.active:focus,.theme-dark-auto .btn-white:active:focus,.theme-dark-auto .form-file-button.active:focus,.theme-dark-auto .form-file-button:active:focus{box-shadow:0 0 0 .25rem rgba(187,191,197,.5)}.theme-dark-auto .btn-white.disabled,.theme-dark-auto .btn-white:disabled,.theme-dark-auto .form-file-button.disabled,.theme-dark-auto .form-file-button:disabled{color:#fff;background-color:#3b475b;border-color:rgba(95,102,110,.2)}.theme-dark-auto .flatpickr-input.flatpickr-input,.theme-dark-auto .form-check-input:not(:checked),.theme-dark-auto .form-control,.theme-dark-auto .form-file-text,.theme-dark-auto .form-imagecheck-figure:before,.theme-dark-auto .form-select,.theme-dark-auto .form-selectgroup-check,.theme-dark-auto .form-selectgroup-label{background-color:#2f3949;color:#f5f7fb}.theme-dark-auto .form-control-plaintext{color:#f5f7fb}.theme-dark-auto .input-group-flat .input-group-text{background-color:#2f3949}.theme-dark-auto .highlight{background-color:#2f3949}.theme-dark-auto .avatar{background-color:#3b475b}.theme-dark-auto .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #354052}.theme-dark-auto .close,.theme-dark-auto .markdown,.theme-dark-auto .markdown>*{color:inherit}.theme-dark-auto .apexcharts-text{fill:#f5f7fb}.theme-dark-auto .apexcharts-legend-text{color:inherit!important}.theme-dark-auto .navbar-brand-autodark{filter:brightness(0) invert(1)}}
\ No newline at end of file
+@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--tblr-blue:#206bc4;--tblr-azure:#4299e1;--tblr-indigo:#6574cd;--tblr-purple:#9f7aea;--tblr-pink:#ed64a6;--tblr-red:#e53e3e;--tblr-orange:#ed8936;--tblr-yellow:#fab005;--tblr-lime:#82c91e;--tblr-green:#5eba00;--tblr-teal:#2bcbba;--tblr-cyan:#17a2b8;--tblr-primary:#206bc4;--tblr-secondary:#6e757e;--tblr-success:#5eba00;--tblr-info:#4299e1;--tblr-warning:#ed8936;--tblr-danger:#e53e3e;--tblr-light:#f1f4f8;--tblr-dark:#232e3c;--tblr-font-sans-serif:"Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;--tblr-font-monospace:null,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--tblr-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--tblr-font-sans-serif);font-size:.875rem;font-weight:400;line-height:1.4285714;color:#232e3c;background-color:#f1f4f8;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}.hr,hr{margin:2rem 0;color:inherit;background-color:currentColor;border:0;opacity:.1}.hr:not([size]),hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h1,h1{font-size:1.75rem}}.h2,h2{font-size:1.25rem}.h3,h3{font-size:1rem}.h4,h4{font-size:.875rem}.h5,h5{font-size:.75rem}.h6,h6{font-size:.625rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:600}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:85.7142857%}.mark,mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#206bc4;text-decoration:none}a:hover{color:#1a569d;text-decoration:underline}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--tblr-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:85.7142857%;-ms-overflow-style:scrollbar}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:85.7142857%;color:#206bc4;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:85.7142857%;color:#fff;background-color:#232e3c;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:600}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6e757e;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit;white-space:normal}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:.875rem;font-weight:400}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:85.7142857%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:.875rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:85.7142857%;color:#9fa5ad}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#f1f4f8;border:1px solid #e5e8ed;border-radius:3px;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:85.7142857%;color:#9fa5ad}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--tblr-gutter-x:1rem;--tblr-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--tblr-gutter-y) * -1);margin-right:calc(var(--tblr-gutter-x)/ -2);margin-left:calc(var(--tblr-gutter-x)/ -2)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--tblr-gutter-x)/ 2);padding-left:calc(var(--tblr-gutter-x)/ 2);margin-top:var(--tblr-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.3333333%}.col-2{flex:0 0 auto;width:16.6666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.3333333%}.col-5{flex:0 0 auto;width:41.6666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.3333333%}.col-8{flex:0 0 auto;width:66.6666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.3333333%}.col-11{flex:0 0 auto;width:91.6666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.3333333%}.offset-2{margin-left:16.6666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333%}.offset-5{margin-left:41.6666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333%}.offset-8{margin-left:66.6666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333%}.offset-11{margin-left:91.6666667%}.g-0,.gx-0{--tblr-gutter-x:0}.g-0,.gy-0{--tblr-gutter-y:0}.g-1,.gx-1{--tblr-gutter-x:0.25rem}.g-1,.gy-1{--tblr-gutter-y:0.25rem}.g-2,.gx-2{--tblr-gutter-x:0.5rem}.g-2,.gy-2{--tblr-gutter-y:0.5rem}.g-3,.gx-3{--tblr-gutter-x:1rem}.g-3,.gy-3{--tblr-gutter-y:1rem}.g-4,.gx-4{--tblr-gutter-x:1.25rem}.g-4,.gy-4{--tblr-gutter-y:1.25rem}.g-5,.gx-5{--tblr-gutter-x:3rem}.g-5,.gy-5{--tblr-gutter-y:3rem}.g-6,.gx-6{--tblr-gutter-x:4.5rem}.g-6,.gy-6{--tblr-gutter-y:4.5rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.3333333%}.col-sm-2{flex:0 0 auto;width:16.6666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.3333333%}.col-sm-5{flex:0 0 auto;width:41.6666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.3333333%}.col-sm-8{flex:0 0 auto;width:66.6666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.3333333%}.col-sm-11{flex:0 0 auto;width:91.6666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333%}.offset-sm-2{margin-left:16.6666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333%}.offset-sm-5{margin-left:41.6666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333%}.offset-sm-8{margin-left:66.6666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333%}.offset-sm-11{margin-left:91.6666667%}.g-sm-0,.gx-sm-0{--tblr-gutter-x:0}.g-sm-0,.gy-sm-0{--tblr-gutter-y:0}.g-sm-1,.gx-sm-1{--tblr-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--tblr-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--tblr-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--tblr-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--tblr-gutter-x:1rem}.g-sm-3,.gy-sm-3{--tblr-gutter-y:1rem}.g-sm-4,.gx-sm-4{--tblr-gutter-x:1.25rem}.g-sm-4,.gy-sm-4{--tblr-gutter-y:1.25rem}.g-sm-5,.gx-sm-5{--tblr-gutter-x:3rem}.g-sm-5,.gy-sm-5{--tblr-gutter-y:3rem}.g-sm-6,.gx-sm-6{--tblr-gutter-x:4.5rem}.g-sm-6,.gy-sm-6{--tblr-gutter-y:4.5rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.3333333%}.col-md-2{flex:0 0 auto;width:16.6666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.3333333%}.col-md-5{flex:0 0 auto;width:41.6666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.3333333%}.col-md-8{flex:0 0 auto;width:66.6666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.3333333%}.col-md-11{flex:0 0 auto;width:91.6666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333%}.offset-md-2{margin-left:16.6666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333%}.offset-md-5{margin-left:41.6666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333%}.offset-md-8{margin-left:66.6666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333%}.offset-md-11{margin-left:91.6666667%}.g-md-0,.gx-md-0{--tblr-gutter-x:0}.g-md-0,.gy-md-0{--tblr-gutter-y:0}.g-md-1,.gx-md-1{--tblr-gutter-x:0.25rem}.g-md-1,.gy-md-1{--tblr-gutter-y:0.25rem}.g-md-2,.gx-md-2{--tblr-gutter-x:0.5rem}.g-md-2,.gy-md-2{--tblr-gutter-y:0.5rem}.g-md-3,.gx-md-3{--tblr-gutter-x:1rem}.g-md-3,.gy-md-3{--tblr-gutter-y:1rem}.g-md-4,.gx-md-4{--tblr-gutter-x:1.25rem}.g-md-4,.gy-md-4{--tblr-gutter-y:1.25rem}.g-md-5,.gx-md-5{--tblr-gutter-x:3rem}.g-md-5,.gy-md-5{--tblr-gutter-y:3rem}.g-md-6,.gx-md-6{--tblr-gutter-x:4.5rem}.g-md-6,.gy-md-6{--tblr-gutter-y:4.5rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.3333333%}.col-lg-2{flex:0 0 auto;width:16.6666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.3333333%}.col-lg-5{flex:0 0 auto;width:41.6666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.3333333%}.col-lg-8{flex:0 0 auto;width:66.6666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.3333333%}.col-lg-11{flex:0 0 auto;width:91.6666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333%}.offset-lg-2{margin-left:16.6666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333%}.offset-lg-5{margin-left:41.6666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333%}.offset-lg-8{margin-left:66.6666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333%}.offset-lg-11{margin-left:91.6666667%}.g-lg-0,.gx-lg-0{--tblr-gutter-x:0}.g-lg-0,.gy-lg-0{--tblr-gutter-y:0}.g-lg-1,.gx-lg-1{--tblr-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--tblr-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--tblr-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--tblr-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--tblr-gutter-x:1rem}.g-lg-3,.gy-lg-3{--tblr-gutter-y:1rem}.g-lg-4,.gx-lg-4{--tblr-gutter-x:1.25rem}.g-lg-4,.gy-lg-4{--tblr-gutter-y:1.25rem}.g-lg-5,.gx-lg-5{--tblr-gutter-x:3rem}.g-lg-5,.gy-lg-5{--tblr-gutter-y:3rem}.g-lg-6,.gx-lg-6{--tblr-gutter-x:4.5rem}.g-lg-6,.gy-lg-6{--tblr-gutter-y:4.5rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.3333333%}.col-xl-2{flex:0 0 auto;width:16.6666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.3333333%}.col-xl-5{flex:0 0 auto;width:41.6666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.3333333%}.col-xl-8{flex:0 0 auto;width:66.6666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.3333333%}.col-xl-11{flex:0 0 auto;width:91.6666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333%}.offset-xl-2{margin-left:16.6666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333%}.offset-xl-5{margin-left:41.6666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333%}.offset-xl-8{margin-left:66.6666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333%}.offset-xl-11{margin-left:91.6666667%}.g-xl-0,.gx-xl-0{--tblr-gutter-x:0}.g-xl-0,.gy-xl-0{--tblr-gutter-y:0}.g-xl-1,.gx-xl-1{--tblr-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--tblr-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--tblr-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--tblr-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--tblr-gutter-x:1rem}.g-xl-3,.gy-xl-3{--tblr-gutter-y:1rem}.g-xl-4,.gx-xl-4{--tblr-gutter-x:1.25rem}.g-xl-4,.gy-xl-4{--tblr-gutter-y:1.25rem}.g-xl-5,.gx-xl-5{--tblr-gutter-x:3rem}.g-xl-5,.gy-xl-5{--tblr-gutter-y:3rem}.g-xl-6,.gx-xl-6{--tblr-gutter-x:4.5rem}.g-xl-6,.gy-xl-6{--tblr-gutter-y:4.5rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.3333333%}.col-xxl-2{flex:0 0 auto;width:16.6666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.3333333%}.col-xxl-5{flex:0 0 auto;width:41.6666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.3333333%}.col-xxl-8{flex:0 0 auto;width:66.6666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.3333333%}.col-xxl-11{flex:0 0 auto;width:91.6666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.3333333%}.offset-xxl-2{margin-left:16.6666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.3333333%}.offset-xxl-5{margin-left:41.6666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.3333333%}.offset-xxl-8{margin-left:66.6666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.3333333%}.offset-xxl-11{margin-left:91.6666667%}.g-xxl-0,.gx-xxl-0{--tblr-gutter-x:0}.g-xxl-0,.gy-xxl-0{--tblr-gutter-y:0}.g-xxl-1,.gx-xxl-1{--tblr-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--tblr-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--tblr-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--tblr-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--tblr-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--tblr-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--tblr-gutter-x:1.25rem}.g-xxl-4,.gy-xxl-4{--tblr-gutter-y:1.25rem}.g-xxl-5,.gx-xxl-5{--tblr-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--tblr-gutter-y:3rem}.g-xxl-6,.gx-xxl-6{--tblr-gutter-x:4.5rem}.g-xxl-6,.gy-xxl-6{--tblr-gutter-y:4.5rem}}.markdown>table,.table{--tblr-table-bg:transparent;--tblr-table-accent-bg:transparent;--tblr-table-striped-color:inherit;--tblr-table-striped-bg:rgba(35, 46, 60, 0.024);--tblr-table-active-color:inherit;--tblr-table-active-bg:rgba(0, 0, 0, 0.1);--tblr-table-hover-color:inherit;--tblr-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:inherit;vertical-align:top;border-color:rgba(110,117,126,.16)}.markdown>table>:not(caption)>*>*,.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--tblr-table-bg);background-image:linear-gradient(var(--tblr-table-accent-bg),var(--tblr-table-accent-bg));border-bottom-width:1px}.markdown>table>tbody,.table>tbody{vertical-align:inherit}.markdown>table>thead,.table>thead{vertical-align:bottom}.markdown>table>:not(:last-child)>:last-child>*,.table>:not(:last-child)>:last-child>*{border-bottom-color:rgba(110,117,126,.16)}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.markdown>table>:not(caption)>*,.table-bordered>:not(caption)>*{border-width:1px 0}.markdown>table>:not(caption)>*>*,.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-striped>tbody>tr:nth-of-type(even){--tblr-table-accent-bg:var(--tblr-table-striped-bg);color:var(--tblr-table-striped-color)}.table-active{--tblr-table-accent-bg:var(--tblr-table-active-bg);color:var(--tblr-table-active-color)}.table-hover>tbody>tr:hover{--tblr-table-accent-bg:var(--tblr-table-hover-bg);color:var(--tblr-table-hover-color)}.table-primary{--tblr-table-bg:#d2e1f3;--tblr-table-striped-bg:#c9d8ea;--tblr-table-striped-color:#232e3c;--tblr-table-active-bg:#c1cfe1;--tblr-table-active-color:#232e3c;--tblr-table-hover-bg:#c5d4e5;--tblr-table-hover-color:#232e3c;color:#232e3c;border-color:#c1cfe1}.table-secondary{--tblr-table-bg:#e2e3e5;--tblr-table-striped-bg:#d8dadd;--tblr-table-striped-color:#232e3c;--tblr-table-active-bg:#cfd1d4;--tblr-table-active-color:#232e3c;--tblr-table-hover-bg:#d4d5d8;--tblr-table-hover-color:#232e3c;color:#232e3c;border-color:#cfd1d4}.table-success{--tblr-table-bg:#dff1cc;--tblr-table-striped-bg:#d6e7c5;--tblr-table-striped-color:#232e3c;--tblr-table-active-bg:#ccdebe;--tblr-table-active-color:#232e3c;--tblr-table-hover-bg:#d1e2c1;--tblr-table-hover-color:#232e3c;color:#232e3c;border-color:#ccdebe}.table-info{--tblr-table-bg:#d9ebf9;--tblr-table-striped-bg:#d0e2f0;--tblr-table-striped-color:#232e3c;--tblr-table-active-bg:#c7d8e6;--tblr-table-active-color:#232e3c;--tblr-table-hover-bg:#cbddeb;--tblr-table-hover-color:#232e3c;color:#232e3c;border-color:#c7d8e6}.table-warning{--tblr-table-bg:#fbe7d7;--tblr-table-striped-bg:#f0decf;--tblr-table-striped-color:#232e3c;--tblr-table-active-bg:#e5d5c8;--tblr-table-active-color:#232e3c;--tblr-table-hover-bg:#ebd9cb;--tblr-table-hover-color:#232e3c;color:#232e3c;border-color:#e5d5c8}.table-danger{--tblr-table-bg:#fad8d8;--tblr-table-striped-bg:#efd0d0;--tblr-table-striped-color:#232e3c;--tblr-table-active-bg:#e5c7c8;--tblr-table-active-color:#232e3c;--tblr-table-hover-bg:#eacbcc;--tblr-table-hover-color:#232e3c;color:#232e3c;border-color:#e5c7c8}.table-light{--tblr-table-bg:#f1f4f8;--tblr-table-striped-bg:#e7eaef;--tblr-table-striped-color:#232e3c;--tblr-table-active-bg:#dce0e5;--tblr-table-active-color:#232e3c;--tblr-table-hover-bg:#e2e5ea;--tblr-table-hover-color:#232e3c;color:#232e3c;border-color:#dce0e5}.table-dark{--tblr-table-bg:#232e3c;--tblr-table-striped-bg:#2d3845;--tblr-table-striped-color:#f1f4f8;--tblr-table-active-bg:#38424f;--tblr-table-active-color:#f1f4f8;--tblr-table-hover-bg:#323d4a;--tblr-table-hover-color:#f1f4f8;color:#f1f4f8;border-color:#38424f}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem;font-size:.875rem;font-weight:500}.col-form-label{padding-top:calc(.4375rem + 1px);padding-bottom:calc(.4375rem + 1px);margin-bottom:0;font-size:inherit;font-weight:500;line-height:1.4285714}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem}.col-form-label-sm{padding-top:calc(.125rem + 1px);padding-bottom:calc(.125rem + 1px);font-size:.75rem}.form-text{margin-top:.25rem;font-size:85.7142857%;color:#6e757e}.form-control{display:block;width:100%;padding:.4375rem .75rem;font-size:.875rem;font-weight:400;line-height:1.4285714;color:#232e3c;background-color:#fff;background-clip:padding-box;border:1px solid rgba(110,117,126,.24);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:inherit;background-color:#fff;border-color:#90b5e2;outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-control::-webkit-date-and-time-value{height:1.4285714em}.form-control::-webkit-input-placeholder{color:#a7abb1;opacity:1}.form-control::-moz-placeholder{color:#a7abb1;opacity:1}.form-control:-ms-input-placeholder{color:#a7abb1;opacity:1}.form-control::-ms-input-placeholder{color:#a7abb1;opacity:1}.form-control::placeholder{color:#a7abb1;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#f1f4f8;opacity:1}.form-control::file-selector-button{padding:.4375rem .75rem;margin:-.4375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;-moz-margin-end:calc(.75rem - 5px);color:#232e3c;background-color:rgba(35,46,60,.024);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:rgba(7,9,11,.0728)}.form-control::-webkit-file-upload-button{padding:.4375rem .75rem;margin:-.4375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#232e3c;background-color:rgba(35,46,60,.024);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:rgba(7,9,11,.0728)}.form-control-plaintext{display:block;width:100%;padding:.4375rem 0;margin-bottom:0;line-height:1.4285714;color:#232e3c;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.4285714em + .25rem + 2px);padding:.125rem .5rem;font-size:.75rem;border-radius:.2rem}.form-control-sm::file-selector-button{padding:.125rem .5rem;margin:-.125rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem;-moz-margin-end:calc(.5rem - 5px)}.form-control-sm::-webkit-file-upload-button{padding:.125rem .5rem;margin:-.125rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.4285714em + 1rem + 2px);padding:.5rem 1.5rem;font-size:1.25rem;border-radius:.3rem}.form-control-lg::file-selector-button{padding:.5rem 1.5rem;margin:-.5rem -1.5rem;-webkit-margin-end:1.5rem;margin-inline-end:1.5rem;-moz-margin-end:calc(1.5rem - 5px)}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1.5rem;margin:-.5rem -1.5rem;-webkit-margin-end:1.5rem;margin-inline-end:1.5rem}textarea.form-control{min-height:calc(1.4285714em + .875rem + 2px)}textarea.form-control-sm{min-height:calc(1.4285714em + .25rem + 2px)}textarea.form-control-lg{min-height:calc(1.4285714em + 1rem + 2px)}.form-control-color{max-width:3rem;height:auto;padding:.4375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{height:1.4285714em;border-radius:3px}.form-control-color::-webkit-color-swatch{height:1.4285714em;border-radius:3px}.form-select{display:block;width:100%;padding:.4375rem 1.75rem .4375rem .75rem;font-size:.875rem;font-weight:400;line-height:1.4285714;color:#232e3c;vertical-align:middle;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dcdee0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid rgba(110,117,126,.24);border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#90b5e2;outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-select:focus::-ms-value{color:#232e3c;background-color:#fff}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{color:#9fa5ad;background-color:#edf0f4}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #232e3c}.form-select-sm{padding-top:.125rem;padding-bottom:.125rem;padding-left:.5rem;font-size:.75rem}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;font-size:1.25rem}.form-check{display:block;min-height:1.25rem;padding-left:1.5rem;margin-bottom:.5rem}.form-check .form-check-input{float:left;margin-left:-1.5rem}.form-check-input{width:1rem;height:1rem;margin-top:.2142857rem;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(110,117,126,.16);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;transition:background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-check-input{transition:none}}.form-check-input[type=checkbox]{border-radius:3px}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#90b5e2;outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-check-input:checked{background-color:#206bc4;border-color:rgba(110,117,126,.16)}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#206bc4;border-color:#206bc4;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.66}.form-switch{padding-left:2.25rem}.form-switch .form-check-input{width:1.75rem;margin-left:-2.25rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23e8e9ea'/%3e%3c/svg%3e");background-position:left center;border-radius:1.75rem}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2390b5e2'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e")}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}.form-range{width:100%;height:1.25rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #f1f4f8,0 0 0 .25rem rgba(32,107,196,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f1f4f8,0 0 0 .25rem rgba(32,107,196,.25)}.form-range:focus::-ms-thumb{box-shadow:0 0 0 1px #f1f4f8,0 0 0 .25rem rgba(32,107,196,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.375rem;background-color:#206bc4;border:2px solid #fff;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#bcd3ed}.form-range::-webkit-slider-runnable-track{width:100%;height:.25rem;color:transparent;cursor:pointer;background-color:rgba(167,173,180,.24);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#206bc4;border:2px solid #fff;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#bcd3ed}.form-range::-moz-range-track{width:100%;height:.25rem;color:transparent;cursor:pointer;background-color:rgba(167,173,180,.24);border-color:transparent;border-radius:1rem}.form-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.125rem;margin-left:.125rem;background-color:#206bc4;border:2px solid #fff;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-ms-thumb{-ms-transition:none;transition:none}}.form-range::-ms-thumb:active{background-color:#bcd3ed}.form-range::-ms-track{width:100%;height:.25rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.form-range::-ms-fill-lower{background-color:rgba(167,173,180,.24);border-radius:1rem}.form-range::-ms-fill-upper{margin-right:15px;background-color:rgba(167,173,180,.24);border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#c4c8cf}.form-range:disabled::-moz-range-thumb{background-color:#c4c8cf}.form-range:disabled::-ms-thumb{background-color:#c4c8cf}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-select{height:calc(3.5rem + 2px);padding:1rem .75rem}.form-floating>label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control::-webkit-input-placeholder{color:transparent}.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control:-ms-input-placeholder{color:transparent}.form-floating>.form-control::-ms-input-placeholder{color:transparent}.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-ms-input-placeholder){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:not(:-ms-input-placeholder)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}@supports (-ms-ime-align:auto){.form-floating{display:flex;flex-direction:column-reverse}.form-floating>label{position:static;padding:0;margin-bottom:calc(1rem / 2);border:0;transition:none}.form-floating>.form-control::-ms-input-placeholder{color:#a7abb1}}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:3}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{display:flex;align-items:center;padding:.4375rem .75rem;font-size:.875rem;font-weight:400;line-height:1.4285714;color:#6e757e;text-align:center;white-space:nowrap;background-color:rgba(35,46,60,.024);border:1px solid rgba(110,117,126,.24);border-radius:3px}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1.5rem;font-size:1.25rem;border-radius:.3rem}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.125rem .5rem;font-size:.75rem;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:1.75rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:85.7142857%;color:#5eba00}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.765625rem;color:#f1f4f8;background-color:rgba(94,186,0,.9);border-radius:3px}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#5eba00;padding-right:calc(1.4285714em + .875rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.3571429em + .21875rem) center;background-size:calc(.7142857em + .4375rem) calc(.7142857em + .4375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .25rem rgba(94,186,0,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.4285714em + .875rem);background-position:top calc(.3571429em + .21875rem) right calc(.3571429em + .21875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#5eba00;padding-right:calc(.75em + 2.40625rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dcdee0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .75rem center,center right 1.75rem;background-size:16px 12px,calc(.7142857em + .4375rem) calc(.7142857em + .4375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .25rem rgba(94,186,0,.25)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#5eba00}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#5eba00}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(94,186,0,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#5eba00}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:85.7142857%;color:#e53e3e}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.765625rem;color:#f1f4f8;background-color:rgba(229,62,62,.9);border-radius:3px}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#e53e3e;padding-right:calc(1.4285714em + .875rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e53e3e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.3571429em + .21875rem) center;background-size:calc(.7142857em + .4375rem) calc(.7142857em + .4375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#e53e3e;box-shadow:0 0 0 .25rem rgba(229,62,62,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.4285714em + .875rem);background-position:top calc(.3571429em + .21875rem) right calc(.3571429em + .21875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#e53e3e;padding-right:calc(.75em + 2.40625rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dcdee0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e53e3e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");background-position:right .75rem center,center right 1.75rem;background-size:16px 12px,calc(.7142857em + .4375rem) calc(.7142857em + .4375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#e53e3e;box-shadow:0 0 0 .25rem rgba(229,62,62,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#e53e3e}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#e53e3e}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(229,62,62,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#e53e3e}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.btn{display:inline-block;font-weight:500;line-height:1.4285714;color:#232e3c;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.4375rem 1rem;font-size:.875rem;border-radius:3px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#232e3c;text-decoration:none}.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.btn-link{font-weight:400;color:#206bc4;text-decoration:none}.btn-link:hover{color:#1a569d;text-decoration:underline}.btn-link:focus{text-decoration:underline}.btn-link.disabled,.btn-link:disabled{color:#9fa5ad}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1.5rem;font-size:1.25rem;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.125rem .5rem;font-size:.75rem;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px solid;border-left:1px solid;-webkit-margin-end:.1em;margin-inline-end:.1em;-webkit-margin-start:.4em;margin-inline-start:.4em;transform:rotate(-45deg)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:14rem;padding:.25rem 0;margin:1px 0 0;font-size:.875rem;color:#232e3c;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(110,117,126,.16);border-radius:3px}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-left{right:auto;left:0}.dropdown-menu-xxl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:1px}.dropup .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px solid;border-left:1px solid;-webkit-margin-end:.1em;margin-inline-end:.1em;-webkit-margin-start:.4em;margin-inline-start:.4em;transform:rotate(135deg)}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:1px}.dropright .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px solid;border-left:1px solid;-webkit-margin-end:.1em;margin-inline-end:.1em;-webkit-margin-start:.4em;margin-inline-start:.4em;transform:rotate(-135deg)}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:1px}.dropleft .dropdown-toggle:before{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px solid;border-left:1px solid;-webkit-margin-end:.1em;margin-inline-end:.1em;-webkit-margin-end:.4em;margin-inline-end:.4em;transform:rotate(45deg)}.dropleft .dropdown-toggle:after{content:none}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid rgba(110,117,126,.16)}.dropdown-item{display:block;width:100%;padding:.5rem .75rem;clear:both;font-weight:400;color:inherit;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:inherit;text-decoration:none;background-color:rgba(110,117,126,.06)}.dropdown-item.active,.dropdown-item:active{color:#206bc4;text-decoration:none;background-color:rgba(32,107,196,.06)}.dropdown-item.disabled,.dropdown-item:disabled{color:#9fa5ad;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.25rem .75rem;margin-bottom:0;font-size:.765625rem;color:#9fa5ad;white-space:nowrap}.dropdown-item-text{display:block;padding:.5rem .75rem;color:inherit}.dropdown-menu-dark{color:#e5e8ed;background-color:#444e5a;border-color:rgba(110,117,126,.16)}.dropdown-menu-dark .dropdown-item{color:#e5e8ed}.dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover{color:#fff;background-color:rgba(255,255,255,.15)}.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{color:#206bc4;background-color:rgba(32,107,196,.06)}.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{color:#c4c8cf}.dropdown-menu-dark .dropdown-divider{border-color:rgba(110,117,126,.16)}.dropdown-menu-dark .dropdown-item-text{color:#e5e8ed}.dropdown-menu-dark .dropdown-header{color:#c4c8cf}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:1.125rem;padding-left:1.125rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.25rem .75rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#9fa5ad;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #e5e8ed}.nav-tabs .nav-link{margin-bottom:-1px;border:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#edf0f4 #edf0f4 #e5e8ed}.nav-tabs .nav-link.disabled{color:#9fa5ad;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#6d7580;background-color:#f1f4f8;border-color:#e5e8ed #e5e8ed #f1f4f8}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:3px}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#206bc4}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.25rem;padding-bottom:.25rem}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.25rem;padding-bottom:.25rem;margin-right:0;font-size:1rem;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.25rem;padding-bottom:.25rem}.navbar-collapse{align-items:center;width:100%}.navbar-toggler{padding:0 0;font-size:1rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:3px;transition:box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand-sm .navbar-collapse{display:flex!important}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand-md .navbar-collapse{display:flex!important}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand-lg .navbar-collapse{display:flex!important}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand-xl .navbar-collapse{display:flex!important}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand-xxl .navbar-collapse{display:flex!important}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand .navbar-collapse{display:flex!important}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:#232e3c}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:#232e3c}.navbar-light .navbar-nav .nav-link{color:rgba(35,46,60,.66)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(35,46,60,.3)}.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:#232e3c}.navbar-light .navbar-toggler{color:rgba(35,46,60,.66);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2835, 46, 60, 0.66%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(35,46,60,.66)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:#232e3c}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.66)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.3)}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.66);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.66%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.66)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(110,117,126,.16);border-radius:3px}.card>.hr,.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:2px;border-top-right-radius:2px}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:1rem 1rem}.card-title{margin-bottom:.5rem}.card-subtitle{margin-top:-.25rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(35,46,60,.024);border-bottom:1px solid rgba(110,117,126,.16)}.card-header:first-child{border-radius:2px 2px 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(35,46,60,.024);border-top:1px solid rgba(110,117,126,.16)}.card-footer:last-child{border-radius:0 0 2px 2px}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-tabs .nav-link.active{background-color:#fff;border-bottom-color:#fff}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;border-radius:2px}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:2px;border-top-right-radius:2px}.card-img,.card-img-bottom{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.card-group>.card{margin-bottom:1.5rem}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:flex;flex-wrap:wrap;padding:.5rem 1rem;margin-bottom:1rem;list-style:none;background-color:#edf0f4;border-radius:3px}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#9fa5ad;content:"/"}.breadcrumb-item.active{color:#9fa5ad}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#6e757e;background-color:transparent;border:0 solid #e5e8ed;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:#1a569d;text-decoration:none;background-color:#edf0f4;border-color:#e5e8ed}.page-link:focus{z-index:3;color:#1a569d;background-color:#edf0f4;outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.page-item:not(:first-child) .page-link{margin-left:0}.page-item.active .page-link{z-index:3;color:#fff;background-color:#206bc4;border-color:#206bc4}.page-item.disabled .page-link{color:rgba(110,117,126,.5);pointer-events:none;background-color:transparent;border-color:#e5e8ed}.page-link{padding:.25rem .25rem}.page-item:first-child .page-link{border-top-left-radius:3px;border-bottom-left-radius:3px}.page-item:last-child .page-link{border-top-right-radius:3px;border-bottom-right-radius:3px}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.09375rem}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.765625rem}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.35em .65em;font-size:85.7142857%;font-weight:500;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:3px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:3px}.alert-heading{color:inherit}.alert-link{font-weight:600}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{color:#103662;background-color:#d2e1f3;border-color:#bcd3ed}.alert-primary .alert-link{color:#0d2b4e}.alert-secondary{color:#373b3f;background-color:#e2e3e5;border-color:#d4d6d8}.alert-secondary .alert-link{color:#2c2f32}.alert-success{color:#2f5d00;background-color:#dff1cc;border-color:#cfeab3}.alert-success .alert-link{color:#264a00}.alert-info{color:#214d71;background-color:#d9ebf9;border-color:#c6e0f6}.alert-info .alert-link{color:#1a3e5a}.alert-warning{color:#77451b;background-color:#fbe7d7;border-color:#fadcc3}.alert-warning .alert-link{color:#5f3716}.alert-danger{color:#731f1f;background-color:#fad8d8;border-color:#f7c5c5}.alert-danger .alert-link{color:#5c1919}.alert-light{color:#797a7c;background-color:#fcfdfe;border-color:#fbfcfd}.alert-light .alert-link{color:#616263}.alert-dark{color:#12171e;background-color:#d3d5d8;border-color:#bdc0c5}.alert-dark .alert-link{color:#0e1218}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:.5rem}}@keyframes progress-bar-stripes{0%{background-position-x:.5rem}}.progress{display:flex;height:.5rem;overflow:hidden;font-size:.65625rem;background-color:rgba(167,173,180,.24);border-radius:3px}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#206bc4;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:.5rem .5rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:3px}.list-group-item-action{width:100%;color:inherit;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:inherit;text-decoration:none;background-color:#f1f4f8}.list-group-item-action:active{color:#232e3c;background-color:#edf0f4}.list-group-item{position:relative;display:block;padding:.5rem .75rem;background-color:inherit;border:1px solid #e8e9ea}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#9fa5ad;pointer-events:none;background-color:inherit}.list-group-item.active{z-index:2;color:#fff;background-color:#206bc4;border-color:#206bc4}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#103662;background-color:#d2e1f3}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#103662;background-color:#bdcbdb}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#103662;border-color:#103662}.list-group-item-secondary{color:#373b3f;background-color:#e2e3e5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#373b3f;background-color:#cbccce}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#373b3f;border-color:#373b3f}.list-group-item-success{color:#2f5d00;background-color:#dff1cc}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#2f5d00;background-color:#c9d9b8}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#2f5d00;border-color:#2f5d00}.list-group-item-info{color:#214d71;background-color:#d9ebf9}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#214d71;background-color:#c3d4e0}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#214d71;border-color:#214d71}.list-group-item-warning{color:#77451b;background-color:#fbe7d7}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#77451b;background-color:#e2d0c2}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#77451b;border-color:#77451b}.list-group-item-danger{color:#731f1f;background-color:#fad8d8}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#731f1f;background-color:#e1c2c2}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#731f1f;border-color:#731f1f}.list-group-item-light{color:#797a7c;background-color:#fcfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#797a7c;background-color:#e3e4e5}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#797a7c;border-color:#797a7c}.list-group-item-dark{color:#12171e;background-color:#d3d5d8}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#12171e;background-color:#bec0c2}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#12171e;border-color:#12171e}.btn-close{box-sizing:content-box;width:.75rem;height:.75rem;padding:.25em .25em;color:inherit;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='inherit' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") no-repeat center center/.75rem auto;border:0;border-radius:3px;opacity:.5}.btn-close:hover{color:inherit;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25);opacity:1}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{max-width:350px;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid #e8e9ea;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);opacity:0;border-radius:3px}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:flex;align-items:center;padding:.5rem .75rem;color:#6e757e;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:2px;border-top-right-radius:2px}.toast-header .btn-close{margin-right:-.375rem;margin-left:.75rem}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-1rem)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fbfbfb;background-clip:padding-box;border:1px solid transparent;border-radius:3px;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#232e3c}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.24}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e8e9ea;border-top-left-radius:2px;border-top-right-radius:2px}.modal-header .btn-close{padding:.75rem .75rem;margin:-.75rem -.75rem -.75rem auto}.modal-title{margin-bottom:0;line-height:1.4285714}.modal-body{position:relative;flex:1 1 auto;padding:1.5rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:1.125rem;border-top:0 solid #e8e9ea;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.modal-footer>*{margin:.375rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:540px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:380px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:720px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:var(--tblr-font-sans-serif);font-style:normal;font-weight:400;line-height:1.4285714;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.765625rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .tooltip-arrow,.bs-tooltip-right .tooltip-arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .tooltip-arrow::before,.bs-tooltip-right .tooltip-arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .tooltip-arrow,.bs-tooltip-left .tooltip-arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .tooltip-arrow::before,.bs-tooltip-left .tooltip-arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:3px}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:var(--tblr-font-sans-serif);font-style:normal;font-weight:400;line-height:1.4285714;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.765625rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid #e8e9ea;border-radius:.3rem}.popover .popover-arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:#e8e9ea}.bs-popover-auto[x-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.popover-arrow,.bs-popover-right>.popover-arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.popover-arrow::before,.bs-popover-right>.popover-arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:#e8e9ea}.bs-popover-auto[x-placement^=right]>.popover-arrow::after,.bs-popover-right>.popover-arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:#e8e9ea}.bs-popover-auto[x-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f0f0f0}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.popover-arrow,.bs-popover-left>.popover-arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.popover-arrow::before,.bs-popover-left>.popover-arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:#e8e9ea}.bs-popover-auto[x-placement^=left]>.popover-arrow::after,.bs-popover-left>.popover-arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;background-color:#f0f0f0;border-bottom:1px solid #d8d8d8;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:1rem 1rem;color:#232e3c}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:1.5rem;height:1.5rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators li{background-color:#000}.carousel-dark .carousel-caption{color:#000}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:1.5rem;height:1.5rem;vertical-align:text-bottom;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:1px}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:1.5rem;height:1.5rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.clearfix::after{display:block;clear:both;content:""}.link-primary{color:#206bc4}.link-primary:focus,.link-primary:hover{color:#1a569d}.link-secondary{color:#6e757e}.link-secondary:focus,.link-secondary:hover{color:#585e65}.link-success{color:#5eba00}.link-success:focus,.link-success:hover{color:#4b9500}.link-info{color:#4299e1}.link-info:focus,.link-info:hover{color:#357ab4}.link-warning{color:#ed8936}.link-warning:focus,.link-warning:hover{color:#be6e2b}.link-danger{color:#e53e3e}.link-danger:focus,.link-danger:hover{color:#b73232}.link-light{color:#f1f4f8}.link-light:focus,.link-light:hover{color:#f4f6f9}.link-dark{color:#232e3c}.link-dark:focus,.link-dark:hover{color:#1c2530}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--aspect-ratio:100%}.ratio-4x3{--aspect-ratio:calc(3 / 4 * 100%)}.ratio-16x9{--aspect-ratio:calc(9 / 16 * 100%)}.ratio-21x9{--aspect-ratio:calc(9 / 21 * 100%)}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.visually-hidden,.visually-hidden-focusable:not(:focus){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-left{float:inline-start!important}.float-right{float:inline-end!important}.float-none{float:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.left-0{left:0!important}.left-50{left:50%!important}.left-100{left:100%!important}.right-0{right:0!important}.right-50{right:50%!important}.right-100{right:100%!important}.translate-middle{transform:translateX(-50%) translateY(-50%)!important}.border{border:1px solid rgba(110,117,126,.16)!important}.border-wide{border:2px solid rgba(110,117,126,.16)!important}.border-0{border:0!important}.border-top{border-top:1px solid rgba(110,117,126,.16)!important}.border-top-wide{border-top:2px solid rgba(110,117,126,.16)!important}.border-top-0{border-top:0!important}.border-right{border-right:1px solid rgba(110,117,126,.16)!important}.border-right-wide{border-right:2px solid rgba(110,117,126,.16)!important}.border-right-0{border-right:0!important}.border-bottom{border-bottom:1px solid rgba(110,117,126,.16)!important}.border-bottom-wide{border-bottom:2px solid rgba(110,117,126,.16)!important}.border-bottom-0{border-bottom:0!important}.border-left{border-left:1px solid rgba(110,117,126,.16)!important}.border-left-wide{border-left:2px solid rgba(110,117,126,.16)!important}.border-left-0{border-left:0!important}.border-primary{border-color:#206bc4!important}.border-secondary{border-color:#6e757e!important}.border-success{border-color:#5eba00!important}.border-info{border-color:#4299e1!important}.border-warning{border-color:#ed8936!important}.border-danger{border-color:#e53e3e!important}.border-light{border-color:#f1f4f8!important}.border-dark{border-color:#232e3c!important}.border-white{border-color:#fff!important}.border-0{border-width:0!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.w-1{width:1%!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-1{height:1%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.25rem!important}.m-5{margin:3rem!important}.m-6{margin:4.5rem!important}.m-auto{margin:auto!important}.m{margin:1rem!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.25rem!important;margin-left:1.25rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.25rem!important;margin-bottom:1.25rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.25rem!important}.mt-5{margin-top:3rem!important}.mt-6{margin-top:4.5rem!important}.mt-auto{margin-top:auto!important}.mt{margin-top:1rem!important}.mr-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-4{-webkit-margin-end:1.25rem!important;margin-inline-end:1.25rem!important}.mr-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mr{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.25rem!important}.mb-5{margin-bottom:3rem!important}.mb-6{margin-bottom:4.5rem!important}.mb-auto{margin-bottom:auto!important}.mb{margin-bottom:1rem!important}.ml-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-4{-webkit-margin-start:1.25rem!important;margin-inline-start:1.25rem!important}.ml-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.ml{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.25rem!important}.p-5{padding:3rem!important}.p-6{padding:4.5rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.25rem!important;padding-left:1.25rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.px-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.25rem!important}.pt-5{padding-top:3rem!important}.pt-6{padding-top:4.5rem!important}.pr-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-4{-webkit-padding-end:1.25rem!important;padding-inline-end:1.25rem!important}.pr-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.25rem!important}.pb-5{padding-bottom:3rem!important}.pb-6{padding-bottom:4.5rem!important}.pl-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-4{-webkit-padding-start:1.25rem!important;padding-inline-start:1.25rem!important}.pl-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.text-h1{font-size:1.75rem!important}.text-h2{font-size:1.25rem!important}.text-h3{font-size:1rem!important}.text-h4{font-size:.875rem!important}.text-h5{font-size:.75rem!important}.text-h6{font-size:.625rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-medium{font-weight:500!important}.font-weight-bold{font-weight:600!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-left{text-align:start!important}.text-right{text-align:end!important}.text-center{text-align:center!important}.text-primary{color:#206bc4!important}.text-secondary{color:#6e757e!important}.text-success{color:#5eba00!important}.text-info{color:#4299e1!important}.text-warning{color:#ed8936!important}.text-danger{color:#e53e3e!important}.text-light{color:#f1f4f8!important}.text-dark{color:#232e3c!important}.text-white{color:#fff!important}.text-body{color:#232e3c!important}.text-muted{color:#6e757e!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-reset{color:inherit!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.1428571!important}.lh-base{line-height:1.4285714!important}.lh-lg{line-height:1.7142857!important}.bg-primary{background-color:#206bc4!important}.bg-secondary{background-color:#6e757e!important}.bg-success{background-color:#5eba00!important}.bg-info{background-color:#4299e1!important}.bg-warning{background-color:#ed8936!important}.bg-danger{background-color:#e53e3e!important}.bg-light{background-color:#f1f4f8!important}.bg-dark{background-color:#232e3c!important}.bg-body{background-color:#f1f4f8!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.bg-gradient{background-image:var(--tblr-gradient)!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.font-monospace{font-family:var(--tblr-font-monospace)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;-ms-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:3px!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.2rem!important}.rounded-2{border-radius:3px!important}.rounded-3{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-top{border-top-left-radius:3px!important;border-top-right-radius:3px!important}.rounded-right{border-top-right-radius:3px!important;border-bottom-right-radius:3px!important}.rounded-bottom{border-bottom-right-radius:3px!important;border-bottom-left-radius:3px!important}.rounded-left{border-bottom-left-radius:3px!important;border-top-left-radius:3px!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.object-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-scale-down{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-none{-o-object-fit:none!important;object-fit:none!important}.tracking-tight{letter-spacing:-.05em!important}.tracking-normal{letter-spacing:0!important}.tracking-wide{letter-spacing:.05em!important}.cursor-auto{cursor:auto!important}.cursor-pointer{cursor:pointer!important}.cursor-move{cursor:move!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-zoom-in{cursor:zoom-in!important}.cursor-zoom-out{cursor:zoom-out!important}@media (min-width:576px){.float-sm-left{float:inline-start!important}.float-sm-right{float:inline-end!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.25rem!important}.m-sm-5{margin:3rem!important}.m-sm-6{margin:4.5rem!important}.m-sm-auto{margin:auto!important}.m-sm{margin:1rem!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.25rem!important;margin-left:1.25rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.25rem!important;margin-bottom:1.25rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.25rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-6{margin-top:4.5rem!important}.mt-sm-auto{margin-top:auto!important}.mt-sm{margin-top:1rem!important}.mr-sm-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-sm-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-sm-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-sm-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-sm-4{-webkit-margin-end:1.25rem!important;margin-inline-end:1.25rem!important}.mr-sm-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-sm-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-sm-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mr-sm{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.25rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-6{margin-bottom:4.5rem!important}.mb-sm-auto{margin-bottom:auto!important}.mb-sm{margin-bottom:1rem!important}.ml-sm-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-sm-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-sm-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-sm-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-sm-4{-webkit-margin-start:1.25rem!important;margin-inline-start:1.25rem!important}.ml-sm-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-sm-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-sm-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.ml-sm{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.25rem!important}.p-sm-5{padding:3rem!important}.p-sm-6{padding:4.5rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.25rem!important;padding-left:1.25rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.px-sm-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-sm-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.25rem!important}.pt-sm-5{padding-top:3rem!important}.pt-sm-6{padding-top:4.5rem!important}.pr-sm-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-sm-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-sm-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-sm-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-sm-4{-webkit-padding-end:1.25rem!important;padding-inline-end:1.25rem!important}.pr-sm-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-sm-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.25rem!important}.pb-sm-5{padding-bottom:3rem!important}.pb-sm-6{padding-bottom:4.5rem!important}.pl-sm-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-sm-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-sm-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-sm-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-sm-4{-webkit-padding-start:1.25rem!important;padding-inline-start:1.25rem!important}.pl-sm-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-sm-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.text-sm-left{text-align:start!important}.text-sm-right{text-align:end!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-left{float:inline-start!important}.float-md-right{float:inline-end!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.25rem!important}.m-md-5{margin:3rem!important}.m-md-6{margin:4.5rem!important}.m-md-auto{margin:auto!important}.m-md{margin:1rem!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.25rem!important;margin-left:1.25rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.25rem!important;margin-bottom:1.25rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.25rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-6{margin-top:4.5rem!important}.mt-md-auto{margin-top:auto!important}.mt-md{margin-top:1rem!important}.mr-md-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-md-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-md-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-md-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-md-4{-webkit-margin-end:1.25rem!important;margin-inline-end:1.25rem!important}.mr-md-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-md-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-md-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mr-md{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.25rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-6{margin-bottom:4.5rem!important}.mb-md-auto{margin-bottom:auto!important}.mb-md{margin-bottom:1rem!important}.ml-md-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-md-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-md-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-md-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-md-4{-webkit-margin-start:1.25rem!important;margin-inline-start:1.25rem!important}.ml-md-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-md-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-md-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.ml-md{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.25rem!important}.p-md-5{padding:3rem!important}.p-md-6{padding:4.5rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.25rem!important;padding-left:1.25rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.px-md-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-md-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.25rem!important}.pt-md-5{padding-top:3rem!important}.pt-md-6{padding-top:4.5rem!important}.pr-md-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-md-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-md-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-md-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-md-4{-webkit-padding-end:1.25rem!important;padding-inline-end:1.25rem!important}.pr-md-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-md-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.25rem!important}.pb-md-5{padding-bottom:3rem!important}.pb-md-6{padding-bottom:4.5rem!important}.pl-md-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-md-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-md-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-md-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-md-4{-webkit-padding-start:1.25rem!important;padding-inline-start:1.25rem!important}.pl-md-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-md-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.text-md-left{text-align:start!important}.text-md-right{text-align:end!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-left{float:inline-start!important}.float-lg-right{float:inline-end!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.25rem!important}.m-lg-5{margin:3rem!important}.m-lg-6{margin:4.5rem!important}.m-lg-auto{margin:auto!important}.m-lg{margin:1rem!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.25rem!important;margin-left:1.25rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.25rem!important;margin-bottom:1.25rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.25rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-6{margin-top:4.5rem!important}.mt-lg-auto{margin-top:auto!important}.mt-lg{margin-top:1rem!important}.mr-lg-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-lg-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-lg-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-lg-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-lg-4{-webkit-margin-end:1.25rem!important;margin-inline-end:1.25rem!important}.mr-lg-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-lg-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-lg-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mr-lg{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.25rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-6{margin-bottom:4.5rem!important}.mb-lg-auto{margin-bottom:auto!important}.mb-lg{margin-bottom:1rem!important}.ml-lg-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-lg-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-lg-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-lg-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-lg-4{-webkit-margin-start:1.25rem!important;margin-inline-start:1.25rem!important}.ml-lg-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-lg-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-lg-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.ml-lg{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.25rem!important}.p-lg-5{padding:3rem!important}.p-lg-6{padding:4.5rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.25rem!important;padding-left:1.25rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.px-lg-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-lg-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.25rem!important}.pt-lg-5{padding-top:3rem!important}.pt-lg-6{padding-top:4.5rem!important}.pr-lg-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-lg-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-lg-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-lg-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-lg-4{-webkit-padding-end:1.25rem!important;padding-inline-end:1.25rem!important}.pr-lg-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-lg-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.25rem!important}.pb-lg-5{padding-bottom:3rem!important}.pb-lg-6{padding-bottom:4.5rem!important}.pl-lg-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-lg-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-lg-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-lg-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-lg-4{-webkit-padding-start:1.25rem!important;padding-inline-start:1.25rem!important}.pl-lg-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-lg-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.text-lg-left{text-align:start!important}.text-lg-right{text-align:end!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-left{float:inline-start!important}.float-xl-right{float:inline-end!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.25rem!important}.m-xl-5{margin:3rem!important}.m-xl-6{margin:4.5rem!important}.m-xl-auto{margin:auto!important}.m-xl{margin:1rem!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.25rem!important;margin-left:1.25rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.25rem!important;margin-bottom:1.25rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.25rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-6{margin-top:4.5rem!important}.mt-xl-auto{margin-top:auto!important}.mt-xl{margin-top:1rem!important}.mr-xl-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-xl-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-xl-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-xl-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-xl-4{-webkit-margin-end:1.25rem!important;margin-inline-end:1.25rem!important}.mr-xl-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-xl-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-xl-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mr-xl{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.25rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-6{margin-bottom:4.5rem!important}.mb-xl-auto{margin-bottom:auto!important}.mb-xl{margin-bottom:1rem!important}.ml-xl-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-xl-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-xl-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-xl-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-xl-4{-webkit-margin-start:1.25rem!important;margin-inline-start:1.25rem!important}.ml-xl-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-xl-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-xl-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.ml-xl{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.25rem!important}.p-xl-5{padding:3rem!important}.p-xl-6{padding:4.5rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.25rem!important;padding-left:1.25rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.px-xl-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-xl-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.25rem!important}.pt-xl-5{padding-top:3rem!important}.pt-xl-6{padding-top:4.5rem!important}.pr-xl-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-xl-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-xl-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-xl-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-xl-4{-webkit-padding-end:1.25rem!important;padding-inline-end:1.25rem!important}.pr-xl-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-xl-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.25rem!important}.pb-xl-5{padding-bottom:3rem!important}.pb-xl-6{padding-bottom:4.5rem!important}.pl-xl-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-xl-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-xl-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-xl-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-xl-4{-webkit-padding-start:1.25rem!important;padding-inline-start:1.25rem!important}.pl-xl-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-xl-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.text-xl-left{text-align:start!important}.text-xl-right{text-align:end!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-left{float:inline-start!important}.float-xxl-right{float:inline-end!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.25rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-6{margin:4.5rem!important}.m-xxl-auto{margin:auto!important}.m-xxl{margin:1rem!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.25rem!important;margin-left:1.25rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.25rem!important;margin-bottom:1.25rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.25rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-6{margin-top:4.5rem!important}.mt-xxl-auto{margin-top:auto!important}.mt-xxl{margin-top:1rem!important}.mr-xxl-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-xxl-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-xxl-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-xxl-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-xxl-4{-webkit-margin-end:1.25rem!important;margin-inline-end:1.25rem!important}.mr-xxl-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-xxl-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-xxl-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mr-xxl{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.25rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-6{margin-bottom:4.5rem!important}.mb-xxl-auto{margin-bottom:auto!important}.mb-xxl{margin-bottom:1rem!important}.ml-xxl-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-xxl-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-xxl-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-xxl-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-xxl-4{-webkit-margin-start:1.25rem!important;margin-inline-start:1.25rem!important}.ml-xxl-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-xxl-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-xxl-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.ml-xxl{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.25rem!important}.p-xxl-5{padding:3rem!important}.p-xxl-6{padding:4.5rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.25rem!important;padding-left:1.25rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.px-xxl-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-xxl-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.25rem!important}.pt-xxl-5{padding-top:3rem!important}.pt-xxl-6{padding-top:4.5rem!important}.pr-xxl-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-xxl-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-xxl-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-xxl-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-xxl-4{-webkit-padding-end:1.25rem!important;padding-inline-end:1.25rem!important}.pr-xxl-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-xxl-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.25rem!important}.pb-xxl-5{padding-bottom:3rem!important}.pb-xxl-6{padding-bottom:4.5rem!important}.pl-xxl-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-xxl-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-xxl-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-xxl-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-xxl-4{-webkit-padding-start:1.25rem!important;padding-inline-start:1.25rem!important}.pl-xxl-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-xxl-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.text-xxl-left{text-align:start!important}.text-xxl-right{text-align:end!important}.text-xxl-center{text-align:center!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}html{font-size:16px;scroll-behavior:smooth}body{overflow-y:scroll;letter-spacing:0;touch-action:manipulation;text-rendering:optimizeLegibility;font-feature-settings:"liga" 0;position:relative}body .content ::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}body .content ::-webkit-scrollbar-thumb{border-radius:5px;background:#d8dce1}body .content ::-webkit-scrollbar-corner{background:0 0}body .content :hover::-webkit-scrollbar-thumb{background:#c4c8cf;background:#c4c8cf}@media print{body{background:0 0}}.navbar{align-items:stretch;min-height:3.5rem;background:0 0;color:rgba(35,46,60,.66)}.navbar-collapse .navbar{flex-grow:1}.navbar.collapsing{min-height:0}.navbar::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.navbar::-webkit-scrollbar-thumb{border-radius:5px;background:#d8dce1}.navbar::-webkit-scrollbar-corner{background:0 0}.navbar:hover::-webkit-scrollbar-thumb{background:#c4c8cf;background:#c4c8cf}.navbar .text-muted{color:rgba(35,46,60,.66)!important}.navbar .navbar-brand{color:#232e3c}.navbar .navbar-brand:focus,.navbar .navbar-brand:hover{color:#232e3c;opacity:.8}.navbar .navbar-nav .nav-link{color:rgba(35,46,60,.66)}.navbar .navbar-nav .nav-link:focus,.navbar .navbar-nav .nav-link:hover{color:#232e3c}.navbar .navbar-nav .nav-link.disabled{color:rgba(35,46,60,.3)}.navbar .navbar-nav .active>.nav-link,.navbar .navbar-nav .nav-link.active,.navbar .navbar-nav .nav-link.show,.navbar .navbar-nav .show>.nav-link{color:#232e3c}.navbar .navbar-toggler{color:#232e3c;border-color:transparent}.navbar .navbar-text{color:rgba(35,46,60,.66)}.navbar .navbar-text a,.navbar .navbar-text a:focus,.navbar .navbar-text a:hover{color:rgba(35,46,60,.66)}@media not print{.theme-dark .navbar{background:#232e3c;color:rgba(255,255,255,.66)}.theme-dark .navbar::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.theme-dark .navbar::-webkit-scrollbar-thumb{border-radius:5px;background:#d8dce1}.theme-dark .navbar::-webkit-scrollbar-corner{background:0 0}.theme-dark .navbar:hover::-webkit-scrollbar-thumb{background:#c4c8cf;background:#c4c8cf}.theme-dark .navbar .text-muted{color:rgba(255,255,255,.66)!important}.theme-dark .navbar .navbar-brand{color:#fff}.theme-dark .navbar .navbar-brand:focus,.theme-dark .navbar .navbar-brand:hover{color:#fff;opacity:.8}.theme-dark .navbar .navbar-nav .nav-link{color:rgba(255,255,255,.66)}.theme-dark .navbar .navbar-nav .nav-link:focus,.theme-dark .navbar .navbar-nav .nav-link:hover{color:#fff}.theme-dark .navbar .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.3)}.theme-dark .navbar .navbar-nav .active>.nav-link,.theme-dark .navbar .navbar-nav .nav-link.active,.theme-dark .navbar .navbar-nav .nav-link.show,.theme-dark .navbar .navbar-nav .show>.nav-link{color:#fff}.theme-dark .navbar .navbar-toggler{color:#fff;border-color:transparent}.theme-dark .navbar .navbar-text{color:rgba(255,255,255,.66)}.theme-dark .navbar .navbar-text a,.theme-dark .navbar .navbar-text a:focus,.theme-dark .navbar .navbar-text a:hover{color:rgba(255,255,255,.66)}.theme-dark .navbar::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.theme-dark .navbar::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.theme-dark .navbar::-webkit-scrollbar-corner{background:0 0}.theme-dark .navbar:hover::-webkit-scrollbar-thumb{background:#c4c8cf;background:#4f5863}.theme-dark .navbar .input-icon-addon{color:rgba(241,244,248,.64)}.theme-dark .navbar .form-control{border-color:transparent;background-color:rgba(0,0,0,.1)}.theme-dark .navbar .form-control::-webkit-input-placeholder{color:rgba(241,244,248,.64)}.theme-dark .navbar .form-control::-moz-placeholder{color:rgba(241,244,248,.64)}.theme-dark .navbar .form-control:-ms-input-placeholder{color:rgba(241,244,248,.64)}.theme-dark .navbar .form-control::-ms-input-placeholder{color:rgba(241,244,248,.64)}.theme-dark .navbar .form-control::placeholder{color:rgba(241,244,248,.64)}}@media not print and (prefers-color-scheme:dark){.theme-dark-auto .navbar{background:#232e3c;color:rgba(255,255,255,.66)}.theme-dark-auto .navbar::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.theme-dark-auto .navbar::-webkit-scrollbar-thumb{border-radius:5px;background:#d8dce1}.theme-dark-auto .navbar::-webkit-scrollbar-corner{background:0 0}.theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb{background:#c4c8cf;background:#c4c8cf}.theme-dark-auto .navbar .text-muted{color:rgba(255,255,255,.66)!important}.theme-dark-auto .navbar .navbar-brand{color:#fff}.theme-dark-auto .navbar .navbar-brand:focus,.theme-dark-auto .navbar .navbar-brand:hover{color:#fff;opacity:.8}.theme-dark-auto .navbar .navbar-nav .nav-link{color:rgba(255,255,255,.66)}.theme-dark-auto .navbar .navbar-nav .nav-link:focus,.theme-dark-auto .navbar .navbar-nav .nav-link:hover{color:#fff}.theme-dark-auto .navbar .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.3)}.theme-dark-auto .navbar .navbar-nav .active>.nav-link,.theme-dark-auto .navbar .navbar-nav .nav-link.active,.theme-dark-auto .navbar .navbar-nav .nav-link.show,.theme-dark-auto .navbar .navbar-nav .show>.nav-link{color:#fff}.theme-dark-auto .navbar .navbar-toggler{color:#fff;border-color:transparent}.theme-dark-auto .navbar .navbar-text{color:rgba(255,255,255,.66)}.theme-dark-auto .navbar .navbar-text a,.theme-dark-auto .navbar .navbar-text a:focus,.theme-dark-auto .navbar .navbar-text a:hover{color:rgba(255,255,255,.66)}.theme-dark-auto .navbar::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.theme-dark-auto .navbar::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.theme-dark-auto .navbar::-webkit-scrollbar-corner{background:0 0}.theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb{background:#c4c8cf;background:#4f5863}.theme-dark-auto .navbar .input-icon-addon{color:rgba(241,244,248,.64)}.theme-dark-auto .navbar .form-control{border-color:transparent;background-color:rgba(0,0,0,.1)}.theme-dark-auto .navbar .form-control::-webkit-input-placeholder{color:rgba(241,244,248,.64)}.theme-dark-auto .navbar .form-control::-moz-placeholder{color:rgba(241,244,248,.64)}.theme-dark-auto .navbar .form-control:-ms-input-placeholder{color:rgba(241,244,248,.64)}.theme-dark-auto .navbar .form-control::-ms-input-placeholder{color:rgba(241,244,248,.64)}.theme-dark-auto .navbar .form-control::placeholder{color:rgba(241,244,248,.64)}}.navbar .dropdown-menu{position:absolute;z-index:1030}.navbar .navbar-nav{min-height:3rem}.navbar .navbar-nav .nav-link{position:relative;min-width:2rem;min-height:2rem;justify-content:center;border-radius:3px}.navbar .navbar-nav .nav-link .badge{position:absolute;top:.375rem;right:.375rem;transform:translate(50%,-50%)}.navbar-nav{margin:0;padding:0}.navbar-expand-sm .navbar-collapse{flex-direction:column}.navbar-expand-sm .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand-sm .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-expand-sm .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-expand-sm .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-expand-sm .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-expand-sm .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}@media (min-width:576px){.navbar-expand-sm .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand-sm .navbar-dark .nav-item.active .nav-link,.navbar-expand-sm.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand-sm .navbar-light .nav-item.active,.navbar-expand-sm.navbar-light .nav-item.active{position:relative}.navbar-expand-sm .navbar-light .nav-item.active:after,.navbar-expand-sm.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}}@media (max-width:575.98px){.navbar-expand-md .navbar-collapse{flex-direction:column}.navbar-expand-md .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand-md .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-expand-md .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-expand-md .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-expand-md .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-expand-md .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:768px){.navbar-expand-md .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand-md .navbar-dark .nav-item.active .nav-link,.navbar-expand-md.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand-md .navbar-light .nav-item.active,.navbar-expand-md.navbar-light .nav-item.active{position:relative}.navbar-expand-md .navbar-light .nav-item.active:after,.navbar-expand-md.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}}@media (max-width:767.98px){.navbar-expand-lg .navbar-collapse{flex-direction:column}.navbar-expand-lg .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand-lg .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-expand-lg .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-expand-lg .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-expand-lg .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:992px){.navbar-expand-lg .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand-lg .navbar-dark .nav-item.active .nav-link,.navbar-expand-lg.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand-lg .navbar-light .nav-item.active,.navbar-expand-lg.navbar-light .nav-item.active{position:relative}.navbar-expand-lg .navbar-light .nav-item.active:after,.navbar-expand-lg.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}}@media (max-width:991.98px){.navbar-expand-xl .navbar-collapse{flex-direction:column}.navbar-expand-xl .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand-xl .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-expand-xl .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-expand-xl .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-expand-xl .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-expand-xl .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:1200px){.navbar-expand-xl .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand-xl .navbar-dark .nav-item.active .nav-link,.navbar-expand-xl.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand-xl .navbar-light .nav-item.active,.navbar-expand-xl.navbar-light .nav-item.active{position:relative}.navbar-expand-xl .navbar-light .nav-item.active:after,.navbar-expand-xl.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}}@media (max-width:1199.98px){.navbar-expand-xxl .navbar-collapse{flex-direction:column}.navbar-expand-xxl .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand-xxl .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-expand-xxl .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-expand-xxl .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-expand-xxl .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:1400px){.navbar-expand-xxl .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand-xxl .navbar-dark .nav-item.active .nav-link,.navbar-expand-xxl.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand-xxl .navbar-light .nav-item.active,.navbar-expand-xxl.navbar-light .nav-item.active{position:relative}.navbar-expand-xxl .navbar-light .nav-item.active:after,.navbar-expand-xxl.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}}@media (max-width:1399.98px){.navbar-expand .navbar-collapse{flex-direction:column}.navbar-expand .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-expand .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-expand .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-expand .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-expand .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}.navbar-expand .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand .navbar-dark .nav-item.active .nav-link,.navbar-expand.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand .navbar-light .nav-item.active,.navbar-expand.navbar-light .nav-item.active{position:relative}.navbar-expand .navbar-light .nav-item.active:after,.navbar-expand.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}.navbar-brand{display:inline-flex;align-items:center;font-weight:600}.navbar-brand-image{display:block;height:2rem}.navbar-toggler{border:0;width:2rem;height:2rem;position:relative;display:flex;align-items:center;justify-content:center}.navbar-toggler-icon{height:2px;width:1.25em;background:currentColor;border-radius:10px;transition:.2s .2s top,.2s .2s bottom,.2s transform,0s .2s opacity;position:relative}.navbar-toggler-icon:after,.navbar-toggler-icon:before{content:'';display:block;height:inherit;width:inherit;border-radius:inherit;background:inherit;position:absolute;left:0;transition:inherit}.navbar-toggler-icon:before{top:-.45em}.navbar-toggler-icon:after{bottom:-.45em}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon{transform:rotate(45deg);transition:.3s top,.3s bottom,.3s .3s transform,0s .3s opacity}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before{top:0;transform:rotate(-90deg)}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{bottom:0;opacity:0}.navbar-light{box-shadow:inset 0 -1px 0 0 rgba(110,117,126,.16);background-color:#fff}.navbar-dark{background:#232e3c;color:rgba(255,255,255,.66)}.navbar-dark::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.navbar-dark::-webkit-scrollbar-thumb{border-radius:5px;background:#d8dce1}.navbar-dark::-webkit-scrollbar-corner{background:0 0}.navbar-dark:hover::-webkit-scrollbar-thumb{background:#c4c8cf;background:#c4c8cf}.navbar-dark .text-muted{color:rgba(255,255,255,.66)!important}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff;opacity:.8}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.66)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:#fff}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.3)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:#fff;border-color:transparent}.navbar-dark .navbar-text{color:rgba(255,255,255,.66)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:rgba(255,255,255,.66)}.navbar-dark::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.navbar-dark::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.navbar-dark::-webkit-scrollbar-corner{background:0 0}.navbar-dark:hover::-webkit-scrollbar-thumb{background:#c4c8cf;background:#4f5863}.navbar-dark .input-icon-addon{color:rgba(241,244,248,.64)}.navbar-dark .form-control{border-color:transparent;background-color:rgba(0,0,0,.1)}.navbar-dark .form-control::-webkit-input-placeholder{color:rgba(241,244,248,.64)}.navbar-dark .form-control::-moz-placeholder{color:rgba(241,244,248,.64)}.navbar-dark .form-control:-ms-input-placeholder{color:rgba(241,244,248,.64)}.navbar-dark .form-control::-ms-input-placeholder{color:rgba(241,244,248,.64)}.navbar-dark .form-control::placeholder{color:rgba(241,244,248,.64)}.navbar-nav{align-items:stretch}.navbar-nav .nav-item{display:flex;flex-direction:column;justify-content:center}.navbar-side{margin:0;display:flex;flex-direction:row;align-items:center;justify-content:space-around}@media (min-width:576px){.navbar-vertical.navbar-expand-sm{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand-sm.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-sm .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand-sm .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand-sm .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-sm .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-sm>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand-sm~.page{padding-left:15rem}.navbar-vertical.navbar-expand-sm~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-sm.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-sm .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand-sm .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-vertical.navbar-expand-sm .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:768px){.navbar-vertical.navbar-expand-md{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand-md.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-md .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand-md .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand-md .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-md .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-md>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand-md~.page{padding-left:15rem}.navbar-vertical.navbar-expand-md~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-md.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-md .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand-md .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-vertical.navbar-expand-md .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:992px){.navbar-vertical.navbar-expand-lg{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand-lg.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-lg .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand-lg .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand-lg .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-lg>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand-lg~.page{padding-left:15rem}.navbar-vertical.navbar-expand-lg~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-lg.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-lg .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand-lg .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-vertical.navbar-expand-lg .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:1200px){.navbar-vertical.navbar-expand-xl{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand-xl.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-xl .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand-xl .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand-xl .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-xl .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-xl>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand-xl~.page{padding-left:15rem}.navbar-vertical.navbar-expand-xl~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-xl.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-xl .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand-xl .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-vertical.navbar-expand-xl .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:1400px){.navbar-vertical.navbar-expand-xxl{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand-xxl.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-xxl .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand-xxl .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand-xxl .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-xxl>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand-xxl~.page{padding-left:15rem}.navbar-vertical.navbar-expand-xxl~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-xxl.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-xxl .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand-xxl .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-vertical.navbar-expand-xxl .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}.navbar-vertical.navbar-expand{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand~.page{padding-left:15rem}.navbar-vertical.navbar-expand~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-vertical.navbar-expand .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-vertical.navbar-expand .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}.navbar-overlap:after{content:'';height:9rem;position:absolute;top:100%;left:0;right:0;background:inherit;z-index:-1;box-shadow:inherit}.page{display:flex;flex-direction:column;position:relative;min-height:100vh}.content{margin-top:1.25rem;margin-bottom:1.25rem;flex:1;display:flex;flex-direction:column}.content>[class*=container]{flex:1}@media print{.content{margin:0!important}}.page-header{display:flex;flex-wrap:wrap;align-items:center;min-height:2.25rem;margin:0 0 1.25rem}.page-header>*{flex:1}.page-pretitle{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e}.page-title{margin:0;font-size:1.25rem;line-height:1.4;font-weight:500;color:inherit;display:flex;align-items:center}.page-title svg{width:1.5rem;height:1.5rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}.footer{border-top:1px solid #e8e9ea;background-color:#fff;padding:2rem 0;color:#6e757e;margin-bottom:-1.25rem;margin-top:1.25rem}.footer-transparent{margin-top:0;background-color:transparent;border-top:0}.alert-avatar{padding-left:3.75rem}.alert-avatar .avatar{position:absolute;top:.5rem;left:.75rem}.alert a{display:inline-block;height:100%;vertical-align:middle}.alert a .icon{height:100%}.avatar{--tblr-avatar-size:2.5rem;position:relative;width:var(--tblr-avatar-size);height:var(--tblr-avatar-size);font-size:calc(var(--tblr-avatar-size)/ 2.8571429);font-weight:400;display:inline-flex;align-items:center;justify-content:center;color:#6e757e;text-align:center;text-transform:uppercase;vertical-align:bottom;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#edf0f4 no-repeat center/cover;border-radius:3px}.avatar svg{width:1.5rem;height:1.5rem}.avatar .badge{position:absolute;right:0;bottom:0;border-radius:50%;box-shadow:0 0 0 2px #fff}a.avatar{cursor:pointer}.avatar-rounded{border-radius:50%}.avatar-xs{--tblr-avatar-size:1.25rem}.avatar-sm{--tblr-avatar-size:2rem}.avatar-md{--tblr-avatar-size:3.75rem}.avatar-lg{--tblr-avatar-size:5rem}.avatar-xl{--tblr-avatar-size:7rem}.avatar-list{display:inline-flex;padding:0;margin:0 0 -.5rem}.avatar-list .avatar{margin-bottom:.5rem}.avatar-list .avatar:not(:last-child){margin-right:.5rem}.avatar-list a.avatar:hover{z-index:1}.avatar-list-stacked .avatar{margin-right:-.5rem!important;box-shadow:0 0 0 2px #fff}.card-footer .avatar-list-stacked .avatar{box-shadow:0 0 0 2px rgba(35,46,60,.024)}.avatar-upload{width:4rem;height:4rem;border:1px dashed #e8e9ea;background:#fff;flex-direction:column;transition:.3s color,.3s background-color}.avatar-upload svg{width:1.5rem;height:1.5rem;stroke-width:1}.avatar-upload:hover{border-color:#206bc4;color:#206bc4;text-decoration:none}.avatar-upload-text{font-size:.625rem;line-height:1;margin-top:.25rem}.badge{display:inline-flex;justify-content:center;align-items:center;background:#c4c8cf;overflow:hidden;vertical-align:text-bottom;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:calc(.25rem - 1px) .25rem;height:1.25rem;border:1px solid transparent;min-width:1.25rem}a.badge{color:#fff}.badge:empty{display:inline-block;width:.5rem;height:.5rem;min-width:0;min-height:auto;padding:0;border-radius:50%}.badge .avatar{box-sizing:content-box;width:1.25rem;height:1.25rem;margin:0 .5rem 0 -.5rem}.badge-outline{background-color:transparent;border:1px solid currentColor}.badge-pill{border-radius:100px;min-width:1.75em}.breadcrumb{padding:0;margin:0;background:0 0}.breadcrumb-item.active a{color:inherit;pointer-events:none}.breadcrumb-dots .breadcrumb-item+.breadcrumb-item:before{content:"·"}.breadcrumb-arrows .breadcrumb-item+.breadcrumb-item:before{content:"›"}.breadcrumb-bullets .breadcrumb-item+.breadcrumb-item:before{content:"•"}.breadcrumb-alternate a{color:#6e757e}.breadcrumb-alternate a:hover{text-decoration:underline}.breadcrumb-alternate .breadcrumb-item.active{color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;color:#232e3c;background-color:#fff;border-color:rgba(110,117,126,.24)}.btn:hover{color:#232e3c;border-color:#a7abb1}.btn:focus{border-color:rgba(var(--tblr-btn-color,32,107,196),.5);box-shadow:0 0 0 .25rem rgba(var(--tblr-btn-color,32,107,196),.25)}.btn.disabled,.btn:disabled{cursor:not-allowed}.btn svg{width:1.25rem;height:1.25rem;margin:0 .25rem 0;-webkit-margin-start:-.5rem;margin-inline-start:-.5rem;vertical-align:bottom}.btn .avatar{width:1.25rem;height:1.25rem;vertical-align:text-top;margin:0 .25rem 0;-webkit-margin-start:-.5rem;margin-inline-start:-.5rem}.btn .icon-right{margin:0 .25rem 0;-webkit-margin-end:-.5rem;margin-inline-end:-.5rem}.btn .badge{top:auto}.btn-azure,.btn-bitbucket,.btn-blue,.btn-cyan,.btn-danger,.btn-dark,.btn-dribbble,.btn-facebook,.btn-flickr,.btn-github,.btn-google,.btn-green,.btn-indigo,.btn-info,.btn-instagram,.btn-light,.btn-lime,.btn-orange,.btn-pink,.btn-pinterest,.btn-primary,.btn-purple,.btn-red,.btn-rss,.btn-secondary,.btn-success,.btn-tabler,.btn-teal,.btn-twitter,.btn-vimeo,.btn-vk,.btn-warning,.btn-yellow,.btn-youtube{background-color:rgba(var(--tblr-btn-color),1);color:var(--tblr-btn-color-text)}.btn-azure:hover,.btn-bitbucket:hover,.btn-blue:hover,.btn-cyan:hover,.btn-danger:hover,.btn-dark:hover,.btn-dribbble:hover,.btn-facebook:hover,.btn-flickr:hover,.btn-github:hover,.btn-google:hover,.btn-green:hover,.btn-indigo:hover,.btn-info:hover,.btn-instagram:hover,.btn-light:hover,.btn-lime:hover,.btn-orange:hover,.btn-pink:hover,.btn-pinterest:hover,.btn-primary:hover,.btn-purple:hover,.btn-red:hover,.btn-rss:hover,.btn-secondary:hover,.btn-success:hover,.btn-tabler:hover,.btn-teal:hover,.btn-twitter:hover,.btn-vimeo:hover,.btn-vk:hover,.btn-warning:hover,.btn-yellow:hover,.btn-youtube:hover{color:var(--tblr-btn-color-text);background:rgba(var(--tblr-btn-color-darker),1);border-color:transparent}.btn-outline-azure,.btn-outline-bitbucket,.btn-outline-blue,.btn-outline-cyan,.btn-outline-danger,.btn-outline-dark,.btn-outline-dribbble,.btn-outline-facebook,.btn-outline-flickr,.btn-outline-github,.btn-outline-google,.btn-outline-green,.btn-outline-indigo,.btn-outline-info,.btn-outline-instagram,.btn-outline-light,.btn-outline-lime,.btn-outline-orange,.btn-outline-pink,.btn-outline-pinterest,.btn-outline-primary,.btn-outline-purple,.btn-outline-red,.btn-outline-rss,.btn-outline-secondary,.btn-outline-success,.btn-outline-tabler,.btn-outline-teal,.btn-outline-twitter,.btn-outline-vimeo,.btn-outline-vk,.btn-outline-warning,.btn-outline-yellow,.btn-outline-youtube{background-color:transparent;color:rgba(var(--tblr-btn-color),1);border-color:rgba(110,117,126,.16)}.btn-outline-azure:hover,.btn-outline-bitbucket:hover,.btn-outline-blue:hover,.btn-outline-cyan:hover,.btn-outline-danger:hover,.btn-outline-dark:hover,.btn-outline-dribbble:hover,.btn-outline-facebook:hover,.btn-outline-flickr:hover,.btn-outline-github:hover,.btn-outline-google:hover,.btn-outline-green:hover,.btn-outline-indigo:hover,.btn-outline-info:hover,.btn-outline-instagram:hover,.btn-outline-light:hover,.btn-outline-lime:hover,.btn-outline-orange:hover,.btn-outline-pink:hover,.btn-outline-pinterest:hover,.btn-outline-primary:hover,.btn-outline-purple:hover,.btn-outline-red:hover,.btn-outline-rss:hover,.btn-outline-secondary:hover,.btn-outline-success:hover,.btn-outline-tabler:hover,.btn-outline-teal:hover,.btn-outline-twitter:hover,.btn-outline-vimeo:hover,.btn-outline-vk:hover,.btn-outline-warning:hover,.btn-outline-yellow:hover,.btn-outline-youtube:hover{background-color:rgba(var(--tblr-btn-color),1);color:var(--tblr-btn-color-text);border-color:rgba(var(--tblr-btn-color),1)}.btn-ghost-azure,.btn-ghost-bitbucket,.btn-ghost-blue,.btn-ghost-cyan,.btn-ghost-danger,.btn-ghost-dark,.btn-ghost-dribbble,.btn-ghost-facebook,.btn-ghost-flickr,.btn-ghost-github,.btn-ghost-google,.btn-ghost-green,.btn-ghost-indigo,.btn-ghost-info,.btn-ghost-instagram,.btn-ghost-light,.btn-ghost-lime,.btn-ghost-orange,.btn-ghost-pink,.btn-ghost-pinterest,.btn-ghost-primary,.btn-ghost-purple,.btn-ghost-red,.btn-ghost-rss,.btn-ghost-secondary,.btn-ghost-success,.btn-ghost-tabler,.btn-ghost-teal,.btn-ghost-twitter,.btn-ghost-vimeo,.btn-ghost-vk,.btn-ghost-warning,.btn-ghost-yellow,.btn-ghost-youtube{background:0 0;color:rgba(var(--tblr-btn-color),1);border-color:transparent}.btn-ghost-azure:hover,.btn-ghost-bitbucket:hover,.btn-ghost-blue:hover,.btn-ghost-cyan:hover,.btn-ghost-danger:hover,.btn-ghost-dark:hover,.btn-ghost-dribbble:hover,.btn-ghost-facebook:hover,.btn-ghost-flickr:hover,.btn-ghost-github:hover,.btn-ghost-google:hover,.btn-ghost-green:hover,.btn-ghost-indigo:hover,.btn-ghost-info:hover,.btn-ghost-instagram:hover,.btn-ghost-light:hover,.btn-ghost-lime:hover,.btn-ghost-orange:hover,.btn-ghost-pink:hover,.btn-ghost-pinterest:hover,.btn-ghost-primary:hover,.btn-ghost-purple:hover,.btn-ghost-red:hover,.btn-ghost-rss:hover,.btn-ghost-secondary:hover,.btn-ghost-success:hover,.btn-ghost-tabler:hover,.btn-ghost-teal:hover,.btn-ghost-twitter:hover,.btn-ghost-vimeo:hover,.btn-ghost-vk:hover,.btn-ghost-warning:hover,.btn-ghost-yellow:hover,.btn-ghost-youtube:hover{background-color:rgba(var(--tblr-btn-color),1);color:var(--tblr-btn-color-text);border-color:rgba(var(--tblr-btn-color),1)}.btn-link{color:#206bc4;background-color:transparent;border-color:transparent}.btn-link:hover{color:#1a569d;border-color:transparent}.btn-group-lg>.btn svg.icon,.btn-lg svg.icon{stroke-width:2}.btn-pill{padding-right:1.5em;padding-left:1.5em;border-radius:10rem}.btn-pill[class*=btn-icon]{padding:.375rem 15px}.btn-icon{min-width:calc(2.125rem + 2px)}.btn-group-sm>.btn-icon.btn,.btn-icon.btn-sm{min-width:calc(1.3214286rem + 2px)}.btn-icon .icon{margin:0 -1em}.btn-square{border-radius:0}.btn-list{display:flex;flex-wrap:wrap;margin-bottom:-.5rem!important;margin-right:-.5rem;line-height:1}.btn-list>*{margin:0 .5rem .5rem 0}.btn-list>.btn-block{flex:1;white-space:nowrap}.btn-options{display:flex;align-items:center;padding:0;color:#6e757e;cursor:pointer;background:0 0;border:none}.btn-options:focus{outline:0}.btn-options .icon{width:1rem;height:1rem}.btn-floating{position:fixed;z-index:1030;bottom:1.5rem;right:1.5rem;border-radius:50%}.btn-loading{position:relative;color:transparent!important;text-shadow:none!important;pointer-events:none}.btn-loading:after{content:'';display:inline-block;vertical-align:text-bottom;border:1px solid currentColor;border-right-color:transparent;border-radius:50%;color:#fff;position:absolute;width:1rem;height:1rem;left:calc(50% - .5rem);top:calc(50% - .5rem);-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.btn-ghost-primary,.btn-outline-primary,.btn-primary{--tblr-btn-color:32,107,196;--tblr-btn-color-darker:27,90,165;--tblr-btn-color-text:#f1f4f8}.btn-ghost-secondary,.btn-outline-secondary,.btn-secondary{--tblr-btn-color:110,117,126;--tblr-btn-color-darker:92,98,106;--tblr-btn-color-text:#f1f4f8}.btn-ghost-success,.btn-outline-success,.btn-success{--tblr-btn-color:94,186,0;--tblr-btn-color-darker:79,156,0;--tblr-btn-color-text:#f1f4f8}.btn-ghost-info,.btn-info,.btn-outline-info{--tblr-btn-color:66,153,225;--tblr-btn-color-darker:55,129,189;--tblr-btn-color-text:#f1f4f8}.btn-ghost-warning,.btn-outline-warning,.btn-warning{--tblr-btn-color:237,137,54;--tblr-btn-color-darker:199,115,45;--tblr-btn-color-text:#f1f4f8}.btn-danger,.btn-ghost-danger,.btn-outline-danger{--tblr-btn-color:229,62,62;--tblr-btn-color-darker:192,52,52;--tblr-btn-color-text:#f1f4f8}.btn-ghost-light,.btn-light,.btn-outline-light{--tblr-btn-color:241,244,248;--tblr-btn-color-darker:202,205,208;--tblr-btn-color-text:#232e3c}.btn-dark,.btn-ghost-dark,.btn-outline-dark{--tblr-btn-color:35,46,60;--tblr-btn-color-darker:29,39,50;--tblr-btn-color-text:#f1f4f8}.btn-blue,.btn-ghost-blue,.btn-outline-blue{--tblr-btn-color:32,107,196;--tblr-btn-color-darker:27,90,165;--tblr-btn-color-text:#f1f4f8}.btn-azure,.btn-ghost-azure,.btn-outline-azure{--tblr-btn-color:66,153,225;--tblr-btn-color-darker:55,129,189;--tblr-btn-color-text:#f1f4f8}.btn-ghost-indigo,.btn-indigo,.btn-outline-indigo{--tblr-btn-color:101,116,205;--tblr-btn-color-darker:85,97,172;--tblr-btn-color-text:#f1f4f8}.btn-ghost-purple,.btn-outline-purple,.btn-purple{--tblr-btn-color:159,122,234;--tblr-btn-color-darker:134,102,197;--tblr-btn-color-text:#f1f4f8}.btn-ghost-pink,.btn-outline-pink,.btn-pink{--tblr-btn-color:237,100,166;--tblr-btn-color-darker:199,84,139;--tblr-btn-color-text:#f1f4f8}.btn-ghost-red,.btn-outline-red,.btn-red{--tblr-btn-color:229,62,62;--tblr-btn-color-darker:192,52,52;--tblr-btn-color-text:#f1f4f8}.btn-ghost-orange,.btn-orange,.btn-outline-orange{--tblr-btn-color:237,137,54;--tblr-btn-color-darker:199,115,45;--tblr-btn-color-text:#f1f4f8}.btn-ghost-yellow,.btn-outline-yellow,.btn-yellow{--tblr-btn-color:250,176,5;--tblr-btn-color-darker:210,148,4;--tblr-btn-color-text:#f1f4f8}.btn-ghost-lime,.btn-lime,.btn-outline-lime{--tblr-btn-color:130,201,30;--tblr-btn-color-darker:109,169,25;--tblr-btn-color-text:#f1f4f8}.btn-ghost-green,.btn-green,.btn-outline-green{--tblr-btn-color:94,186,0;--tblr-btn-color-darker:79,156,0;--tblr-btn-color-text:#f1f4f8}.btn-ghost-teal,.btn-outline-teal,.btn-teal{--tblr-btn-color:43,203,186;--tblr-btn-color-darker:36,171,156;--tblr-btn-color-text:#f1f4f8}.btn-cyan,.btn-ghost-cyan,.btn-outline-cyan{--tblr-btn-color:23,162,184;--tblr-btn-color-darker:19,136,155;--tblr-btn-color-text:#f1f4f8}.btn-facebook,.btn-ghost-facebook,.btn-outline-facebook{--tblr-btn-color:59,89,152;--tblr-btn-color-darker:50,75,128;--tblr-btn-color-text:#f1f4f8}.btn-ghost-twitter,.btn-outline-twitter,.btn-twitter{--tblr-btn-color:29,161,242;--tblr-btn-color-darker:24,135,203;--tblr-btn-color-text:#f1f4f8}.btn-ghost-google,.btn-google,.btn-outline-google{--tblr-btn-color:220,78,65;--tblr-btn-color-darker:185,66,55;--tblr-btn-color-text:#f1f4f8}.btn-ghost-youtube,.btn-outline-youtube,.btn-youtube{--tblr-btn-color:255,0,0;--tblr-btn-color-darker:214,0,0;--tblr-btn-color-text:#f1f4f8}.btn-ghost-vimeo,.btn-outline-vimeo,.btn-vimeo{--tblr-btn-color:26,183,234;--tblr-btn-color-darker:22,154,197;--tblr-btn-color-text:#f1f4f8}.btn-dribbble,.btn-ghost-dribbble,.btn-outline-dribbble{--tblr-btn-color:234,76,137;--tblr-btn-color-darker:197,64,115;--tblr-btn-color-text:#f1f4f8}.btn-ghost-github,.btn-github,.btn-outline-github{--tblr-btn-color:24,23,23;--tblr-btn-color-darker:20,19,19;--tblr-btn-color-text:#f1f4f8}.btn-ghost-instagram,.btn-instagram,.btn-outline-instagram{--tblr-btn-color:228,64,95;--tblr-btn-color-darker:192,54,80;--tblr-btn-color-text:#f1f4f8}.btn-ghost-pinterest,.btn-outline-pinterest,.btn-pinterest{--tblr-btn-color:189,8,28;--tblr-btn-color-darker:159,7,24;--tblr-btn-color-text:#f1f4f8}.btn-ghost-vk,.btn-outline-vk,.btn-vk{--tblr-btn-color:99,131,168;--tblr-btn-color-darker:83,110,141;--tblr-btn-color-text:#f1f4f8}.btn-ghost-rss,.btn-outline-rss,.btn-rss{--tblr-btn-color:255,165,0;--tblr-btn-color-darker:214,139,0;--tblr-btn-color-text:#f1f4f8}.btn-flickr,.btn-ghost-flickr,.btn-outline-flickr{--tblr-btn-color:0,99,220;--tblr-btn-color-darker:0,83,185;--tblr-btn-color-text:#f1f4f8}.btn-bitbucket,.btn-ghost-bitbucket,.btn-outline-bitbucket{--tblr-btn-color:0,82,204;--tblr-btn-color-darker:0,69,171;--tblr-btn-color-text:#f1f4f8}.btn-ghost-tabler,.btn-outline-tabler,.btn-tabler{--tblr-btn-color:32,107,196;--tblr-btn-color-darker:27,90,165;--tblr-btn-color-text:#f1f4f8}.calendar{display:block;font-size:.765625rem;border:1px solid #e8e9ea;border-radius:3px}.calendar-nav{display:flex;align-items:center}.calendar-title{flex:1;text-align:center}.calendar-body,.calendar-header{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:.5rem 0}.calendar-header{color:#6e757e}.calendar-date{flex:0 0 14.2857143%;max-width:14.2857143%;padding:.2rem;text-align:center;border:0}.calendar-date.next-month,.calendar-date.prev-month{opacity:.25}.calendar-date .date-item{position:relative;display:inline-block;width:1.4rem;height:1.4rem;line-height:1.4rem;color:#66758c;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;background:0 0;border:1px solid transparent;border-radius:50%;outline:0;transition:background .3s,border .3s,box-shadow .32s,color .3s}.calendar-date .date-item:hover{color:#206bc4;text-decoration:none;background:#fefeff;border-color:#e8e9ea}.calendar-date .date-today{color:#206bc4;border-color:#e8e9ea}.calendar-range{position:relative}.calendar-range:before{position:absolute;top:50%;right:0;left:0;height:1.4rem;content:"";background:rgba(32,107,196,.1);transform:translateY(-50%)}.calendar-range.range-end .date-item,.calendar-range.range-start .date-item{color:#fff;background:#206bc4;border-color:#206bc4}.calendar-range.range-start:before{left:50%}.calendar-range.range-end:before{right:50%}.card{box-shadow:rgba(35,46,60,.04) 0 2px 4px 0}@media print{.card{border:none;box-shadow:none}}a.card{color:inherit;transition:.3s box-shadow}a.card:hover{text-decoration:none;box-shadow:rgba(35,46,60,.16) 0 2px 16px 0}.card-inactive{pointer-events:none;box-shadow:none}.card-inactive .card-body{opacity:.64}.card-active{position:relative;background-color:rgba(32,107,196,.03)}.card-active:before{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;content:"";border:1px solid #206bc4;border-radius:inherit}.card-link{color:inherit}.card-link:hover{color:inherit;text-decoration:none;box-shadow:0 1px 6px 0 rgba(0,0,0,.08)}.card-btn{padding:1rem 1rem;text-align:center;background:rgba(32,107,196,.02);transition:.3s background}.card-btn:hover{text-decoration:none;background:rgba(32,107,196,.06)}.card-stacked{position:relative}.card-stacked:after{position:absolute;top:-5px;right:5px;left:5px;height:5px;content:"";background:#fff;border:1px solid rgba(110,117,126,.16);border-radius:3px 3px 0 0}.card-cover{position:relative;padding:1rem 1rem;background:#666 no-repeat center/cover}.card-cover:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:rgba(35,46,60,.24)}.card-cover:first-child,.card-cover:first-child:before{border-radius:3px 3px 0 0}.card-cover-blurred:before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card-actions{margin-left:auto;font-size:.75rem}.card-actions a{text-decoration:none}.card-header{display:flex;align-items:center;background:0 0}.card-header-tabs{flex:1;margin:-1rem -1rem}.card-header-pills{flex:1}.card-footer{color:#6e757e}.card-progress{height:.25rem}.card-progress:last-child{border-radius:0 0 2px 2px}.card-progress:first-child{border-radius:2px 2px 0 0}.card-meta{color:#6e757e}.card-title{display:block;margin:0 0 1rem;font-size:1rem;font-weight:500;line-height:1.5rem}a.card-title:hover{color:inherit}.card-header .card-title{margin:.125rem 0}.card-subtitle{margin-top:-1rem;margin-bottom:1rem;font-size:85.7142857%;color:#6e757e}.card-body>:last-child{margin-bottom:0}.card-sm>.card-body{padding:.75rem}@media (min-width:768px){.card-md>.card-body{padding:1.5rem}}@media (min-width:768px){.card-lg>.card-body{padding:2rem}}@media (min-width:992px){.card-lg>.card-body{padding:4rem}}@media print{.card-body{padding:0}}.card-body+.card-body{border-top:1px solid #e8e9ea}.card-body-scrollable{overflow:auto}.card-options{top:1.5rem;right:.75rem;display:flex;margin-left:auto}.card-options-link{display:inline-block;min-width:1rem;margin-left:.25rem;color:#6e757e}.card-drop{line-height:1;color:#6e757e}.card-drop .icon{width:1.5rem;height:1.5rem;stroke-width:1}.card-status-top{position:absolute;top:0;right:0;left:0;height:2px;border-radius:3px 3px 0 0}.card-status-left{position:absolute;right:auto;bottom:0;width:2px;height:100%;border-radius:3px 0 0 3px}.card-status-bottom{position:absolute;top:initial;bottom:0;width:100%;height:2px;border-radius:0 0 3px 3px}.card-table{margin-bottom:0}.card-table tr td:first-child,.card-table tr th:first-child{padding-left:1rem}.card-table tr td:last-child,.card-table tr th:last-child{padding-right:1rem}.card-table thead tr:first-child td,.card-table thead tr:first-child th{border-top:0}.card-table tbody tr:last-child td,.card-table tbody tr:last-child th{border-bottom:0}.card-body+.card-table{border-top:1px solid #e8e9ea}.card-code{padding:0}.card-code .highlight{margin:0;border:0}.card-code pre{margin:0;color:#fff;text-shadow:none;background:0 0}.card-chart{position:relative;z-index:1;height:3.5rem}.card-avatar{box-shadow:0 0 0 .5rem #fff}.card-body+.card-list-group{border-top:1px solid #e8e9ea}.card-list-group .list-group-item{padding-right:1rem;padding-left:1rem;border-right:0;border-left:0;border-radius:0}.card-list-group .list-group-item:last-child{border-bottom:0}.card-list-group .list-group-item:first-child{border-top:0}.card-tabs .nav-tabs{position:relative;z-index:1000;border-bottom:0}.card-tabs .nav-tabs .nav-link{background:rgba(35,46,60,.024);border:1px solid rgba(110,117,126,.16);border-bottom:0}.card-tabs .nav-tabs .nav-link.active,.card-tabs .nav-tabs .nav-link:active,.card-tabs .nav-tabs .nav-link:hover{border-color:rgba(110,117,126,.16)}.card-tabs .nav-tabs .nav-link.active{background:#fff}.card-tabs .nav-tabs .nav-item:not(:first-child) .nav-link{border-top-left-radius:0}.card-tabs .nav-tabs .nav-item:not(:last-child) .nav-link{border-top-right-radius:0}.card-tabs .nav-tabs .nav-item+.nav-item{margin-left:-1px}.card-tabs .nav-tabs-bottom{margin-bottom:0}.card-tabs .nav-tabs-bottom .nav-item{margin-top:-1px;margin-bottom:0}.card-tabs .nav-tabs-bottom .nav-item .nav-link{border-top-width:0;border-bottom:1px solid rgba(110,117,126,.16);border-top-left-radius:0;border-top-right-radius:0}.card-tabs .card{margin:0;border-top-left-radius:0}.btn-close:focus{outline:0;color:#232e3c}.dropdown-menu{box-shadow:0 .5rem 1rem rgba(0,0,0,.15);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0}.dropdown-menu.card{padding:0;min-width:25rem;display:none}.dropdown-menu.card.show{display:flex}.dropdown-item{min-width:14rem;display:flex;align-items:center;margin:0;line-height:1.4285714}.dropdown-item-icon{width:1.25rem!important;font-size:1.25rem!important;margin-right:.5rem;color:#6e757e;opacity:.66;text-align:center}.dropdown-header{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e;padding-bottom:.25rem;pointer-events:none}.dropdown-menu-scrollable{height:auto;max-height:12rem;overflow-x:hidden}.dropdown-menu-columns{-moz-columns:2;columns:2;-moz-column-gap:0;column-gap:0}.dropdown-menu-columns .dropdown-item{display:inline-flex;min-width:10rem}.dropdown-menu-columns-2{-moz-columns:2;columns:2}.dropdown-menu-columns-3{-moz-columns:3;columns:3}.dropdown-menu-columns-4{-moz-columns:4;columns:4}.dropdown-menu-arrow:before{content:"";position:absolute;top:-.25rem;left:.75rem;display:block;background:inherit;width:14px;height:14px;transform:rotate(45deg);transform-origin:center;border:1px solid;border-color:inherit;z-index:-1;clip:rect(0,9px,9px,0)}.dropdown-menu-arrow.dropdown-menu-right:before{right:.75rem;left:auto}.dropright>.dropdown-menu{margin-top:calc(-.25rem - 1px);margin-left:0}.dropright .dropdown-toggle:after{margin-left:auto}.dropdown-menu-card{padding:0}.dropdown-menu-card>.card{margin:0;border:0;box-shadow:none}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1rem;text-align:center}@media (min-width:768px){.empty{padding:3rem}}.empty .empty-icon{margin:0 0 1rem;font-size:2rem;font-weight:400;line-height:1}.empty .empty-title{font-size:1.25rem;line-height:1.4;font-weight:500}.empty .empty-subtitle,.empty .empty-title{margin:0 0 .5rem}.empty .empty-action{margin-top:1.5rem}.empty-bordered{border:1px solid #e8e9ea;border-radius:3px}.col-separator{border-left:1px solid #e8e9ea}@media (max-width:991.98px){.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1rem}}.container-tight{max-width:35rem}.container-narrow{max-width:45rem}.row-0{margin-right:0;margin-left:0}.row-0>.col,.row-0>[class*=col-]{padding-right:0;padding-left:0}.row-0 .card{margin-bottom:0}.row-sm{margin-right:-.375rem;margin-left:-.375rem}.row-sm>.col,.row-sm>[class*=col-]{padding-right:.375rem;padding-left:.375rem}.row-sm .card{margin-bottom:.75rem}.row-md{margin-right:-1.5rem;margin-left:-1.5rem}.row-md>.col,.row-md>[class*=col-]{padding-right:1.5rem;padding-left:1.5rem}.row-md .card{margin-bottom:3rem}.row-lg{margin-right:-3rem;margin-left:-3rem}.row-lg>.col,.row-lg>[class*=col-]{padding-right:3rem;padding-left:3rem}.row-lg .card{margin-bottom:6rem}.row-deck>.col,.row-deck>[class*=col-]{display:flex;align-items:stretch}.row-deck>.col .card,.row-deck>[class*=col-] .card{flex:1 1 auto}.row-cards{--tblr-gutter-x:1rem;--tblr-gutter-y:1rem}.row-cards .row-cards{flex:1}@media (max-width:991.98px){.row-cards{--tblr-gutter-x:0.5rem;--tblr-gutter-y:0.5rem}}.icon{width:1.25rem;height:1.25rem;vertical-align:sub;stroke-width:1.5}.icon:hover{text-decoration:none}.icon-filled{fill:currentColor}.icons-list{display:flex;flex-wrap:wrap;padding:0;margin:0 -2px -1px 0;list-style:none}.icons-list>li{flex:1 0 4rem}.icons-list-wrap{overflow:hidden}.icons-list-item{display:flex;align-items:center;justify-content:center;height:4rem;text-align:center;border-right:1px solid #e8e9ea;border-bottom:1px solid #e8e9ea}.icons-list-item .icon{width:1.5rem;height:1.5rem}.img-responsive{background:no-repeat center/cover;padding-top:75%}.img-responsive-1x1{padding-top:100%}.img-responsive-4x3{padding-top:calc(3 / 4 * 100%)}.img-responsive-16x9{padding-top:calc(9 / 16 * 100%)}.img-responsive-21x9{padding-top:calc(9 / 21 * 100%)}textarea[cols]{height:auto}.form-label{display:block}.form-label.required:after{content:"*";margin-left:.25rem;color:#e53e3e}.form-label-description{float:right;font-weight:400;color:#6e757e;line-height:1.5rem;font-size:85.7142857%}.form-hint{display:block;font-size:85.7142857%;color:#6e757e;line-height:1.25rem}.form-hint:last-child{margin-bottom:0}.form-hint+.form-control{margin-top:.25rem}.form-label+.form-hint{margin-top:-.5rem}.form-control+.form-hint,.form-select+.form-hint,.input-group+.form-hint{margin-top:.5rem}.form-control:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}.form-control.disabled,.form-control:disabled{color:#6e757e;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-control[size]{width:auto}.form-control-light{background-color:#f1f4f8;border-color:transparent}.form-control-dark{background-color:rgba(0,0,0,.1);color:#fff;border-color:transparent}.form-control-dark:focus{background-color:rgba(0,0,0,.1);box-shadow:none;border-color:rgba(255,255,255,.24)}.form-control-dark::-webkit-input-placeholder{color:rgba(255,255,255,.6)}.form-control-dark::-moz-placeholder{color:rgba(255,255,255,.6)}.form-control-dark:-ms-input-placeholder{color:rgba(255,255,255,.6)}.form-control-dark::-ms-input-placeholder{color:rgba(255,255,255,.6)}.form-control-dark::placeholder{color:rgba(255,255,255,.6)}.form-control-rounded{border-radius:10rem}.form-control-flush{padding:0;background:0 0!important;border-color:transparent!important;resize:none;box-shadow:none!important;line-height:inherit}.form-footer{margin-top:2rem}.form-fieldset{padding:1rem;margin-bottom:1rem;background:rgba(35,46,60,.024);border:1px solid #e8e9ea;border-radius:3px}.form-help{display:inline-flex;font-weight:600;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;font-size:.75rem;color:#6e757e;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(134,141,150,.1);border-radius:50%;transition:.3s background-color,.3s color}.form-help:hover,.form-help[aria-describedby]{color:#fff;background:#206bc4}.form-check{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-check.form-check-highlight .form-check-input:not(:checked)~.form-check-label{opacity:.66}.form-check-input{background-size:1rem;margin-top:.125rem}.form-switch .form-check-input{transition:.3s background-color,.3s background-position}.form-check-description{color:#6e757e;font-size:.75rem;margin-top:.25rem}.input-group-link{font-size:.75rem}.input-group-flat:focus-within{box-shadow:0 0 0 .25rem rgba(32,107,196,.25);border-radius:3px}.input-group-flat:focus-within .form-control,.input-group-flat:focus-within .input-group-text{border-color:#90b5e2!important}.input-group-flat .form-control:focus{border-color:rgba(110,117,126,.24);box-shadow:none}.input-group-flat .form-control:not(:last-child){border-right:0}.input-group-flat .form-control:not(:first-child){border-left:0}.input-group-flat .input-group-text{background:0 0;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input-group-flat .input-group-text:first-child{padding-right:0}.input-group-flat .input-group-text:last-child{padding-left:0}.form-file-button{margin-left:0;border-left:0}.input-icon{position:relative}.input-icon .form-control:not(:last-child){padding-right:2.5rem}.input-icon .form-control:not(:first-child){padding-left:2.5rem}.input-icon-addon{position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;min-width:2.5rem;color:#6e757e;pointer-events:none;font-size:1.2em}.input-icon-addon:last-child{right:0;left:auto}.form-colorinput{position:relative;display:inline-block;margin:0;line-height:1;cursor:pointer}.form-colorinput-input{position:absolute;z-index:-1;opacity:0}.form-colorinput-color{display:block;width:1.5rem;height:1.5rem;color:#fff;border:1px solid rgba(110,117,126,.16);border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.form-colorinput-color:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:no-repeat center center/1rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");opacity:0;transition:.3s opacity}.form-colorinput-input:checked~.form-colorinput-color:before{opacity:1}.form-colorinput-input:focus~.form-colorinput-color{border-color:#206bc4;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-colorinput-light .form-colorinput-color:before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23232e3c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")}.form-imagecheck{position:relative;margin:0;cursor:pointer}.form-imagecheck-input{position:absolute;z-index:-1;opacity:0}.form-imagecheck-figure{position:relative;display:block;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #e8e9ea;border-radius:3px}.form-imagecheck-input:focus~.form-imagecheck-figure{border-color:#206bc4;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-imagecheck-input:checked~.form-imagecheck-figure{border-color:#e8e9ea}.form-imagecheck-figure:before{position:absolute;top:.25rem;left:.25rem;z-index:1;display:block;width:1rem;height:1rem;color:#fff;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;border:1px solid #e8e9ea;border-radius:3px;transition:.3s opacity}.form-imagecheck-input:checked~.form-imagecheck-figure:before{background-color:#206bc4;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");background-repeat:repeat;background-position:center;background-size:1rem;border-color:rgba(110,117,126,.16)}.form-imagecheck-image{max-width:100%;display:block;opacity:.64;transition:.3s opacity}.form-imagecheck-image:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.form-imagecheck-image:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.form-imagecheck-input:checked~.form-imagecheck-figure .form-imagecheck-image,.form-imagecheck-input:focus~.form-imagecheck-figure .form-imagecheck-image,.form-imagecheck:hover .form-imagecheck-image{opacity:1}.form-imagecheck-caption{padding:.25rem;font-size:.765625rem;color:#6e757e;text-align:center;transition:.3s color}.form-imagecheck-input:checked~.form-imagecheck-figure .form-imagecheck-caption,.form-imagecheck-input:focus~.form-imagecheck-figure .form-imagecheck-caption,.form-imagecheck:hover .form-imagecheck-caption{color:#232e3c}.form-selectgroup{display:inline-flex;margin:0 -.5rem -.5rem 0;flex-wrap:wrap}.form-selectgroup .form-selectgroup-item{margin:0 .5rem .5rem 0}.form-selectgroup-vertical{flex-direction:column}.form-selectgroup-item{display:block;position:relative}.form-selectgroup-input{position:absolute;top:0;left:0;z-index:-1;opacity:0}.form-selectgroup-label{position:relative;display:block;min-width:calc(1.4285714em + .875rem + 2px);margin:0;padding:.4375rem .75rem;font-size:.875rem;line-height:1.4285714;color:#6e757e;background:#fff;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid rgba(110,117,126,.24);border-radius:3px;transition:border-color .3s,background .3s,color .3s}.form-selectgroup-label .icon:only-child{margin:0 -.25rem}.form-selectgroup-label:hover{color:#232e3c}.form-selectgroup-check{display:inline-block;width:1rem;height:1rem;border:1px solid rgba(110,117,126,.16);vertical-align:middle}.form-selectgroup-input[type=checkbox]+.form-selectgroup-label .form-selectgroup-check{border-radius:3px}.form-selectgroup-input[type=radio]+.form-selectgroup-label .form-selectgroup-check{border-radius:50%}.form-selectgroup-input:checked+.form-selectgroup-label .form-selectgroup-check{background-color:#206bc4;background-repeat:repeat;background-position:center;background-size:1rem;border-color:rgba(110,117,126,.16)}.form-selectgroup-input[type=checkbox]:checked+.form-selectgroup-label .form-selectgroup-check{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")}.form-selectgroup-input[type=radio]:checked+.form-selectgroup-label .form-selectgroup-check{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e")}.form-selectgroup-input:checked+.form-selectgroup-label{z-index:1;color:#206bc4;background:rgba(32,107,196,.04);border-color:#90b5e2}.form-selectgroup-input:focus+.form-selectgroup-label{z-index:2;color:#206bc4;border-color:#90b5e2;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-selectgroup-boxes .form-selectgroup-label{text-align:left;padding:1rem 1rem;color:inherit}.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-label{color:inherit}.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-label .form-selectgroup-title{color:#206bc4}.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-label .form-selectgroup-label-content{opacity:1}.form-selectgroup-pills{flex-wrap:wrap;align-items:flex-start}.form-selectgroup-pills .form-selectgroup-item{flex-grow:0}.form-selectgroup-pills .form-selectgroup-label{border-radius:50px}.form-control-color::-webkit-color-swatch{border:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.form-control.is-invalid-lite,.form-control.is-valid-lite{border-color:#e8e9ea}.legend{display:inline-block;background:#e5e8ed;width:.75em;height:.75em;border-radius:3px}.list-item{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word}.list-item-actions{margin-left:auto}.list-bordered .list-item,.list-row .list-item{border-top:1px solid #e8e9ea;margin-top:-1px}.list-bordered .list-item:first-child,.list-row .list-item:first-child{border-top:none}.list-hoverable .list-item-actions{opacity:0;transition:.3s opacity}.list-hoverable .list-item-actions.show,.list-hoverable .list-item:hover .list-item-actions{opacity:1}.list-row .list-item{flex-direction:row;align-items:center;padding:.5rem .5rem}.list-row .list-item>*{padding-left:.5rem;padding-right:.5rem}.list-timeline{position:relative;padding:0;margin:0;list-style:none}.list-timeline>li{position:relative;margin-bottom:1.5rem}.list-timeline>li:last-child{margin-bottom:0}.list-timeline-time{float:right;margin-left:1rem;color:#6e757e}.list-timeline-icon{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:#fff;text-align:center;background:#6e757e;border-radius:50%}.list-timeline-icon .icon{width:1rem;height:1rem}.list-timeline-title{margin:0;font-weight:600}.list-timeline-content{margin-left:3.5rem}@media screen and (min-width:768px){.list-timeline:not(.list-timeline-simple):before{position:absolute;top:0;bottom:0;left:calc(7.5rem + 2px);z-index:1;display:block;width:4px;content:"";background-color:#f1f4f8}.list-timeline:not(.list-timeline-simple)>li{z-index:2;min-height:40px}.list-timeline:not(.list-timeline-simple) .list-timeline-time{position:absolute;top:.5rem;left:0;width:5.5rem;margin:0;text-align:right}.list-timeline:not(.list-timeline-simple) .list-timeline-icon{top:0;left:6.5rem}.list-timeline:not(.list-timeline-simple) .list-timeline-content{padding:.625rem 0 0 10rem;margin:0}}.list-group-transparent{margin:0 -.75rem}.list-group-transparent .list-group-item{background:0 0;border:0;border-radius:3px}.list-group-transparent .list-group-item .icon{color:#6e757e}.list-group-transparent .list-group-item.active{font-weight:600;color:inherit;background:rgba(32,107,196,.06)}.list-group-transparent .list-group-item.active .icon{color:inherit}.list-separated-item{padding:1rem 0}.list-separated-item:first-child{padding-top:0}.list-separated-item:last-child{padding-bottom:0}.list-separated-item+.list-separated-item{border-top:1px solid #e8e9ea}.list-inline-item:not(:last-child){margin-right:auto;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.list-inline-dots .list-inline-item+.list-inline-item:before{content:' · ';-webkit-margin-end:.5rem;margin-inline-end:.5rem}@-webkit-keyframes loader{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loader{from{transform:rotate(0)}to{transform:rotate(360deg)}}.loader{position:relative;display:block;width:2.5rem;height:2.5rem;color:#206bc4;vertical-align:middle}.loader:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border:1px solid;border-color:transparent;border-top-color:currentColor;border-left-color:currentColor;border-radius:50%;-webkit-animation:loader .6s linear;animation:loader .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.dimmer{position:relative}.dimmer .loader{position:absolute;top:50%;right:0;left:0;display:none;margin:0 auto;transform:translateY(-50%)}.dimmer.active .loader{display:block}.dimmer.active .dimmer-content{pointer-events:none;opacity:.1}.modal-content .btn-close{position:absolute;top:0;right:0;width:3.5rem;height:3.5rem;margin:0;padding:0;z-index:10}.modal-body::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.modal-body::-webkit-scrollbar-thumb{border-radius:5px;background:#d8dce1}.modal-body::-webkit-scrollbar-corner{background:0 0}.modal-body:hover::-webkit-scrollbar-thumb{background:#c4c8cf;background:#c4c8cf}.modal-body .modal-title{margin-bottom:1rem}.modal-body+.modal-body{border-top:1px solid #e8e9ea}.modal-header{align-items:center;min-height:3.5rem;background:#fff;padding:0 3.5rem 0 1.5rem}.modal-title{font-size:1rem;font-weight:500;line-height:1.3333333}.modal-footer{padding-top:0;padding-bottom:.75rem}.modal-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-full-width{max-width:none;margin:0 .5rem}.nav-tabs .icon{color:#6e757e}.nav-tabs .nav-link{padding:.5rem 1rem;line-height:20px;color:#6e757e;cursor:pointer;background:0 0;border:none;border-bottom:1px solid transparent;transition:.3s color,.3s border-color}.nav-tabs .nav-link:hover{color:#232e3c;border-color:transparent}.nav-tabs .nav-link.disabled{color:rgba(110,117,126,.2)}.nav-tabs .nav-link.active{color:#232e3c;background:inherit;border-color:transparent;border-bottom-color:#206bc4}.nav-tabs-alt .nav-link{font-size:13px;font-weight:600;text-transform:uppercase}.nav-icon{line-height:1;margin-right:.25rem}.nav-icon .icon{display:block;stroke-width:1.5}.nav-link{display:flex;transition:.3s color;align-items:center}.nav-link-icon{width:1.25rem;height:1.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.nav-link-icon .icon{display:block;width:100%;height:100%}.stars{display:inline-flex;color:#d8dce1;font-size:.75rem}.stars .star:not(:first-child){margin-left:.25rem}.pagination{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page-link{min-width:1.75rem;border-radius:3px}.page-link:hover{background:0 0}.page-item{text-align:center}.page-item.page-next,.page-item.page-prev{flex:0 0 50%;text-align:left}.page-item.page-next{margin-left:auto;text-align:right}.page-item-subtitle{margin-bottom:2px;font-size:12px;color:#6e757e;text-transform:uppercase}.page-item.disabled .page-item-subtitle{color:rgba(110,117,126,.5)}.page-item-title{font-size:1rem;font-weight:400;color:#232e3c}.page-link:hover .page-item-title{color:#206bc4}.page-item.disabled .page-item-title{color:rgba(110,117,126,.5)}@-webkit-keyframes progress-indeterminate{0%{right:100%;left:-35%}100%,60%{right:-90%;left:100%}}@keyframes progress-indeterminate{0%{right:100%;left:-35%}100%,60%{right:-90%;left:100%}}.progress{position:relative;width:100%;line-height:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress::-webkit-progress-bar{background:#f1f4f8}.progress::-webkit-progress-value{background-color:#206bc4}.progress::-moz-progress-bar{background-color:#206bc4}.progress::-ms-fill{background-color:#206bc4;border:none}.progress-sm{height:.25rem}.progress-bar{height:100%}.progress-bar-indeterminate:after,.progress-bar-indeterminate:before{position:absolute;top:0;bottom:0;left:0;content:"";background-color:inherit;will-change:left,right}.progress-bar-indeterminate:before{-webkit-animation:progress-indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:progress-indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.progress-separated .progress-bar{border-right:2px solid #fff}.ribbon{position:absolute;top:.75rem;right:-.25rem;z-index:1;padding:.25rem .75rem;font-size:.625rem;font-weight:600;line-height:1.5rem;color:#fff;text-align:center;text-transform:uppercase;background:#206bc4;border-color:#206bc4}.ribbon:before{position:absolute;right:0;bottom:100%;width:0;height:0;content:"";filter:brightness(70%);border:.125rem solid;border-color:inherit;border-top-color:transparent;border-right-color:transparent}.ribbon.bg-blue{border-color:#206bc4}.ribbon.bg-blue-lt{border-color:#e9f0f9!important}.ribbon.bg-azure{border-color:#4299e1}.ribbon.bg-azure-lt{border-color:#ecf5fc!important}.ribbon.bg-indigo{border-color:#6574cd}.ribbon.bg-indigo-lt{border-color:#f0f1fa!important}.ribbon.bg-purple{border-color:#9f7aea}.ribbon.bg-purple-lt{border-color:#f5f2fd!important}.ribbon.bg-pink{border-color:#ed64a6}.ribbon.bg-pink-lt{border-color:#fdf0f6!important}.ribbon.bg-red{border-color:#e53e3e}.ribbon.bg-red-lt{border-color:#fcecec!important}.ribbon.bg-orange{border-color:#ed8936}.ribbon.bg-orange-lt{border-color:#fdf3eb!important}.ribbon.bg-yellow{border-color:#fab005}.ribbon.bg-yellow-lt{border-color:#fff7e6!important}.ribbon.bg-lime{border-color:#82c91e}.ribbon.bg-lime-lt{border-color:#f3fae9!important}.ribbon.bg-green{border-color:#5eba00}.ribbon.bg-green-lt{border-color:#eff8e6!important}.ribbon.bg-teal{border-color:#2bcbba}.ribbon.bg-teal-lt{border-color:#eafaf8!important}.ribbon.bg-cyan{border-color:#17a2b8}.ribbon.bg-cyan-lt{border-color:#e8f6f8!important}.ribbon .icon{width:1rem;height:1rem}.ribbon-top{top:-.25rem;right:.75rem;width:2rem;padding:.25rem 0}.ribbon-top:before{top:0;right:100%;bottom:auto;border-color:inherit;border-top-color:transparent;border-left-color:transparent}.ribbon-top.ribbon-left{right:auto;left:.75rem}.ribbon-top.ribbon-left:before{top:0;right:100%;left:auto}.ribbon-left{right:auto;left:-.25rem}.ribbon-left:before{top:auto;bottom:100%;left:0;border-color:inherit;border-top-color:transparent;border-left-color:transparent}.ribbon-bottom{top:auto;bottom:.75rem}.ribbon-bookmark{padding-left:.25rem}.ribbon-bookmark:after{position:absolute;top:0;right:100%;display:block;width:0;height:0;content:"";border:1rem solid;border-color:inherit;border-right-width:0;border-left-color:transparent;border-left-width:.5rem}.ribbon-bookmark.ribbon-left{padding-right:.5rem;padding-left:.5rem}.ribbon-bookmark.ribbon-left:after{right:auto;left:100%;border-right-color:transparent;border-right-width:.5rem;border-left-width:0}.ribbon-bookmark.ribbon-top{padding-right:0;padding-bottom:.25rem;padding-left:0}.ribbon-bookmark.ribbon-top:after{top:100%;right:0;left:0;border-color:inherit;border-width:1rem;border-top-width:0;border-bottom-color:transparent;border-bottom-width:.5rem}.steps{display:flex;flex-wrap:nowrap;width:100%;padding:0;margin:2rem 0;list-style:none}.steps .step-item{padding-top:calc(.5rem + 4px)}.steps .step-item:after{top:calc(.25rem + 2px);height:2px}.steps .step-item:before{width:.5rem;height:.5rem}.steps .step-item:after,.steps .step-item:before{color:#fff;background:#206bc4}.steps .step-item.active:before{color:inherit;border-color:#206bc4}.steps-blue .step-item:after,.steps-blue .step-item:before{color:#fff;background:#206bc4}.steps-blue .step-item.active:before{color:inherit;border-color:#206bc4}.steps-azure .step-item:after,.steps-azure .step-item:before{color:#fff;background:#4299e1}.steps-azure .step-item.active:before{color:inherit;border-color:#4299e1}.steps-indigo .step-item:after,.steps-indigo .step-item:before{color:#fff;background:#6574cd}.steps-indigo .step-item.active:before{color:inherit;border-color:#6574cd}.steps-purple .step-item:after,.steps-purple .step-item:before{color:#fff;background:#9f7aea}.steps-purple .step-item.active:before{color:inherit;border-color:#9f7aea}.steps-pink .step-item:after,.steps-pink .step-item:before{color:#fff;background:#ed64a6}.steps-pink .step-item.active:before{color:inherit;border-color:#ed64a6}.steps-red .step-item:after,.steps-red .step-item:before{color:#fff;background:#e53e3e}.steps-red .step-item.active:before{color:inherit;border-color:#e53e3e}.steps-orange .step-item:after,.steps-orange .step-item:before{color:#fff;background:#ed8936}.steps-orange .step-item.active:before{color:inherit;border-color:#ed8936}.steps-yellow .step-item:after,.steps-yellow .step-item:before{color:#fff;background:#fab005}.steps-yellow .step-item.active:before{color:inherit;border-color:#fab005}.steps-lime .step-item:after,.steps-lime .step-item:before{color:#fff;background:#82c91e}.steps-lime .step-item.active:before{color:inherit;border-color:#82c91e}.steps-green .step-item:after,.steps-green .step-item:before{color:#fff;background:#5eba00}.steps-green .step-item.active:before{color:inherit;border-color:#5eba00}.steps-teal .step-item:after,.steps-teal .step-item:before{color:#fff;background:#2bcbba}.steps-teal .step-item.active:before{color:inherit;border-color:#2bcbba}.steps-cyan .step-item:after,.steps-cyan .step-item:before{color:#fff;background:#17a2b8}.steps-cyan .step-item.active:before{color:inherit;border-color:#17a2b8}.step-item{position:relative;flex:1 1 0;min-height:1rem;margin-top:0;color:inherit;text-align:center;cursor:default}a.step-item{cursor:pointer}a.step-item:hover{color:inherit}.step-item:not(:first-child):after{position:absolute;left:-50%;width:100%;content:"";transform:translateY(-50%)}.step-item:before{position:absolute;top:0;left:50%;z-index:1;box-sizing:content-box;display:block;content:"";border:2px solid #fff;border-radius:50%;transform:translateX(-50%)}.step-item.active{font-weight:600}.step-item.active:before{background:#fff}.step-item.active~.step-item{color:#6e757e}.step-item.active~.step-item:after,.step-item.active~.step-item:before{background:#f3f5f5}.step-item.active~.step-item:before{color:#6e757e!important}.steps-counter{counter-reset:steps}.steps-counter .step-item{padding-top:calc(1.5rem + 4px)}.steps-counter .step-item:after{top:calc(.75rem + 2px);height:2px}.steps-counter .step-item:before{width:1.5rem;height:1.5rem}.steps-counter .step-item{counter-increment:steps}.steps-counter .step-item:before{font-size:.75rem;line-height:1.5rem;content:counter(steps)}.steps-counter .step-item.active~.step-item:before{background:#fff}.markdown>table thead th,.table thead th{color:#6e757e;background:rgba(35,46,60,.024);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e;padding-top:.5rem;padding-bottom:.5rem}@media print{.markdown>table thead th,.table thead th{background:0 0}}.table-nowrap>:not(caption)>*>*{white-space:nowrap}.table-vcenter>:not(caption)>*>*{vertical-align:middle}.table-center>:not(caption)>*>*{text-align:center}.td-truncate{max-width:1px;width:100%}.table-mobile{display:block}.table-mobile thead{display:none}.table-mobile tbody,.table-mobile tr{display:flex;flex-direction:column}.table-mobile td{display:block;padding:.5rem .5rem!important;border:none;color:#232e3c!important}.table-mobile td[data-label]:before{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e;content:attr(data-label);display:block}.table-mobile tr{border-bottom:1px solid rgba(110,117,126,.16)}.table-mobile .btn{display:block}@media (max-width:575.98px){.table-mobile-sm{display:block}.table-mobile-sm thead{display:none}.table-mobile-sm tbody,.table-mobile-sm tr{display:flex;flex-direction:column}.table-mobile-sm td{display:block;padding:.5rem .5rem!important;border:none;color:#232e3c!important}.table-mobile-sm td[data-label]:before{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e;content:attr(data-label);display:block}.table-mobile-sm tr{border-bottom:1px solid rgba(110,117,126,.16)}.table-mobile-sm .btn{display:block}}@media (max-width:767.98px){.table-mobile-md{display:block}.table-mobile-md thead{display:none}.table-mobile-md tbody,.table-mobile-md tr{display:flex;flex-direction:column}.table-mobile-md td{display:block;padding:.5rem .5rem!important;border:none;color:#232e3c!important}.table-mobile-md td[data-label]:before{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e;content:attr(data-label);display:block}.table-mobile-md tr{border-bottom:1px solid rgba(110,117,126,.16)}.table-mobile-md .btn{display:block}}@media (max-width:991.98px){.table-mobile-lg{display:block}.table-mobile-lg thead{display:none}.table-mobile-lg tbody,.table-mobile-lg tr{display:flex;flex-direction:column}.table-mobile-lg td{display:block;padding:.5rem .5rem!important;border:none;color:#232e3c!important}.table-mobile-lg td[data-label]:before{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e;content:attr(data-label);display:block}.table-mobile-lg tr{border-bottom:1px solid rgba(110,117,126,.16)}.table-mobile-lg .btn{display:block}}@media (max-width:1199.98px){.table-mobile-xl{display:block}.table-mobile-xl thead{display:none}.table-mobile-xl tbody,.table-mobile-xl tr{display:flex;flex-direction:column}.table-mobile-xl td{display:block;padding:.5rem .5rem!important;border:none;color:#232e3c!important}.table-mobile-xl td[data-label]:before{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e;content:attr(data-label);display:block}.table-mobile-xl tr{border-bottom:1px solid rgba(110,117,126,.16)}.table-mobile-xl .btn{display:block}}@media (max-width:1399.98px){.table-mobile-xxl{display:block}.table-mobile-xxl thead{display:none}.table-mobile-xxl tbody,.table-mobile-xxl tr{display:flex;flex-direction:column}.table-mobile-xxl td{display:block;padding:.5rem .5rem!important;border:none;color:#232e3c!important}.table-mobile-xxl td[data-label]:before{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e;content:attr(data-label);display:block}.table-mobile-xxl tr{border-bottom:1px solid rgba(110,117,126,.16)}.table-mobile-xxl .btn{display:block}}.toast-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toast button[data-dismiss=toast]{outline:0}.toolbar{display:flex;flex-wrap:nowrap;flex-shrink:0;margin:0 -.5rem}.toolbar>*{margin:0 .5rem}.hr-text{display:flex;align-items:center;margin:2rem 0;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e;height:1px}.hr-text:after,.hr-text:before{flex:1 1 auto;height:1px;background-color:currentColor;opacity:.1}.hr-text:before{content:"";margin-right:.5rem}.hr-text:after{content:"";margin-left:.5rem}.hr-text>:first-child{padding-right:.5rem;padding-left:0;color:#6e757e}.hr-text.hr-text-left:before{content:none}.hr-text.hr-text-left>:first-child{padding-right:.5rem;padding-left:.5rem}.hr-text.hr-text-right:before{content:""}.hr-text.hr-text-right:after{content:none}.hr-text.hr-text-right>:first-child{padding-right:0;padding-left:.5rem}.card>.hr-text{margin:0}.hr-text-spaceless{margin:-.5rem 0}.lead{line-height:1.4}a{-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}ol,ul{margin:0 0 1rem 0;-webkit-margin-start:1rem;margin-inline-start:1rem;padding:0;-webkit-padding-start:1rem;padding-inline-start:1rem}.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}.h1,h1{line-height:1.1428571}.h2,h2{line-height:1.4}.h3,h3{line-height:1.5}.h4,h4{line-height:1.4285714}.h5,h5{line-height:1.3333333}.h6,h6{line-height:1.6}.strong,b,strong{font-weight:600}blockquote{padding-left:1rem;border-left:2px solid #e8e9ea}blockquote p{margin-bottom:1rem}blockquote cite{display:block;text-align:right}blockquote cite:before{content:"— "}.hr,hr{margin:2rem 0}dl dd:last-child{margin-bottom:0}code{padding:2px 4px;background:rgba(32,107,196,.03);border:1px solid rgba(32,107,196,.064);border-radius:3px;font-weight:400}pre{padding:1rem;overflow:auto;font-size:85.7142857%;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.25rem;-moz-tab-size:3;-o-tab-size:3;tab-size:3;border-radius:3px;white-space:pre-wrap}pre code{padding:0;background:0 0;border:none;border-radius:0}img{max-width:100%}::-moz-selection{color:#fff;background-color:#307fdd}::selection{color:#fff;background-color:#307fdd}[class*=" link-"].disabled,[class^=link-].disabled{color:#9fa5ad;pointer-events:none}.subheader{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e}.markdown{line-height:1.7142857}.markdown>:first-child{margin-top:0}.markdown>:last-child,.markdown>:last-child .highlight{margin-bottom:0}.markdown>.h1,.markdown>.h2,.markdown>.h3,.markdown>.h4,.markdown>.h5,.markdown>.h6,.markdown>h1,.markdown>h2,.markdown>h3,.markdown>h4,.markdown>h5,.markdown>h6{margin-top:2rem;margin-bottom:.25rem}.markdown>.h1,.markdown>h1{font-size:1.25rem;line-height:1.4}.markdown>.h2,.markdown>h2{font-size:1rem;line-height:1.5}.markdown>.h3,.markdown>h3{font-size:.875rem;line-height:1.4285714}.markdown>.h4,.markdown>h4{font-size:.75rem;line-height:1.3333333}@media (min-width:768px){.markdown>.hr,.markdown>hr{margin-top:3em;margin-bottom:3em}}.chart{display:block;min-height:10rem}.chart text{font-family:inherit}.chart-sm{height:2.5rem}.chart-lg{height:15rem}.chart-square{height:5.75rem}.chart-sparkline{position:relative;width:4rem;height:2.5rem;line-height:1}.chart-sparkline-square{width:2.5rem}.chart-sparkline-wide{width:6rem}.chart-sparkline-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.625rem}.chart-sparkline-label .icon{width:1rem;height:1rem}.bg-white-overlay{color:#fff;background-color:rgba(241,244,248,.24)}.bg-dark-overlay{color:#fff;background-color:rgba(35,46,60,.24)}.bg-cover{background-repeat:no-repeat;background-size:cover;background-position:center}.bg-facebook{color:#fff!important;background:#3b5998!important}.text-facebook{color:#3b5998!important}.bg-twitter{color:#fff!important;background:#1da1f2!important}.text-twitter{color:#1da1f2!important}.bg-google{color:#fff!important;background:#dc4e41!important}.text-google{color:#dc4e41!important}.bg-youtube{color:#fff!important;background:red!important}.text-youtube{color:red!important}.bg-vimeo{color:#fff!important;background:#1ab7ea!important}.text-vimeo{color:#1ab7ea!important}.bg-dribbble{color:#fff!important;background:#ea4c89!important}.text-dribbble{color:#ea4c89!important}.bg-github{color:#fff!important;background:#181717!important}.text-github{color:#181717!important}.bg-instagram{color:#fff!important;background:#e4405f!important}.text-instagram{color:#e4405f!important}.bg-pinterest{color:#fff!important;background:#bd081c!important}.text-pinterest{color:#bd081c!important}.bg-vk{color:#fff!important;background:#6383a8!important}.text-vk{color:#6383a8!important}.bg-rss{color:#fff!important;background:orange!important}.text-rss{color:orange!important}.bg-flickr{color:#fff!important;background:#0063dc!important}.text-flickr{color:#0063dc!important}.bg-bitbucket{color:#fff!important;background:#0052cc!important}.text-bitbucket{color:#0052cc!important}.bg-tabler{color:#fff!important;background:#206bc4!important}.text-tabler{color:#206bc4!important}.bg-blue{background:#206bc4}.text-blue{color:#206bc4!important}.bg-blue-lt{color:#206bc4!important;background:rgba(32,107,196,.1)!important}.bg-azure{background:#4299e1}.text-azure{color:#4299e1!important}.bg-azure-lt{color:#4299e1!important;background:rgba(66,153,225,.1)!important}.bg-indigo{background:#6574cd}.text-indigo{color:#6574cd!important}.bg-indigo-lt{color:#6574cd!important;background:rgba(101,116,205,.1)!important}.bg-purple{background:#9f7aea}.text-purple{color:#9f7aea!important}.bg-purple-lt{color:#9f7aea!important;background:rgba(159,122,234,.1)!important}.bg-pink{background:#ed64a6}.text-pink{color:#ed64a6!important}.bg-pink-lt{color:#ed64a6!important;background:rgba(237,100,166,.1)!important}.bg-red{background:#e53e3e}.text-red{color:#e53e3e!important}.bg-red-lt{color:#e53e3e!important;background:rgba(229,62,62,.1)!important}.bg-orange{background:#ed8936}.text-orange{color:#ed8936!important}.bg-orange-lt{color:#ed8936!important;background:rgba(237,137,54,.1)!important}.bg-yellow{background:#fab005}.text-yellow{color:#fab005!important}.bg-yellow-lt{color:#fab005!important;background:rgba(250,176,5,.1)!important}.bg-lime{background:#82c91e}.text-lime{color:#82c91e!important}.bg-lime-lt{color:#82c91e!important;background:rgba(130,201,30,.1)!important}.bg-green{background:#5eba00}.text-green{color:#5eba00!important}.bg-green-lt{color:#5eba00!important;background:rgba(94,186,0,.1)!important}.bg-teal{background:#2bcbba}.text-teal{color:#2bcbba!important}.bg-teal-lt{color:#2bcbba!important;background:rgba(43,203,186,.1)!important}.bg-cyan{background:#17a2b8}.text-cyan{color:#17a2b8!important}.bg-cyan-lt{color:#17a2b8!important;background:rgba(23,162,184,.1)!important}.scrollable{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.scrollable.hover{overflow-y:hidden}.scrollable.hover>*{margin-top:-1px}.scrollable.hover:active,.scrollable.hover:focus,.scrollable.hover:hover{overflow:visible;overflow-y:auto}.touch .scrollable{overflow-y:auto!important}.scroll-x,.scroll-y{overflow:hidden;-webkit-overflow-scrolling:touch}.scroll-y{overflow-y:auto}.scroll-x{overflow-x:auto}.no-scroll{overflow:hidden}.w-0{width:0!important}.h-0{height:0!important}.w-1{width:.25rem!important}.h-1{height:.25rem!important}.w-2{width:.5rem!important}.h-2{height:.5rem!important}.w-3{width:1rem!important}.h-3{height:1rem!important}.w-4{width:1.25rem!important}.h-4{height:1.25rem!important}.w-5{width:3rem!important}.h-5{height:3rem!important}.w-6{width:4.5rem!important}.h-6{height:4.5rem!important}.w-auto{width:auto!important}.h-auto{height:auto!important}.w-px{width:1px!important}.h-px{height:1px!important}.w-full{width:100%!important}.h-full{height:100%!important}.opacity-0{opacity:0!important}.opacity-5{opacity:.05!important}.opacity-10{opacity:.1!important}.opacity-15{opacity:.15!important}.opacity-20{opacity:.2!important}.opacity-25{opacity:.25!important}.opacity-30{opacity:.3!important}.opacity-35{opacity:.35!important}.opacity-40{opacity:.4!important}.opacity-45{opacity:.45!important}.opacity-50{opacity:.5!important}.opacity-55{opacity:.55!important}.opacity-60{opacity:.6!important}.opacity-65{opacity:.65!important}.opacity-70{opacity:.7!important}.opacity-75{opacity:.75!important}.opacity-80{opacity:.8!important}.opacity-85{opacity:.85!important}.opacity-90{opacity:.9!important}.opacity-95{opacity:.95!important}.opacity-100{opacity:1!important}.hover-shadow-sm:hover{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.hover-shadow:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.hover-shadow-lg:hover{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.hover-shadow-none:hover{box-shadow:none!important}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}@media not print{.theme-dark{color:#f1f4f8;background-color:#1f2936}.theme-dark .card,.theme-dark .dropdown-menu,.theme-dark .flatpickr-calendar,.theme-dark .footer:not(.footer-transparent),.theme-dark .modal-content,.theme-dark .modal-header{background-color:#232e3c;color:inherit}.theme-dark .card{border-color:transparent}.theme-dark .btn-white,.theme-dark .form-file-button{background-image:none}.theme-dark .flatpickr-input.flatpickr-input,.theme-dark .form-check-input:not(:checked),.theme-dark .form-control,.theme-dark .form-file-text,.theme-dark .form-imagecheck-figure:before,.theme-dark .form-select,.theme-dark .form-selectgroup-check,.theme-dark .form-selectgroup-label{background-color:#1f2936;color:#f1f4f8}.theme-dark .form-control-plaintext{color:#f1f4f8}.theme-dark .input-group-flat .input-group-text{background-color:#1f2936}.theme-dark .highlight{background-color:#1f2936}.theme-dark .avatar{background-color:#273342}.theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #232e3c}.theme-dark .btn-close,.theme-dark .markdown,.theme-dark .markdown>*{color:inherit}.theme-dark .apexcharts-text{fill:#f1f4f8}.theme-dark .apexcharts-legend-text{color:inherit!important}.theme-dark .navbar-brand-autodark{filter:brightness(0) invert(1)}}@media not print and (prefers-color-scheme:dark){.theme-dark-auto{color:#f1f4f8;background-color:#1f2936}.theme-dark-auto .card,.theme-dark-auto .dropdown-menu,.theme-dark-auto .flatpickr-calendar,.theme-dark-auto .footer:not(.footer-transparent),.theme-dark-auto .modal-content,.theme-dark-auto .modal-header{background-color:#232e3c;color:inherit}.theme-dark-auto .card{border-color:transparent}.theme-dark-auto .btn-white,.theme-dark-auto .form-file-button{background-image:none}.theme-dark-auto .flatpickr-input.flatpickr-input,.theme-dark-auto .form-check-input:not(:checked),.theme-dark-auto .form-control,.theme-dark-auto .form-file-text,.theme-dark-auto .form-imagecheck-figure:before,.theme-dark-auto .form-select,.theme-dark-auto .form-selectgroup-check,.theme-dark-auto .form-selectgroup-label{background-color:#1f2936;color:#f1f4f8}.theme-dark-auto .form-control-plaintext{color:#f1f4f8}.theme-dark-auto .input-group-flat .input-group-text{background-color:#1f2936}.theme-dark-auto .highlight{background-color:#1f2936}.theme-dark-auto .avatar{background-color:#273342}.theme-dark-auto .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #232e3c}.theme-dark-auto .btn-close,.theme-dark-auto .markdown,.theme-dark-auto .markdown>*{color:inherit}.theme-dark-auto .apexcharts-text{fill:#f1f4f8}.theme-dark-auto .apexcharts-legend-text{color:inherit!important}.theme-dark-auto .navbar-brand-autodark{filter:brightness(0) invert(1)}}
\ No newline at end of file
diff --git a/demo/dist/js/tabler.js b/demo/dist/js/tabler.js
index 570d1e393..99ab27b8c 100644
--- a/demo/dist/js/tabler.js
+++ b/demo/dist/js/tabler.js
@@ -1,4985 +1,3090 @@
 /*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
+* Tabler v1.0.0-alpha.9 (https://tabler.io)
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 */
 (function (factory) {
-  typeof define === 'function' && define.amd ? define(factory) :
-  factory();
+	typeof define === 'function' && define.amd ? define(factory) :
+	factory();
 }((function () { 'use strict';
 
-  /**!
-   * @fileOverview Kickass library to create and place poppers near their reference elements.
-   * @version 1.16.1
-   * @license
-   * Copyright (c) 2016 Federico Zivolo and contributors
-   *
-   * 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.
-   */
-  var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && typeof navigator !== 'undefined';
-  var timeoutDuration = function () {
-    var longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];
-    for (var i = 0; i < longerTimeoutBrowsers.length; i += 1) {
-      if (isBrowser && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {
-        return 1;
-      }
-    }
-    return 0;
-  }();
-  function microtaskDebounce(fn) {
-    var called = false;
-    return function () {
-      if (called) {
-        return;
-      }
-      called = true;
-      window.Promise.resolve().then(function () {
-        called = false;
-        fn();
-      });
-    };
-  }
-  function taskDebounce(fn) {
-    var scheduled = false;
-    return function () {
-      if (!scheduled) {
-        scheduled = true;
-        setTimeout(function () {
-          scheduled = false;
-          fn();
-        }, timeoutDuration);
-      }
-    };
-  }
-  var supportsMicroTasks = isBrowser && window.Promise;
-  var debounce = supportsMicroTasks ? microtaskDebounce : taskDebounce;
-  function isFunction(functionToCheck) {
-    var getType = {};
-    return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
-  }
-  function getStyleComputedProperty(element, property) {
-    if (element.nodeType !== 1) {
-      return [];
-    }
-    var window = element.ownerDocument.defaultView;
-    var css = window.getComputedStyle(element, null);
-    return property ? css[property] : css;
-  }
-  function getParentNode(element) {
-    if (element.nodeName === 'HTML') {
-      return element;
-    }
-    return element.parentNode || element.host;
-  }
-  function getScrollParent(element) {
-    if (!element) {
-      return document.body;
-    }
-    switch (element.nodeName) {
-      case 'HTML':
-      case 'BODY':
-        return element.ownerDocument.body;
-      case '#document':
-        return element.body;
-    }
-    var _getStyleComputedProp = getStyleComputedProperty(element),
-        overflow = _getStyleComputedProp.overflow,
-        overflowX = _getStyleComputedProp.overflowX,
-        overflowY = _getStyleComputedProp.overflowY;
-    if (/(auto|scroll|overlay)/.test(overflow + overflowY + overflowX)) {
-      return element;
-    }
-    return getScrollParent(getParentNode(element));
-  }
-  function getReferenceNode(reference) {
-    return reference && reference.referenceNode ? reference.referenceNode : reference;
-  }
-  var isIE11 = isBrowser && !!(window.MSInputMethodContext && document.documentMode);
-  var isIE10 = isBrowser && /MSIE 10/.test(navigator.userAgent);
-  function isIE(version) {
-    if (version === 11) {
-      return isIE11;
-    }
-    if (version === 10) {
-      return isIE10;
-    }
-    return isIE11 || isIE10;
-  }
-  function getOffsetParent(element) {
-    if (!element) {
-      return document.documentElement;
-    }
-    var noOffsetParent = isIE(10) ? document.body : null;
-    var offsetParent = element.offsetParent || null;
-    while (offsetParent === noOffsetParent && element.nextElementSibling) {
-      offsetParent = (element = element.nextElementSibling).offsetParent;
-    }
-    var nodeName = offsetParent && offsetParent.nodeName;
-    if (!nodeName || nodeName === 'BODY' || nodeName === 'HTML') {
-      return element ? element.ownerDocument.documentElement : document.documentElement;
-    }
-    if (['TH', 'TD', 'TABLE'].indexOf(offsetParent.nodeName) !== -1 && getStyleComputedProperty(offsetParent, 'position') === 'static') {
-      return getOffsetParent(offsetParent);
-    }
-    return offsetParent;
-  }
-  function isOffsetContainer(element) {
-    var nodeName = element.nodeName;
-    if (nodeName === 'BODY') {
-      return false;
-    }
-    return nodeName === 'HTML' || getOffsetParent(element.firstElementChild) === element;
-  }
-  function getRoot(node) {
-    if (node.parentNode !== null) {
-      return getRoot(node.parentNode);
-    }
-    return node;
-  }
-  function findCommonOffsetParent(element1, element2) {
-    if (!element1 || !element1.nodeType || !element2 || !element2.nodeType) {
-      return document.documentElement;
-    }
-    var order = element1.compareDocumentPosition(element2) & Node.DOCUMENT_POSITION_FOLLOWING;
-    var start = order ? element1 : element2;
-    var end = order ? element2 : element1;
-    var range = document.createRange();
-    range.setStart(start, 0);
-    range.setEnd(end, 0);
-    var commonAncestorContainer = range.commonAncestorContainer;
-    if (element1 !== commonAncestorContainer && element2 !== commonAncestorContainer || start.contains(end)) {
-      if (isOffsetContainer(commonAncestorContainer)) {
-        return commonAncestorContainer;
-      }
-      return getOffsetParent(commonAncestorContainer);
-    }
-    var element1root = getRoot(element1);
-    if (element1root.host) {
-      return findCommonOffsetParent(element1root.host, element2);
-    } else {
-      return findCommonOffsetParent(element1, getRoot(element2).host);
-    }
-  }
-  function getScroll(element) {
-    var side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top';
-    var upperSide = side === 'top' ? 'scrollTop' : 'scrollLeft';
-    var nodeName = element.nodeName;
-    if (nodeName === 'BODY' || nodeName === 'HTML') {
-      var html = element.ownerDocument.documentElement;
-      var scrollingElement = element.ownerDocument.scrollingElement || html;
-      return scrollingElement[upperSide];
-    }
-    return element[upperSide];
-  }
-  function includeScroll(rect, element) {
-    var subtract = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    var scrollTop = getScroll(element, 'top');
-    var scrollLeft = getScroll(element, 'left');
-    var modifier = subtract ? -1 : 1;
-    rect.top += scrollTop * modifier;
-    rect.bottom += scrollTop * modifier;
-    rect.left += scrollLeft * modifier;
-    rect.right += scrollLeft * modifier;
-    return rect;
-  }
-  function getBordersSize(styles, axis) {
-    var sideA = axis === 'x' ? 'Left' : 'Top';
-    var sideB = sideA === 'Left' ? 'Right' : 'Bottom';
-    return parseFloat(styles['border' + sideA + 'Width']) + parseFloat(styles['border' + sideB + 'Width']);
-  }
-  function getSize(axis, body, html, computedStyle) {
-    return Math.max(body['offset' + axis], body['scroll' + axis], html['client' + axis], html['offset' + axis], html['scroll' + axis], isIE(10) ? parseInt(html['offset' + axis]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Top' : 'Left')]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Bottom' : 'Right')]) : 0);
-  }
-  function getWindowSizes(document) {
-    var body = document.body;
-    var html = document.documentElement;
-    var computedStyle = isIE(10) && getComputedStyle(html);
-    return {
-      height: getSize('Height', body, html, computedStyle),
-      width: getSize('Width', body, html, computedStyle)
-    };
-  }
-  var classCallCheck = function (instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-      throw new TypeError("Cannot call a class as a function");
-    }
-  };
-  var createClass = function () {
-    function defineProperties(target, props) {
-      for (var i = 0; i < props.length; i++) {
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-      }
-    }
-    return function (Constructor, protoProps, staticProps) {
-      if (protoProps) defineProperties(Constructor.prototype, protoProps);
-      if (staticProps) defineProperties(Constructor, staticProps);
-      return Constructor;
-    };
-  }();
-  var defineProperty = function (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;
-  };
-  var _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;
-  };
-  function getClientRect(offsets) {
-    return _extends({}, offsets, {
-      right: offsets.left + offsets.width,
-      bottom: offsets.top + offsets.height
-    });
-  }
-  function getBoundingClientRect(element) {
-    var rect = {};
-    try {
-      if (isIE(10)) {
-        rect = element.getBoundingClientRect();
-        var scrollTop = getScroll(element, 'top');
-        var scrollLeft = getScroll(element, 'left');
-        rect.top += scrollTop;
-        rect.left += scrollLeft;
-        rect.bottom += scrollTop;
-        rect.right += scrollLeft;
-      } else {
-        rect = element.getBoundingClientRect();
-      }
-    } catch (e) {}
-    var result = {
-      left: rect.left,
-      top: rect.top,
-      width: rect.right - rect.left,
-      height: rect.bottom - rect.top
-    };
-    var sizes = element.nodeName === 'HTML' ? getWindowSizes(element.ownerDocument) : {};
-    var width = sizes.width || element.clientWidth || result.width;
-    var height = sizes.height || element.clientHeight || result.height;
-    var horizScrollbar = element.offsetWidth - width;
-    var vertScrollbar = element.offsetHeight - height;
-    if (horizScrollbar || vertScrollbar) {
-      var styles = getStyleComputedProperty(element);
-      horizScrollbar -= getBordersSize(styles, 'x');
-      vertScrollbar -= getBordersSize(styles, 'y');
-      result.width -= horizScrollbar;
-      result.height -= vertScrollbar;
-    }
-    return getClientRect(result);
-  }
-  function getOffsetRectRelativeToArbitraryNode(children, parent) {
-    var fixedPosition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    var isIE10 = isIE(10);
-    var isHTML = parent.nodeName === 'HTML';
-    var childrenRect = getBoundingClientRect(children);
-    var parentRect = getBoundingClientRect(parent);
-    var scrollParent = getScrollParent(children);
-    var styles = getStyleComputedProperty(parent);
-    var borderTopWidth = parseFloat(styles.borderTopWidth);
-    var borderLeftWidth = parseFloat(styles.borderLeftWidth);
-    if (fixedPosition && isHTML) {
-      parentRect.top = Math.max(parentRect.top, 0);
-      parentRect.left = Math.max(parentRect.left, 0);
-    }
-    var offsets = getClientRect({
-      top: childrenRect.top - parentRect.top - borderTopWidth,
-      left: childrenRect.left - parentRect.left - borderLeftWidth,
-      width: childrenRect.width,
-      height: childrenRect.height
-    });
-    offsets.marginTop = 0;
-    offsets.marginLeft = 0;
-    if (!isIE10 && isHTML) {
-      var marginTop = parseFloat(styles.marginTop);
-      var marginLeft = parseFloat(styles.marginLeft);
-      offsets.top -= borderTopWidth - marginTop;
-      offsets.bottom -= borderTopWidth - marginTop;
-      offsets.left -= borderLeftWidth - marginLeft;
-      offsets.right -= borderLeftWidth - marginLeft;
-      offsets.marginTop = marginTop;
-      offsets.marginLeft = marginLeft;
-    }
-    if (isIE10 && !fixedPosition ? parent.contains(scrollParent) : parent === scrollParent && scrollParent.nodeName !== 'BODY') {
-      offsets = includeScroll(offsets, parent);
-    }
-    return offsets;
-  }
-  function getViewportOffsetRectRelativeToArtbitraryNode(element) {
-    var excludeScroll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var html = element.ownerDocument.documentElement;
-    var relativeOffset = getOffsetRectRelativeToArbitraryNode(element, html);
-    var width = Math.max(html.clientWidth, window.innerWidth || 0);
-    var height = Math.max(html.clientHeight, window.innerHeight || 0);
-    var scrollTop = !excludeScroll ? getScroll(html) : 0;
-    var scrollLeft = !excludeScroll ? getScroll(html, 'left') : 0;
-    var offset = {
-      top: scrollTop - relativeOffset.top + relativeOffset.marginTop,
-      left: scrollLeft - relativeOffset.left + relativeOffset.marginLeft,
-      width: width,
-      height: height
-    };
-    return getClientRect(offset);
-  }
-  function isFixed(element) {
-    var nodeName = element.nodeName;
-    if (nodeName === 'BODY' || nodeName === 'HTML') {
-      return false;
-    }
-    if (getStyleComputedProperty(element, 'position') === 'fixed') {
-      return true;
-    }
-    var parentNode = getParentNode(element);
-    if (!parentNode) {
-      return false;
-    }
-    return isFixed(parentNode);
-  }
-  function getFixedPositionOffsetParent(element) {
-    if (!element || !element.parentElement || isIE()) {
-      return document.documentElement;
-    }
-    var el = element.parentElement;
-    while (el && getStyleComputedProperty(el, 'transform') === 'none') {
-      el = el.parentElement;
-    }
-    return el || document.documentElement;
-  }
-  function getBoundaries(popper, reference, padding, boundariesElement) {
-    var fixedPosition = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-    var boundaries = { top: 0, left: 0 };
-    var offsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, getReferenceNode(reference));
-    if (boundariesElement === 'viewport') {
-      boundaries = getViewportOffsetRectRelativeToArtbitraryNode(offsetParent, fixedPosition);
-    } else {
-      var boundariesNode = void 0;
-      if (boundariesElement === 'scrollParent') {
-        boundariesNode = getScrollParent(getParentNode(reference));
-        if (boundariesNode.nodeName === 'BODY') {
-          boundariesNode = popper.ownerDocument.documentElement;
-        }
-      } else if (boundariesElement === 'window') {
-        boundariesNode = popper.ownerDocument.documentElement;
-      } else {
-        boundariesNode = boundariesElement;
-      }
-      var offsets = getOffsetRectRelativeToArbitraryNode(boundariesNode, offsetParent, fixedPosition);
-      if (boundariesNode.nodeName === 'HTML' && !isFixed(offsetParent)) {
-        var _getWindowSizes = getWindowSizes(popper.ownerDocument),
-            height = _getWindowSizes.height,
-            width = _getWindowSizes.width;
-        boundaries.top += offsets.top - offsets.marginTop;
-        boundaries.bottom = height + offsets.top;
-        boundaries.left += offsets.left - offsets.marginLeft;
-        boundaries.right = width + offsets.left;
-      } else {
-        boundaries = offsets;
-      }
-    }
-    padding = padding || 0;
-    var isPaddingNumber = typeof padding === 'number';
-    boundaries.left += isPaddingNumber ? padding : padding.left || 0;
-    boundaries.top += isPaddingNumber ? padding : padding.top || 0;
-    boundaries.right -= isPaddingNumber ? padding : padding.right || 0;
-    boundaries.bottom -= isPaddingNumber ? padding : padding.bottom || 0;
-    return boundaries;
-  }
-  function getArea(_ref) {
-    var width = _ref.width,
-        height = _ref.height;
-    return width * height;
-  }
-  function computeAutoPlacement(placement, refRect, popper, reference, boundariesElement) {
-    var padding = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
-    if (placement.indexOf('auto') === -1) {
-      return placement;
-    }
-    var boundaries = getBoundaries(popper, reference, padding, boundariesElement);
-    var rects = {
-      top: {
-        width: boundaries.width,
-        height: refRect.top - boundaries.top
-      },
-      right: {
-        width: boundaries.right - refRect.right,
-        height: boundaries.height
-      },
-      bottom: {
-        width: boundaries.width,
-        height: boundaries.bottom - refRect.bottom
-      },
-      left: {
-        width: refRect.left - boundaries.left,
-        height: boundaries.height
-      }
-    };
-    var sortedAreas = Object.keys(rects).map(function (key) {
-      return _extends({
-        key: key
-      }, rects[key], {
-        area: getArea(rects[key])
-      });
-    }).sort(function (a, b) {
-      return b.area - a.area;
-    });
-    var filteredAreas = sortedAreas.filter(function (_ref2) {
-      var width = _ref2.width,
-          height = _ref2.height;
-      return width >= popper.clientWidth && height >= popper.clientHeight;
-    });
-    var computedPlacement = filteredAreas.length > 0 ? filteredAreas[0].key : sortedAreas[0].key;
-    var variation = placement.split('-')[1];
-    return computedPlacement + (variation ? '-' + variation : '');
-  }
-  function getReferenceOffsets(state, popper, reference) {
-    var fixedPosition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-    var commonOffsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, getReferenceNode(reference));
-    return getOffsetRectRelativeToArbitraryNode(reference, commonOffsetParent, fixedPosition);
-  }
-  function getOuterSizes(element) {
-    var window = element.ownerDocument.defaultView;
-    var styles = window.getComputedStyle(element);
-    var x = parseFloat(styles.marginTop || 0) + parseFloat(styles.marginBottom || 0);
-    var y = parseFloat(styles.marginLeft || 0) + parseFloat(styles.marginRight || 0);
-    var result = {
-      width: element.offsetWidth + y,
-      height: element.offsetHeight + x
-    };
-    return result;
-  }
-  function getOppositePlacement(placement) {
-    var hash = { left: 'right', right: 'left', bottom: 'top', top: 'bottom' };
-    return placement.replace(/left|right|bottom|top/g, function (matched) {
-      return hash[matched];
-    });
-  }
-  function getPopperOffsets(popper, referenceOffsets, placement) {
-    placement = placement.split('-')[0];
-    var popperRect = getOuterSizes(popper);
-    var popperOffsets = {
-      width: popperRect.width,
-      height: popperRect.height
-    };
-    var isHoriz = ['right', 'left'].indexOf(placement) !== -1;
-    var mainSide = isHoriz ? 'top' : 'left';
-    var secondarySide = isHoriz ? 'left' : 'top';
-    var measurement = isHoriz ? 'height' : 'width';
-    var secondaryMeasurement = !isHoriz ? 'height' : 'width';
-    popperOffsets[mainSide] = referenceOffsets[mainSide] + referenceOffsets[measurement] / 2 - popperRect[measurement] / 2;
-    if (placement === secondarySide) {
-      popperOffsets[secondarySide] = referenceOffsets[secondarySide] - popperRect[secondaryMeasurement];
-    } else {
-      popperOffsets[secondarySide] = referenceOffsets[getOppositePlacement(secondarySide)];
-    }
-    return popperOffsets;
-  }
-  function find(arr, check) {
-    if (Array.prototype.find) {
-      return arr.find(check);
-    }
-    return arr.filter(check)[0];
-  }
-  function findIndex(arr, prop, value) {
-    if (Array.prototype.findIndex) {
-      return arr.findIndex(function (cur) {
-        return cur[prop] === value;
-      });
-    }
-    var match = find(arr, function (obj) {
-      return obj[prop] === value;
-    });
-    return arr.indexOf(match);
-  }
-  function runModifiers(modifiers, data, ends) {
-    var modifiersToRun = ends === undefined ? modifiers : modifiers.slice(0, findIndex(modifiers, 'name', ends));
-    modifiersToRun.forEach(function (modifier) {
-      if (modifier['function']) {
-        console.warn('`modifier.function` is deprecated, use `modifier.fn`!');
-      }
-      var fn = modifier['function'] || modifier.fn;
-      if (modifier.enabled && isFunction(fn)) {
-        data.offsets.popper = getClientRect(data.offsets.popper);
-        data.offsets.reference = getClientRect(data.offsets.reference);
-        data = fn(data, modifier);
-      }
-    });
-    return data;
-  }
-  function update() {
-    if (this.state.isDestroyed) {
-      return;
-    }
-    var data = {
-      instance: this,
-      styles: {},
-      arrowStyles: {},
-      attributes: {},
-      flipped: false,
-      offsets: {}
-    };
-    data.offsets.reference = getReferenceOffsets(this.state, this.popper, this.reference, this.options.positionFixed);
-    data.placement = computeAutoPlacement(this.options.placement, data.offsets.reference, this.popper, this.reference, this.options.modifiers.flip.boundariesElement, this.options.modifiers.flip.padding);
-    data.originalPlacement = data.placement;
-    data.positionFixed = this.options.positionFixed;
-    data.offsets.popper = getPopperOffsets(this.popper, data.offsets.reference, data.placement);
-    data.offsets.popper.position = this.options.positionFixed ? 'fixed' : 'absolute';
-    data = runModifiers(this.modifiers, data);
-    if (!this.state.isCreated) {
-      this.state.isCreated = true;
-      this.options.onCreate(data);
-    } else {
-      this.options.onUpdate(data);
-    }
-  }
-  function isModifierEnabled(modifiers, modifierName) {
-    return modifiers.some(function (_ref) {
-      var name = _ref.name,
-          enabled = _ref.enabled;
-      return enabled && name === modifierName;
-    });
-  }
-  function getSupportedPropertyName(property) {
-    var prefixes = [false, 'ms', 'Webkit', 'Moz', 'O'];
-    var upperProp = property.charAt(0).toUpperCase() + property.slice(1);
-    for (var i = 0; i < prefixes.length; i++) {
-      var prefix = prefixes[i];
-      var toCheck = prefix ? '' + prefix + upperProp : property;
-      if (typeof document.body.style[toCheck] !== 'undefined') {
-        return toCheck;
-      }
-    }
-    return null;
-  }
-  function destroy() {
-    this.state.isDestroyed = true;
-    if (isModifierEnabled(this.modifiers, 'applyStyle')) {
-      this.popper.removeAttribute('x-placement');
-      this.popper.style.position = '';
-      this.popper.style.top = '';
-      this.popper.style.left = '';
-      this.popper.style.right = '';
-      this.popper.style.bottom = '';
-      this.popper.style.willChange = '';
-      this.popper.style[getSupportedPropertyName('transform')] = '';
-    }
-    this.disableEventListeners();
-    if (this.options.removeOnDestroy) {
-      this.popper.parentNode.removeChild(this.popper);
-    }
-    return this;
-  }
-  function getWindow(element) {
-    var ownerDocument = element.ownerDocument;
-    return ownerDocument ? ownerDocument.defaultView : window;
-  }
-  function attachToScrollParents(scrollParent, event, callback, scrollParents) {
-    var isBody = scrollParent.nodeName === 'BODY';
-    var target = isBody ? scrollParent.ownerDocument.defaultView : scrollParent;
-    target.addEventListener(event, callback, { passive: true });
-    if (!isBody) {
-      attachToScrollParents(getScrollParent(target.parentNode), event, callback, scrollParents);
-    }
-    scrollParents.push(target);
-  }
-  function setupEventListeners(reference, options, state, updateBound) {
-    state.updateBound = updateBound;
-    getWindow(reference).addEventListener('resize', state.updateBound, { passive: true });
-    var scrollElement = getScrollParent(reference);
-    attachToScrollParents(scrollElement, 'scroll', state.updateBound, state.scrollParents);
-    state.scrollElement = scrollElement;
-    state.eventsEnabled = true;
-    return state;
-  }
-  function enableEventListeners() {
-    if (!this.state.eventsEnabled) {
-      this.state = setupEventListeners(this.reference, this.options, this.state, this.scheduleUpdate);
-    }
-  }
-  function removeEventListeners(reference, state) {
-    getWindow(reference).removeEventListener('resize', state.updateBound);
-    state.scrollParents.forEach(function (target) {
-      target.removeEventListener('scroll', state.updateBound);
-    });
-    state.updateBound = null;
-    state.scrollParents = [];
-    state.scrollElement = null;
-    state.eventsEnabled = false;
-    return state;
-  }
-  function disableEventListeners() {
-    if (this.state.eventsEnabled) {
-      cancelAnimationFrame(this.scheduleUpdate);
-      this.state = removeEventListeners(this.reference, this.state);
-    }
-  }
-  function isNumeric(n) {
-    return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);
-  }
-  function setStyles(element, styles) {
-    Object.keys(styles).forEach(function (prop) {
-      var unit = '';
-      if (['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !== -1 && isNumeric(styles[prop])) {
-        unit = 'px';
-      }
-      element.style[prop] = styles[prop] + unit;
-    });
-  }
-  function setAttributes(element, attributes) {
-    Object.keys(attributes).forEach(function (prop) {
-      var value = attributes[prop];
-      if (value !== false) {
-        element.setAttribute(prop, attributes[prop]);
-      } else {
-        element.removeAttribute(prop);
-      }
-    });
-  }
-  function applyStyle(data) {
-    setStyles(data.instance.popper, data.styles);
-    setAttributes(data.instance.popper, data.attributes);
-    if (data.arrowElement && Object.keys(data.arrowStyles).length) {
-      setStyles(data.arrowElement, data.arrowStyles);
-    }
-    return data;
-  }
-  function applyStyleOnLoad(reference, popper, options, modifierOptions, state) {
-    var referenceOffsets = getReferenceOffsets(state, popper, reference, options.positionFixed);
-    var placement = computeAutoPlacement(options.placement, referenceOffsets, popper, reference, options.modifiers.flip.boundariesElement, options.modifiers.flip.padding);
-    popper.setAttribute('x-placement', placement);
-    setStyles(popper, { position: options.positionFixed ? 'fixed' : 'absolute' });
-    return options;
-  }
-  function getRoundedOffsets(data, shouldRound) {
-    var _data$offsets = data.offsets,
-        popper = _data$offsets.popper,
-        reference = _data$offsets.reference;
-    var round = Math.round,
-        floor = Math.floor;
-    var noRound = function noRound(v) {
-      return v;
-    };
-    var referenceWidth = round(reference.width);
-    var popperWidth = round(popper.width);
-    var isVertical = ['left', 'right'].indexOf(data.placement) !== -1;
-    var isVariation = data.placement.indexOf('-') !== -1;
-    var sameWidthParity = referenceWidth % 2 === popperWidth % 2;
-    var bothOddWidth = referenceWidth % 2 === 1 && popperWidth % 2 === 1;
-    var horizontalToInteger = !shouldRound ? noRound : isVertical || isVariation || sameWidthParity ? round : floor;
-    var verticalToInteger = !shouldRound ? noRound : round;
-    return {
-      left: horizontalToInteger(bothOddWidth && !isVariation && shouldRound ? popper.left - 1 : popper.left),
-      top: verticalToInteger(popper.top),
-      bottom: verticalToInteger(popper.bottom),
-      right: horizontalToInteger(popper.right)
-    };
-  }
-  var isFirefox = isBrowser && /Firefox/i.test(navigator.userAgent);
-  function computeStyle(data, options) {
-    var x = options.x,
-        y = options.y;
-    var popper = data.offsets.popper;
-    var legacyGpuAccelerationOption = find(data.instance.modifiers, function (modifier) {
-      return modifier.name === 'applyStyle';
-    }).gpuAcceleration;
-    if (legacyGpuAccelerationOption !== undefined) {
-      console.warn('WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!');
-    }
-    var gpuAcceleration = legacyGpuAccelerationOption !== undefined ? legacyGpuAccelerationOption : options.gpuAcceleration;
-    var offsetParent = getOffsetParent(data.instance.popper);
-    var offsetParentRect = getBoundingClientRect(offsetParent);
-    var styles = {
-      position: popper.position
-    };
-    var offsets = getRoundedOffsets(data, window.devicePixelRatio < 2 || !isFirefox);
-    var sideA = x === 'bottom' ? 'top' : 'bottom';
-    var sideB = y === 'right' ? 'left' : 'right';
-    var prefixedProperty = getSupportedPropertyName('transform');
-    var left = void 0,
-        top = void 0;
-    if (sideA === 'bottom') {
-      if (offsetParent.nodeName === 'HTML') {
-        top = -offsetParent.clientHeight + offsets.bottom;
-      } else {
-        top = -offsetParentRect.height + offsets.bottom;
-      }
-    } else {
-      top = offsets.top;
-    }
-    if (sideB === 'right') {
-      if (offsetParent.nodeName === 'HTML') {
-        left = -offsetParent.clientWidth + offsets.right;
-      } else {
-        left = -offsetParentRect.width + offsets.right;
-      }
-    } else {
-      left = offsets.left;
-    }
-    if (gpuAcceleration && prefixedProperty) {
-      styles[prefixedProperty] = 'translate3d(' + left + 'px, ' + top + 'px, 0)';
-      styles[sideA] = 0;
-      styles[sideB] = 0;
-      styles.willChange = 'transform';
-    } else {
-      var invertTop = sideA === 'bottom' ? -1 : 1;
-      var invertLeft = sideB === 'right' ? -1 : 1;
-      styles[sideA] = top * invertTop;
-      styles[sideB] = left * invertLeft;
-      styles.willChange = sideA + ', ' + sideB;
-    }
-    var attributes = {
-      'x-placement': data.placement
-    };
-    data.attributes = _extends({}, attributes, data.attributes);
-    data.styles = _extends({}, styles, data.styles);
-    data.arrowStyles = _extends({}, data.offsets.arrow, data.arrowStyles);
-    return data;
-  }
-  function isModifierRequired(modifiers, requestingName, requestedName) {
-    var requesting = find(modifiers, function (_ref) {
-      var name = _ref.name;
-      return name === requestingName;
-    });
-    var isRequired = !!requesting && modifiers.some(function (modifier) {
-      return modifier.name === requestedName && modifier.enabled && modifier.order < requesting.order;
-    });
-    if (!isRequired) {
-      var _requesting = '`' + requestingName + '`';
-      var requested = '`' + requestedName + '`';
-      console.warn(requested + ' modifier is required by ' + _requesting + ' modifier in order to work, be sure to include it before ' + _requesting + '!');
-    }
-    return isRequired;
-  }
-  function arrow(data, options) {
-    var _data$offsets$arrow;
-    if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {
-      return data;
-    }
-    var arrowElement = options.element;
-    if (typeof arrowElement === 'string') {
-      arrowElement = data.instance.popper.querySelector(arrowElement);
-      if (!arrowElement) {
-        return data;
-      }
-    } else {
-      if (!data.instance.popper.contains(arrowElement)) {
-        console.warn('WARNING: `arrow.element` must be child of its popper element!');
-        return data;
-      }
-    }
-    var placement = data.placement.split('-')[0];
-    var _data$offsets = data.offsets,
-        popper = _data$offsets.popper,
-        reference = _data$offsets.reference;
-    var isVertical = ['left', 'right'].indexOf(placement) !== -1;
-    var len = isVertical ? 'height' : 'width';
-    var sideCapitalized = isVertical ? 'Top' : 'Left';
-    var side = sideCapitalized.toLowerCase();
-    var altSide = isVertical ? 'left' : 'top';
-    var opSide = isVertical ? 'bottom' : 'right';
-    var arrowElementSize = getOuterSizes(arrowElement)[len];
-    if (reference[opSide] - arrowElementSize < popper[side]) {
-      data.offsets.popper[side] -= popper[side] - (reference[opSide] - arrowElementSize);
-    }
-    if (reference[side] + arrowElementSize > popper[opSide]) {
-      data.offsets.popper[side] += reference[side] + arrowElementSize - popper[opSide];
-    }
-    data.offsets.popper = getClientRect(data.offsets.popper);
-    var center = reference[side] + reference[len] / 2 - arrowElementSize / 2;
-    var css = getStyleComputedProperty(data.instance.popper);
-    var popperMarginSide = parseFloat(css['margin' + sideCapitalized]);
-    var popperBorderSide = parseFloat(css['border' + sideCapitalized + 'Width']);
-    var sideValue = center - data.offsets.popper[side] - popperMarginSide - popperBorderSide;
-    sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);
-    data.arrowElement = arrowElement;
-    data.offsets.arrow = (_data$offsets$arrow = {}, defineProperty(_data$offsets$arrow, side, Math.round(sideValue)), defineProperty(_data$offsets$arrow, altSide, ''), _data$offsets$arrow);
-    return data;
-  }
-  function getOppositeVariation(variation) {
-    if (variation === 'end') {
-      return 'start';
-    } else if (variation === 'start') {
-      return 'end';
-    }
-    return variation;
-  }
-  var placements = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];
-  var validPlacements = placements.slice(3);
-  function clockwise(placement) {
-    var counter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var index = validPlacements.indexOf(placement);
-    var arr = validPlacements.slice(index + 1).concat(validPlacements.slice(0, index));
-    return counter ? arr.reverse() : arr;
-  }
-  var BEHAVIORS = {
-    FLIP: 'flip',
-    CLOCKWISE: 'clockwise',
-    COUNTERCLOCKWISE: 'counterclockwise'
-  };
-  function flip(data, options) {
-    if (isModifierEnabled(data.instance.modifiers, 'inner')) {
-      return data;
-    }
-    if (data.flipped && data.placement === data.originalPlacement) {
-      return data;
-    }
-    var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, options.boundariesElement, data.positionFixed);
-    var placement = data.placement.split('-')[0];
-    var placementOpposite = getOppositePlacement(placement);
-    var variation = data.placement.split('-')[1] || '';
-    var flipOrder = [];
-    switch (options.behavior) {
-      case BEHAVIORS.FLIP:
-        flipOrder = [placement, placementOpposite];
-        break;
-      case BEHAVIORS.CLOCKWISE:
-        flipOrder = clockwise(placement);
-        break;
-      case BEHAVIORS.COUNTERCLOCKWISE:
-        flipOrder = clockwise(placement, true);
-        break;
-      default:
-        flipOrder = options.behavior;
-    }
-    flipOrder.forEach(function (step, index) {
-      if (placement !== step || flipOrder.length === index + 1) {
-        return data;
-      }
-      placement = data.placement.split('-')[0];
-      placementOpposite = getOppositePlacement(placement);
-      var popperOffsets = data.offsets.popper;
-      var refOffsets = data.offsets.reference;
-      var floor = Math.floor;
-      var overlapsRef = placement === 'left' && floor(popperOffsets.right) > floor(refOffsets.left) || placement === 'right' && floor(popperOffsets.left) < floor(refOffsets.right) || placement === 'top' && floor(popperOffsets.bottom) > floor(refOffsets.top) || placement === 'bottom' && floor(popperOffsets.top) < floor(refOffsets.bottom);
-      var overflowsLeft = floor(popperOffsets.left) < floor(boundaries.left);
-      var overflowsRight = floor(popperOffsets.right) > floor(boundaries.right);
-      var overflowsTop = floor(popperOffsets.top) < floor(boundaries.top);
-      var overflowsBottom = floor(popperOffsets.bottom) > floor(boundaries.bottom);
-      var overflowsBoundaries = placement === 'left' && overflowsLeft || placement === 'right' && overflowsRight || placement === 'top' && overflowsTop || placement === 'bottom' && overflowsBottom;
-      var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
-      var flippedVariationByRef = !!options.flipVariations && (isVertical && variation === 'start' && overflowsLeft || isVertical && variation === 'end' && overflowsRight || !isVertical && variation === 'start' && overflowsTop || !isVertical && variation === 'end' && overflowsBottom);
-      var flippedVariationByContent = !!options.flipVariationsByContent && (isVertical && variation === 'start' && overflowsRight || isVertical && variation === 'end' && overflowsLeft || !isVertical && variation === 'start' && overflowsBottom || !isVertical && variation === 'end' && overflowsTop);
-      var flippedVariation = flippedVariationByRef || flippedVariationByContent;
-      if (overlapsRef || overflowsBoundaries || flippedVariation) {
-        data.flipped = true;
-        if (overlapsRef || overflowsBoundaries) {
-          placement = flipOrder[index + 1];
-        }
-        if (flippedVariation) {
-          variation = getOppositeVariation(variation);
-        }
-        data.placement = placement + (variation ? '-' + variation : '');
-        data.offsets.popper = _extends({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
-        data = runModifiers(data.instance.modifiers, data, 'flip');
-      }
-    });
-    return data;
-  }
-  function keepTogether(data) {
-    var _data$offsets = data.offsets,
-        popper = _data$offsets.popper,
-        reference = _data$offsets.reference;
-    var placement = data.placement.split('-')[0];
-    var floor = Math.floor;
-    var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
-    var side = isVertical ? 'right' : 'bottom';
-    var opSide = isVertical ? 'left' : 'top';
-    var measurement = isVertical ? 'width' : 'height';
-    if (popper[side] < floor(reference[opSide])) {
-      data.offsets.popper[opSide] = floor(reference[opSide]) - popper[measurement];
-    }
-    if (popper[opSide] > floor(reference[side])) {
-      data.offsets.popper[opSide] = floor(reference[side]);
-    }
-    return data;
-  }
-  function toValue(str, measurement, popperOffsets, referenceOffsets) {
-    var split = str.match(/((?:\-|\+)?\d*\.?\d*)(.*)/);
-    var value = +split[1];
-    var unit = split[2];
-    if (!value) {
-      return str;
-    }
-    if (unit.indexOf('%') === 0) {
-      var element = void 0;
-      switch (unit) {
-        case '%p':
-          element = popperOffsets;
-          break;
-        case '%':
-        case '%r':
-        default:
-          element = referenceOffsets;
-      }
-      var rect = getClientRect(element);
-      return rect[measurement] / 100 * value;
-    } else if (unit === 'vh' || unit === 'vw') {
-      var size = void 0;
-      if (unit === 'vh') {
-        size = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
-      } else {
-        size = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
-      }
-      return size / 100 * value;
-    } else {
-      return value;
-    }
-  }
-  function parseOffset(offset, popperOffsets, referenceOffsets, basePlacement) {
-    var offsets = [0, 0];
-    var useHeight = ['right', 'left'].indexOf(basePlacement) !== -1;
-    var fragments = offset.split(/(\+|\-)/).map(function (frag) {
-      return frag.trim();
-    });
-    var divider = fragments.indexOf(find(fragments, function (frag) {
-      return frag.search(/,|\s/) !== -1;
-    }));
-    if (fragments[divider] && fragments[divider].indexOf(',') === -1) {
-      console.warn('Offsets separated by white space(s) are deprecated, use a comma (,) instead.');
-    }
-    var splitRegex = /\s*,\s*|\s+/;
-    var ops = divider !== -1 ? [fragments.slice(0, divider).concat([fragments[divider].split(splitRegex)[0]]), [fragments[divider].split(splitRegex)[1]].concat(fragments.slice(divider + 1))] : [fragments];
-    ops = ops.map(function (op, index) {
-      var measurement = (index === 1 ? !useHeight : useHeight) ? 'height' : 'width';
-      var mergeWithPrevious = false;
-      return op
-      .reduce(function (a, b) {
-        if (a[a.length - 1] === '' && ['+', '-'].indexOf(b) !== -1) {
-          a[a.length - 1] = b;
-          mergeWithPrevious = true;
-          return a;
-        } else if (mergeWithPrevious) {
-          a[a.length - 1] += b;
-          mergeWithPrevious = false;
-          return a;
-        } else {
-          return a.concat(b);
-        }
-      }, [])
-      .map(function (str) {
-        return toValue(str, measurement, popperOffsets, referenceOffsets);
-      });
-    });
-    ops.forEach(function (op, index) {
-      op.forEach(function (frag, index2) {
-        if (isNumeric(frag)) {
-          offsets[index] += frag * (op[index2 - 1] === '-' ? -1 : 1);
-        }
-      });
-    });
-    return offsets;
-  }
-  function offset(data, _ref) {
-    var offset = _ref.offset;
-    var placement = data.placement,
-        _data$offsets = data.offsets,
-        popper = _data$offsets.popper,
-        reference = _data$offsets.reference;
-    var basePlacement = placement.split('-')[0];
-    var offsets = void 0;
-    if (isNumeric(+offset)) {
-      offsets = [+offset, 0];
-    } else {
-      offsets = parseOffset(offset, popper, reference, basePlacement);
-    }
-    if (basePlacement === 'left') {
-      popper.top += offsets[0];
-      popper.left -= offsets[1];
-    } else if (basePlacement === 'right') {
-      popper.top += offsets[0];
-      popper.left += offsets[1];
-    } else if (basePlacement === 'top') {
-      popper.left += offsets[0];
-      popper.top -= offsets[1];
-    } else if (basePlacement === 'bottom') {
-      popper.left += offsets[0];
-      popper.top += offsets[1];
-    }
-    data.popper = popper;
-    return data;
-  }
-  function preventOverflow(data, options) {
-    var boundariesElement = options.boundariesElement || getOffsetParent(data.instance.popper);
-    if (data.instance.reference === boundariesElement) {
-      boundariesElement = getOffsetParent(boundariesElement);
-    }
-    var transformProp = getSupportedPropertyName('transform');
-    var popperStyles = data.instance.popper.style;
-    var top = popperStyles.top,
-        left = popperStyles.left,
-        transform = popperStyles[transformProp];
-    popperStyles.top = '';
-    popperStyles.left = '';
-    popperStyles[transformProp] = '';
-    var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, boundariesElement, data.positionFixed);
-    popperStyles.top = top;
-    popperStyles.left = left;
-    popperStyles[transformProp] = transform;
-    options.boundaries = boundaries;
-    var order = options.priority;
-    var popper = data.offsets.popper;
-    var check = {
-      primary: function primary(placement) {
-        var value = popper[placement];
-        if (popper[placement] < boundaries[placement] && !options.escapeWithReference) {
-          value = Math.max(popper[placement], boundaries[placement]);
-        }
-        return defineProperty({}, placement, value);
-      },
-      secondary: function secondary(placement) {
-        var mainSide = placement === 'right' ? 'left' : 'top';
-        var value = popper[mainSide];
-        if (popper[placement] > boundaries[placement] && !options.escapeWithReference) {
-          value = Math.min(popper[mainSide], boundaries[placement] - (placement === 'right' ? popper.width : popper.height));
-        }
-        return defineProperty({}, mainSide, value);
-      }
-    };
-    order.forEach(function (placement) {
-      var side = ['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';
-      popper = _extends({}, popper, check[side](placement));
-    });
-    data.offsets.popper = popper;
-    return data;
-  }
-  function shift(data) {
-    var placement = data.placement;
-    var basePlacement = placement.split('-')[0];
-    var shiftvariation = placement.split('-')[1];
-    if (shiftvariation) {
-      var _data$offsets = data.offsets,
-          reference = _data$offsets.reference,
-          popper = _data$offsets.popper;
-      var isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;
-      var side = isVertical ? 'left' : 'top';
-      var measurement = isVertical ? 'width' : 'height';
-      var shiftOffsets = {
-        start: defineProperty({}, side, reference[side]),
-        end: defineProperty({}, side, reference[side] + reference[measurement] - popper[measurement])
-      };
-      data.offsets.popper = _extends({}, popper, shiftOffsets[shiftvariation]);
-    }
-    return data;
-  }
-  function hide(data) {
-    if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {
-      return data;
-    }
-    var refRect = data.offsets.reference;
-    var bound = find(data.instance.modifiers, function (modifier) {
-      return modifier.name === 'preventOverflow';
-    }).boundaries;
-    if (refRect.bottom < bound.top || refRect.left > bound.right || refRect.top > bound.bottom || refRect.right < bound.left) {
-      if (data.hide === true) {
-        return data;
-      }
-      data.hide = true;
-      data.attributes['x-out-of-boundaries'] = '';
-    } else {
-      if (data.hide === false) {
-        return data;
-      }
-      data.hide = false;
-      data.attributes['x-out-of-boundaries'] = false;
-    }
-    return data;
-  }
-  function inner(data) {
-    var placement = data.placement;
-    var basePlacement = placement.split('-')[0];
-    var _data$offsets = data.offsets,
-        popper = _data$offsets.popper,
-        reference = _data$offsets.reference;
-    var isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;
-    var subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;
-    popper[isHoriz ? 'left' : 'top'] = reference[basePlacement] - (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);
-    data.placement = getOppositePlacement(placement);
-    data.offsets.popper = getClientRect(popper);
-    return data;
-  }
-  var modifiers = {
-    shift: {
-      order: 100,
-      enabled: true,
-      fn: shift
-    },
-    offset: {
-      order: 200,
-      enabled: true,
-      fn: offset,
-      offset: 0
-    },
-    preventOverflow: {
-      order: 300,
-      enabled: true,
-      fn: preventOverflow,
-      priority: ['left', 'right', 'top', 'bottom'],
-      padding: 5,
-      boundariesElement: 'scrollParent'
-    },
-    keepTogether: {
-      order: 400,
-      enabled: true,
-      fn: keepTogether
-    },
-    arrow: {
-      order: 500,
-      enabled: true,
-      fn: arrow,
-      element: '[x-arrow]'
-    },
-    flip: {
-      order: 600,
-      enabled: true,
-      fn: flip,
-      behavior: 'flip',
-      padding: 5,
-      boundariesElement: 'viewport',
-      flipVariations: false,
-      flipVariationsByContent: false
-    },
-    inner: {
-      order: 700,
-      enabled: false,
-      fn: inner
-    },
-    hide: {
-      order: 800,
-      enabled: true,
-      fn: hide
-    },
-    computeStyle: {
-      order: 850,
-      enabled: true,
-      fn: computeStyle,
-      gpuAcceleration: true,
-      x: 'bottom',
-      y: 'right'
-    },
-    applyStyle: {
-      order: 900,
-      enabled: true,
-      fn: applyStyle,
-      onLoad: applyStyleOnLoad,
-      gpuAcceleration: undefined
-    }
-  };
-  var Defaults = {
-    placement: 'bottom',
-    positionFixed: false,
-    eventsEnabled: true,
-    removeOnDestroy: false,
-    onCreate: function onCreate() {},
-    onUpdate: function onUpdate() {},
-    modifiers: modifiers
-  };
-  var Popper = function () {
-    function Popper(reference, popper) {
-      var _this = this;
-      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      classCallCheck(this, Popper);
-      this.scheduleUpdate = function () {
-        return requestAnimationFrame(_this.update);
-      };
-      this.update = debounce(this.update.bind(this));
-      this.options = _extends({}, Popper.Defaults, options);
-      this.state = {
-        isDestroyed: false,
-        isCreated: false,
-        scrollParents: []
-      };
-      this.reference = reference && reference.jquery ? reference[0] : reference;
-      this.popper = popper && popper.jquery ? popper[0] : popper;
-      this.options.modifiers = {};
-      Object.keys(_extends({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {
-        _this.options.modifiers[name] = _extends({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
-      });
-      this.modifiers = Object.keys(this.options.modifiers).map(function (name) {
-        return _extends({
-          name: name
-        }, _this.options.modifiers[name]);
-      })
-      .sort(function (a, b) {
-        return a.order - b.order;
-      });
-      this.modifiers.forEach(function (modifierOptions) {
-        if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {
-          modifierOptions.onLoad(_this.reference, _this.popper, _this.options, modifierOptions, _this.state);
-        }
-      });
-      this.update();
-      var eventsEnabled = this.options.eventsEnabled;
-      if (eventsEnabled) {
-        this.enableEventListeners();
-      }
-      this.state.eventsEnabled = eventsEnabled;
-    }
-    createClass(Popper, [{
-      key: 'update',
-      value: function update$$1() {
-        return update.call(this);
-      }
-    }, {
-      key: 'destroy',
-      value: function destroy$$1() {
-        return destroy.call(this);
-      }
-    }, {
-      key: 'enableEventListeners',
-      value: function enableEventListeners$$1() {
-        return enableEventListeners.call(this);
-      }
-    }, {
-      key: 'disableEventListeners',
-      value: function disableEventListeners$$1() {
-        return disableEventListeners.call(this);
-      }
-    }]);
-    return Popper;
-  }();
-  Popper.Utils = (typeof window !== 'undefined' ? window : global).PopperUtils;
-  Popper.placements = placements;
-  Popper.Defaults = Defaults;
+	var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-  /*!
-    * Bootstrap v5.0.0-alpha2 (https://getbootstrap.com/)
-    * Copyright 2011-2020 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
-    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
-    */
-  function _defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
-    }
-  }
-  function _createClass(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
-    return Constructor;
-  }
-  function _extends$1() {
-    _extends$1 = 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$1.apply(this, arguments);
-  }
-  function _inheritsLoose(subClass, superClass) {
-    subClass.prototype = Object.create(superClass.prototype);
-    subClass.prototype.constructor = subClass;
-    subClass.__proto__ = superClass;
-  }
-  var MAX_UID = 1000000;
-  var MILLISECONDS_MULTIPLIER = 1000;
-  var TRANSITION_END = 'transitionend';
-  var toType = function toType(obj) {
-    if (obj === null || obj === undefined) {
-      return "" + obj;
-    }
-    return {}.toString.call(obj).match(/\s([a-z]+)/i)[1].toLowerCase();
-  };
-  var getUID = function getUID(prefix) {
-    do {
-      prefix += Math.floor(Math.random() * MAX_UID);
-    } while (document.getElementById(prefix));
-    return prefix;
-  };
-  var getSelector = function getSelector(element) {
-    var selector = element.getAttribute('data-target');
-    if (!selector || selector === '#') {
-      var hrefAttr = element.getAttribute('href');
-      selector = hrefAttr && hrefAttr !== '#' ? hrefAttr.trim() : null;
-    }
-    return selector;
-  };
-  var getSelectorFromElement = function getSelectorFromElement(element) {
-    var selector = getSelector(element);
-    if (selector) {
-      return document.querySelector(selector) ? selector : null;
-    }
-    return null;
-  };
-  var getElementFromSelector = function getElementFromSelector(element) {
-    var selector = getSelector(element);
-    return selector ? document.querySelector(selector) : null;
-  };
-  var getTransitionDurationFromElement = function getTransitionDurationFromElement(element) {
-    if (!element) {
-      return 0;
-    }
-    var _window$getComputedSt = window.getComputedStyle(element),
-        transitionDuration = _window$getComputedSt.transitionDuration,
-        transitionDelay = _window$getComputedSt.transitionDelay;
-    var floatTransitionDuration = parseFloat(transitionDuration);
-    var floatTransitionDelay = parseFloat(transitionDelay);
-    if (!floatTransitionDuration && !floatTransitionDelay) {
-      return 0;
-    }
-    transitionDuration = transitionDuration.split(',')[0];
-    transitionDelay = transitionDelay.split(',')[0];
-    return (parseFloat(transitionDuration) + parseFloat(transitionDelay)) * MILLISECONDS_MULTIPLIER;
-  };
-  var triggerTransitionEnd = function triggerTransitionEnd(element) {
-    element.dispatchEvent(new Event(TRANSITION_END));
-  };
-  var isElement = function isElement(obj) {
-    return (obj[0] || obj).nodeType;
-  };
-  var emulateTransitionEnd = function emulateTransitionEnd(element, duration) {
-    var called = false;
-    var durationPadding = 5;
-    var emulatedDuration = duration + durationPadding;
-    function listener() {
-      called = true;
-      element.removeEventListener(TRANSITION_END, listener);
-    }
-    element.addEventListener(TRANSITION_END, listener);
-    setTimeout(function () {
-      if (!called) {
-        triggerTransitionEnd(element);
-      }
-    }, emulatedDuration);
-  };
-  var typeCheckConfig = function typeCheckConfig(componentName, config, configTypes) {
-    Object.keys(configTypes).forEach(function (property) {
-      var expectedTypes = configTypes[property];
-      var value = config[property];
-      var valueType = value && isElement(value) ? 'element' : toType(value);
-      if (!new RegExp(expectedTypes).test(valueType)) {
-        throw new Error(componentName.toUpperCase() + ": " + ("Option \"" + property + "\" provided type \"" + valueType + "\" ") + ("but expected type \"" + expectedTypes + "\"."));
-      }
-    });
-  };
-  var isVisible = function isVisible(element) {
-    if (!element) {
-      return false;
-    }
-    if (element.style && element.parentNode && element.parentNode.style) {
-      var elementStyle = getComputedStyle(element);
-      var parentNodeStyle = getComputedStyle(element.parentNode);
-      return elementStyle.display !== 'none' && parentNodeStyle.display !== 'none' && elementStyle.visibility !== 'hidden';
-    }
-    return false;
-  };
-  var findShadowRoot = function findShadowRoot(element) {
-    if (!document.documentElement.attachShadow) {
-      return null;
-    }
-    if (typeof element.getRootNode === 'function') {
-      var root = element.getRootNode();
-      return root instanceof ShadowRoot ? root : null;
-    }
-    if (element instanceof ShadowRoot) {
-      return element;
-    }
-    if (!element.parentNode) {
-      return null;
-    }
-    return findShadowRoot(element.parentNode);
-  };
-  var noop = function noop() {
-    return function () {};
-  };
-  var reflow = function reflow(element) {
-    return element.offsetHeight;
-  };
-  var getjQuery = function getjQuery() {
-    var _window = window,
-        jQuery = _window.jQuery;
-    if (jQuery && !document.body.hasAttribute('data-no-jquery')) {
-      return jQuery;
-    }
-    return null;
-  };
-  var mapData = function () {
-    var storeData = {};
-    var id = 1;
-    return {
-      set: function set(element, key, data) {
-        if (typeof element.bsKey === 'undefined') {
-          element.bsKey = {
-            key: key,
-            id: id
-          };
-          id++;
-        }
-        storeData[element.bsKey.id] = data;
-      },
-      get: function get(element, key) {
-        if (!element || typeof element.bsKey === 'undefined') {
-          return null;
-        }
-        var keyProperties = element.bsKey;
-        if (keyProperties.key === key) {
-          return storeData[keyProperties.id];
-        }
-        return null;
-      },
-      delete: function _delete(element, key) {
-        if (typeof element.bsKey === 'undefined') {
-          return;
-        }
-        var keyProperties = element.bsKey;
-        if (keyProperties.key === key) {
-          delete storeData[keyProperties.id];
-          delete element.bsKey;
-        }
-      }
-    };
-  }();
-  var Data = {
-    setData: function setData(instance, key, data) {
-      mapData.set(instance, key, data);
-    },
-    getData: function getData(instance, key) {
-      return mapData.get(instance, key);
-    },
-    removeData: function removeData(instance, key) {
-      mapData.delete(instance, key);
-    }
-  };
-  var find$1 = Element.prototype.querySelectorAll;
-  var findOne = Element.prototype.querySelector;
-  var defaultPreventedPreservedOnDispatch = function () {
-    var e = new CustomEvent('Bootstrap', {
-      cancelable: true
-    });
-    var element = document.createElement('div');
-    element.addEventListener('Bootstrap', function () {
-      return null;
-    });
-    e.preventDefault();
-    element.dispatchEvent(e);
-    return e.defaultPrevented;
-  }();
-  var scopeSelectorRegex = /:scope\b/;
-  var supportScopeQuery = function () {
-    var element = document.createElement('div');
-    try {
-      element.querySelectorAll(':scope *');
-    } catch (_) {
-      return false;
-    }
-    return true;
-  }();
-  if (!supportScopeQuery) {
-    find$1 = function find(selector) {
-      if (!scopeSelectorRegex.test(selector)) {
-        return this.querySelectorAll(selector);
-      }
-      var hasId = Boolean(this.id);
-      if (!hasId) {
-        this.id = getUID('scope');
-      }
-      var nodeList = null;
-      try {
-        selector = selector.replace(scopeSelectorRegex, "#" + this.id);
-        nodeList = this.querySelectorAll(selector);
-      } finally {
-        if (!hasId) {
-          this.removeAttribute('id');
-        }
-      }
-      return nodeList;
-    };
-    findOne = function findOne(selector) {
-      if (!scopeSelectorRegex.test(selector)) {
-        return this.querySelector(selector);
-      }
-      var matches = find$1.call(this, selector);
-      if (typeof matches[0] !== 'undefined') {
-        return matches[0];
-      }
-      return null;
-    };
-  }
-  var $ = getjQuery();
-  var namespaceRegex = /[^.]*(?=\..*)\.|.*/;
-  var stripNameRegex = /\..*/;
-  var stripUidRegex = /::\d+$/;
-  var eventRegistry = {};
-  var uidEvent = 1;
-  var customEvents = {
-    mouseenter: 'mouseover',
-    mouseleave: 'mouseout'
-  };
-  var nativeEvents = ['click', 'dblclick', 'mouseup', 'mousedown', 'contextmenu', 'mousewheel', 'DOMMouseScroll', 'mouseover', 'mouseout', 'mousemove', 'selectstart', 'selectend', 'keydown', 'keypress', 'keyup', 'orientationchange', 'touchstart', 'touchmove', 'touchend', 'touchcancel', 'pointerdown', 'pointermove', 'pointerup', 'pointerleave', 'pointercancel', 'gesturestart', 'gesturechange', 'gestureend', 'focus', 'blur', 'change', 'reset', 'select', 'submit', 'focusin', 'focusout', 'load', 'unload', 'beforeunload', 'resize', 'move', 'DOMContentLoaded', 'readystatechange', 'error', 'abort', 'scroll'];
-  function getUidEvent(element, uid) {
-    return uid && uid + "::" + uidEvent++ || element.uidEvent || uidEvent++;
-  }
-  function getEvent(element) {
-    var uid = getUidEvent(element);
-    element.uidEvent = uid;
-    eventRegistry[uid] = eventRegistry[uid] || {};
-    return eventRegistry[uid];
-  }
-  function bootstrapHandler(element, fn) {
-    return function handler(event) {
-      event.delegateTarget = element;
-      if (handler.oneOff) {
-        EventHandler.off(element, event.type, fn);
-      }
-      return fn.apply(element, [event]);
-    };
-  }
-  function bootstrapDelegationHandler(element, selector, fn) {
-    return function handler(event) {
-      var domElements = element.querySelectorAll(selector);
-      for (var target = event.target; target && target !== this; target = target.parentNode) {
-        for (var i = domElements.length; i--;) {
-          if (domElements[i] === target) {
-            event.delegateTarget = target;
-            if (handler.oneOff) {
-              EventHandler.off(element, event.type, fn);
-            }
-            return fn.apply(target, [event]);
-          }
-        }
-      }
-      return null;
-    };
-  }
-  function findHandler(events, handler, delegationSelector) {
-    if (delegationSelector === void 0) {
-      delegationSelector = null;
-    }
-    var uidEventList = Object.keys(events);
-    for (var i = 0, len = uidEventList.length; i < len; i++) {
-      var event = events[uidEventList[i]];
-      if (event.originalHandler === handler && event.delegationSelector === delegationSelector) {
-        return event;
-      }
-    }
-    return null;
-  }
-  function normalizeParams(originalTypeEvent, handler, delegationFn) {
-    var delegation = typeof handler === 'string';
-    var originalHandler = delegation ? delegationFn : handler;
-    var typeEvent = originalTypeEvent.replace(stripNameRegex, '');
-    var custom = customEvents[typeEvent];
-    if (custom) {
-      typeEvent = custom;
-    }
-    var isNative = nativeEvents.indexOf(typeEvent) > -1;
-    if (!isNative) {
-      typeEvent = originalTypeEvent;
-    }
-    return [delegation, originalHandler, typeEvent];
-  }
-  function addHandler(element, originalTypeEvent, handler, delegationFn, oneOff) {
-    if (typeof originalTypeEvent !== 'string' || !element) {
-      return;
-    }
-    if (!handler) {
-      handler = delegationFn;
-      delegationFn = null;
-    }
-    var _normalizeParams = normalizeParams(originalTypeEvent, handler, delegationFn),
-        delegation = _normalizeParams[0],
-        originalHandler = _normalizeParams[1],
-        typeEvent = _normalizeParams[2];
-    var events = getEvent(element);
-    var handlers = events[typeEvent] || (events[typeEvent] = {});
-    var previousFn = findHandler(handlers, originalHandler, delegation ? handler : null);
-    if (previousFn) {
-      previousFn.oneOff = previousFn.oneOff && oneOff;
-      return;
-    }
-    var uid = getUidEvent(originalHandler, originalTypeEvent.replace(namespaceRegex, ''));
-    var fn = delegation ? bootstrapDelegationHandler(element, handler, delegationFn) : bootstrapHandler(element, handler);
-    fn.delegationSelector = delegation ? handler : null;
-    fn.originalHandler = originalHandler;
-    fn.oneOff = oneOff;
-    fn.uidEvent = uid;
-    handlers[uid] = fn;
-    element.addEventListener(typeEvent, fn, delegation);
-  }
-  function removeHandler(element, events, typeEvent, handler, delegationSelector) {
-    var fn = findHandler(events[typeEvent], handler, delegationSelector);
-    if (!fn) {
-      return;
-    }
-    element.removeEventListener(typeEvent, fn, Boolean(delegationSelector));
-    delete events[typeEvent][fn.uidEvent];
-  }
-  function removeNamespacedHandlers(element, events, typeEvent, namespace) {
-    var storeElementEvent = events[typeEvent] || {};
-    Object.keys(storeElementEvent).forEach(function (handlerKey) {
-      if (handlerKey.indexOf(namespace) > -1) {
-        var event = storeElementEvent[handlerKey];
-        removeHandler(element, events, typeEvent, event.originalHandler, event.delegationSelector);
-      }
-    });
-  }
-  var EventHandler = {
-    on: function on(element, event, handler, delegationFn) {
-      addHandler(element, event, handler, delegationFn, false);
-    },
-    one: function one(element, event, handler, delegationFn) {
-      addHandler(element, event, handler, delegationFn, true);
-    },
-    off: function off(element, originalTypeEvent, handler, delegationFn) {
-      if (typeof originalTypeEvent !== 'string' || !element) {
-        return;
-      }
-      var _normalizeParams2 = normalizeParams(originalTypeEvent, handler, delegationFn),
-          delegation = _normalizeParams2[0],
-          originalHandler = _normalizeParams2[1],
-          typeEvent = _normalizeParams2[2];
-      var inNamespace = typeEvent !== originalTypeEvent;
-      var events = getEvent(element);
-      var isNamespace = originalTypeEvent.charAt(0) === '.';
-      if (typeof originalHandler !== 'undefined') {
-        if (!events || !events[typeEvent]) {
-          return;
-        }
-        removeHandler(element, events, typeEvent, originalHandler, delegation ? handler : null);
-        return;
-      }
-      if (isNamespace) {
-        Object.keys(events).forEach(function (elementEvent) {
-          removeNamespacedHandlers(element, events, elementEvent, originalTypeEvent.slice(1));
-        });
-      }
-      var storeElementEvent = events[typeEvent] || {};
-      Object.keys(storeElementEvent).forEach(function (keyHandlers) {
-        var handlerKey = keyHandlers.replace(stripUidRegex, '');
-        if (!inNamespace || originalTypeEvent.indexOf(handlerKey) > -1) {
-          var event = storeElementEvent[keyHandlers];
-          removeHandler(element, events, typeEvent, event.originalHandler, event.delegationSelector);
-        }
-      });
-    },
-    trigger: function trigger(element, event, args) {
-      if (typeof event !== 'string' || !element) {
-        return null;
-      }
-      var typeEvent = event.replace(stripNameRegex, '');
-      var inNamespace = event !== typeEvent;
-      var isNative = nativeEvents.indexOf(typeEvent) > -1;
-      var jQueryEvent;
-      var bubbles = true;
-      var nativeDispatch = true;
-      var defaultPrevented = false;
-      var evt = null;
-      if (inNamespace && $) {
-        jQueryEvent = $.Event(event, args);
-        $(element).trigger(jQueryEvent);
-        bubbles = !jQueryEvent.isPropagationStopped();
-        nativeDispatch = !jQueryEvent.isImmediatePropagationStopped();
-        defaultPrevented = jQueryEvent.isDefaultPrevented();
-      }
-      if (isNative) {
-        evt = document.createEvent('HTMLEvents');
-        evt.initEvent(typeEvent, bubbles, true);
-      } else {
-        evt = new CustomEvent(event, {
-          bubbles: bubbles,
-          cancelable: true
-        });
-      }
-      if (typeof args !== 'undefined') {
-        Object.keys(args).forEach(function (key) {
-          Object.defineProperty(evt, key, {
-            get: function get() {
-              return args[key];
-            }
-          });
-        });
-      }
-      if (defaultPrevented) {
-        evt.preventDefault();
-        if (!defaultPreventedPreservedOnDispatch) {
-          Object.defineProperty(evt, 'defaultPrevented', {
-            get: function get() {
-              return true;
-            }
-          });
-        }
-      }
-      if (nativeDispatch) {
-        element.dispatchEvent(evt);
-      }
-      if (evt.defaultPrevented && typeof jQueryEvent !== 'undefined') {
-        jQueryEvent.preventDefault();
-      }
-      return evt;
-    }
-  };
-  var NAME = 'alert';
-  var VERSION = '5.0.0-alpha2';
-  var DATA_KEY = 'bs.alert';
-  var EVENT_KEY = "." + DATA_KEY;
-  var DATA_API_KEY = '.data-api';
-  var SELECTOR_DISMISS = '[data-dismiss="alert"]';
-  var EVENT_CLOSE = "close" + EVENT_KEY;
-  var EVENT_CLOSED = "closed" + EVENT_KEY;
-  var EVENT_CLICK_DATA_API = "click" + EVENT_KEY + DATA_API_KEY;
-  var CLASSNAME_ALERT = 'alert';
-  var CLASSNAME_FADE = 'fade';
-  var CLASSNAME_SHOW = 'show';
-  var Alert = function () {
-    function Alert(element) {
-      this._element = element;
-      if (this._element) {
-        Data.setData(element, DATA_KEY, this);
-      }
-    }
-    var _proto = Alert.prototype;
-    _proto.close = function close(element) {
-      var rootElement = element ? this._getRootElement(element) : this._element;
-      var customEvent = this._triggerCloseEvent(rootElement);
-      if (customEvent === null || customEvent.defaultPrevented) {
-        return;
-      }
-      this._removeElement(rootElement);
-    };
-    _proto.dispose = function dispose() {
-      Data.removeData(this._element, DATA_KEY);
-      this._element = null;
-    }
-    ;
-    _proto._getRootElement = function _getRootElement(element) {
-      return getElementFromSelector(element) || element.closest("." + CLASSNAME_ALERT);
-    };
-    _proto._triggerCloseEvent = function _triggerCloseEvent(element) {
-      return EventHandler.trigger(element, EVENT_CLOSE);
-    };
-    _proto._removeElement = function _removeElement(element) {
-      var _this = this;
-      element.classList.remove(CLASSNAME_SHOW);
-      if (!element.classList.contains(CLASSNAME_FADE)) {
-        this._destroyElement(element);
-        return;
-      }
-      var transitionDuration = getTransitionDurationFromElement(element);
-      EventHandler.one(element, TRANSITION_END, function () {
-        return _this._destroyElement(element);
-      });
-      emulateTransitionEnd(element, transitionDuration);
-    };
-    _proto._destroyElement = function _destroyElement(element) {
-      if (element.parentNode) {
-        element.parentNode.removeChild(element);
-      }
-      EventHandler.trigger(element, EVENT_CLOSED);
-    }
-    ;
-    Alert.jQueryInterface = function jQueryInterface(config) {
-      return this.each(function () {
-        var data = Data.getData(this, DATA_KEY);
-        if (!data) {
-          data = new Alert(this);
-        }
-        if (config === 'close') {
-          data[config](this);
-        }
-      });
-    };
-    Alert.handleDismiss = function handleDismiss(alertInstance) {
-      return function (event) {
-        if (event) {
-          event.preventDefault();
-        }
-        alertInstance.close(this);
-      };
-    };
-    Alert.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY);
-    };
-    _createClass(Alert, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION;
-      }
-    }]);
-    return Alert;
-  }();
-  EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DISMISS, Alert.handleDismiss(new Alert()));
-  var $$1 = getjQuery();
-  if ($$1) {
-    var JQUERY_NO_CONFLICT = $$1.fn[NAME];
-    $$1.fn[NAME] = Alert.jQueryInterface;
-    $$1.fn[NAME].Constructor = Alert;
-    $$1.fn[NAME].noConflict = function () {
-      $$1.fn[NAME] = JQUERY_NO_CONFLICT;
-      return Alert.jQueryInterface;
-    };
-  }
-  var NAME$1 = 'button';
-  var VERSION$1 = '5.0.0-alpha2';
-  var DATA_KEY$1 = 'bs.button';
-  var EVENT_KEY$1 = "." + DATA_KEY$1;
-  var DATA_API_KEY$1 = '.data-api';
-  var CLASS_NAME_ACTIVE = 'active';
-  var SELECTOR_DATA_TOGGLE = '[data-toggle="button"]';
-  var EVENT_CLICK_DATA_API$1 = "click" + EVENT_KEY$1 + DATA_API_KEY$1;
-  var Button = function () {
-    function Button(element) {
-      this._element = element;
-      Data.setData(element, DATA_KEY$1, this);
-    }
-    var _proto = Button.prototype;
-    _proto.toggle = function toggle() {
-      this._element.setAttribute('aria-pressed', this._element.classList.toggle(CLASS_NAME_ACTIVE));
-    };
-    _proto.dispose = function dispose() {
-      Data.removeData(this._element, DATA_KEY$1);
-      this._element = null;
-    }
-    ;
-    Button.jQueryInterface = function jQueryInterface(config) {
-      return this.each(function () {
-        var data = Data.getData(this, DATA_KEY$1);
-        if (!data) {
-          data = new Button(this);
-        }
-        if (config === 'toggle') {
-          data[config]();
-        }
-      });
-    };
-    Button.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY$1);
-    };
-    _createClass(Button, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION$1;
-      }
-    }]);
-    return Button;
-  }();
-  EventHandler.on(document, EVENT_CLICK_DATA_API$1, SELECTOR_DATA_TOGGLE, function (event) {
-    event.preventDefault();
-    var button = event.target.closest(SELECTOR_DATA_TOGGLE);
-    var data = Data.getData(button, DATA_KEY$1);
-    if (!data) {
-      data = new Button(button);
-    }
-    data.toggle();
-  });
-  var $$2 = getjQuery();
-  if ($$2) {
-    var JQUERY_NO_CONFLICT$1 = $$2.fn[NAME$1];
-    $$2.fn[NAME$1] = Button.jQueryInterface;
-    $$2.fn[NAME$1].Constructor = Button;
-    $$2.fn[NAME$1].noConflict = function () {
-      $$2.fn[NAME$1] = JQUERY_NO_CONFLICT$1;
-      return Button.jQueryInterface;
-    };
-  }
-  function normalizeData(val) {
-    if (val === 'true') {
-      return true;
-    }
-    if (val === 'false') {
-      return false;
-    }
-    if (val === Number(val).toString()) {
-      return Number(val);
-    }
-    if (val === '' || val === 'null') {
-      return null;
-    }
-    return val;
-  }
-  function normalizeDataKey(key) {
-    return key.replace(/[A-Z]/g, function (chr) {
-      return "-" + chr.toLowerCase();
-    });
-  }
-  var Manipulator = {
-    setDataAttribute: function setDataAttribute(element, key, value) {
-      element.setAttribute("data-" + normalizeDataKey(key), value);
-    },
-    removeDataAttribute: function removeDataAttribute(element, key) {
-      element.removeAttribute("data-" + normalizeDataKey(key));
-    },
-    getDataAttributes: function getDataAttributes(element) {
-      if (!element) {
-        return {};
-      }
-      var attributes = _extends$1({}, element.dataset);
-      Object.keys(attributes).forEach(function (key) {
-        attributes[key] = normalizeData(attributes[key]);
-      });
-      return attributes;
-    },
-    getDataAttribute: function getDataAttribute(element, key) {
-      return normalizeData(element.getAttribute("data-" + normalizeDataKey(key)));
-    },
-    offset: function offset(element) {
-      var rect = element.getBoundingClientRect();
-      return {
-        top: rect.top + document.body.scrollTop,
-        left: rect.left + document.body.scrollLeft
-      };
-    },
-    position: function position(element) {
-      return {
-        top: element.offsetTop,
-        left: element.offsetLeft
-      };
-    },
-    toggleClass: function toggleClass(element, className) {
-      if (!element) {
-        return;
-      }
-      if (element.classList.contains(className)) {
-        element.classList.remove(className);
-      } else {
-        element.classList.add(className);
-      }
-    }
-  };
-  var NODE_TEXT = 3;
-  var SelectorEngine = {
-    matches: function matches(element, selector) {
-      return element.matches(selector);
-    },
-    find: function find$1$1(selector, element) {
-      var _ref;
-      if (element === void 0) {
-        element = document.documentElement;
-      }
-      return (_ref = []).concat.apply(_ref, find$1.call(element, selector));
-    },
-    findOne: function findOne$1(selector, element) {
-      if (element === void 0) {
-        element = document.documentElement;
-      }
-      return findOne.call(element, selector);
-    },
-    children: function children(element, selector) {
-      var _ref2;
-      var children = (_ref2 = []).concat.apply(_ref2, element.children);
-      return children.filter(function (child) {
-        return child.matches(selector);
-      });
-    },
-    parents: function parents(element, selector) {
-      var parents = [];
-      var ancestor = element.parentNode;
-      while (ancestor && ancestor.nodeType === Node.ELEMENT_NODE && ancestor.nodeType !== NODE_TEXT) {
-        if (this.matches(ancestor, selector)) {
-          parents.push(ancestor);
-        }
-        ancestor = ancestor.parentNode;
-      }
-      return parents;
-    },
-    prev: function prev(element, selector) {
-      var previous = element.previousElementSibling;
-      while (previous) {
-        if (previous.matches(selector)) {
-          return [previous];
-        }
-        previous = previous.previousElementSibling;
-      }
-      return [];
-    },
-    next: function next(element, selector) {
-      var next = element.nextElementSibling;
-      while (next) {
-        if (this.matches(next, selector)) {
-          return [next];
-        }
-        next = next.nextElementSibling;
-      }
-      return [];
-    }
-  };
-  var NAME$2 = 'carousel';
-  var VERSION$2 = '5.0.0-alpha2';
-  var DATA_KEY$2 = 'bs.carousel';
-  var EVENT_KEY$2 = "." + DATA_KEY$2;
-  var DATA_API_KEY$2 = '.data-api';
-  var ARROW_LEFT_KEY = 'ArrowLeft';
-  var ARROW_RIGHT_KEY = 'ArrowRight';
-  var TOUCHEVENT_COMPAT_WAIT = 500;
-  var SWIPE_THRESHOLD = 40;
-  var Default = {
-    interval: 5000,
-    keyboard: true,
-    slide: false,
-    pause: 'hover',
-    wrap: true,
-    touch: true
-  };
-  var DefaultType = {
-    interval: '(number|boolean)',
-    keyboard: 'boolean',
-    slide: '(boolean|string)',
-    pause: '(string|boolean)',
-    wrap: 'boolean',
-    touch: 'boolean'
-  };
-  var DIRECTION_NEXT = 'next';
-  var DIRECTION_PREV = 'prev';
-  var DIRECTION_LEFT = 'left';
-  var DIRECTION_RIGHT = 'right';
-  var EVENT_SLIDE = "slide" + EVENT_KEY$2;
-  var EVENT_SLID = "slid" + EVENT_KEY$2;
-  var EVENT_KEYDOWN = "keydown" + EVENT_KEY$2;
-  var EVENT_MOUSEENTER = "mouseenter" + EVENT_KEY$2;
-  var EVENT_MOUSELEAVE = "mouseleave" + EVENT_KEY$2;
-  var EVENT_TOUCHSTART = "touchstart" + EVENT_KEY$2;
-  var EVENT_TOUCHMOVE = "touchmove" + EVENT_KEY$2;
-  var EVENT_TOUCHEND = "touchend" + EVENT_KEY$2;
-  var EVENT_POINTERDOWN = "pointerdown" + EVENT_KEY$2;
-  var EVENT_POINTERUP = "pointerup" + EVENT_KEY$2;
-  var EVENT_DRAG_START = "dragstart" + EVENT_KEY$2;
-  var EVENT_LOAD_DATA_API = "load" + EVENT_KEY$2 + DATA_API_KEY$2;
-  var EVENT_CLICK_DATA_API$2 = "click" + EVENT_KEY$2 + DATA_API_KEY$2;
-  var CLASS_NAME_CAROUSEL = 'carousel';
-  var CLASS_NAME_ACTIVE$1 = 'active';
-  var CLASS_NAME_SLIDE = 'slide';
-  var CLASS_NAME_RIGHT = 'carousel-item-right';
-  var CLASS_NAME_LEFT = 'carousel-item-left';
-  var CLASS_NAME_NEXT = 'carousel-item-next';
-  var CLASS_NAME_PREV = 'carousel-item-prev';
-  var CLASS_NAME_POINTER_EVENT = 'pointer-event';
-  var SELECTOR_ACTIVE = '.active';
-  var SELECTOR_ACTIVE_ITEM = '.active.carousel-item';
-  var SELECTOR_ITEM = '.carousel-item';
-  var SELECTOR_ITEM_IMG = '.carousel-item img';
-  var SELECTOR_NEXT_PREV = '.carousel-item-next, .carousel-item-prev';
-  var SELECTOR_INDICATORS = '.carousel-indicators';
-  var SELECTOR_DATA_SLIDE = '[data-slide], [data-slide-to]';
-  var SELECTOR_DATA_RIDE = '[data-ride="carousel"]';
-  var PointerType = {
-    TOUCH: 'touch',
-    PEN: 'pen'
-  };
-  var Carousel = function () {
-    function Carousel(element, config) {
-      this._items = null;
-      this._interval = null;
-      this._activeElement = null;
-      this._isPaused = false;
-      this._isSliding = false;
-      this.touchTimeout = null;
-      this.touchStartX = 0;
-      this.touchDeltaX = 0;
-      this._config = this._getConfig(config);
-      this._element = element;
-      this._indicatorsElement = SelectorEngine.findOne(SELECTOR_INDICATORS, this._element);
-      this._touchSupported = 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0;
-      this._pointerEvent = Boolean(window.PointerEvent);
-      this._addEventListeners();
-      Data.setData(element, DATA_KEY$2, this);
-    }
-    var _proto = Carousel.prototype;
-    _proto.next = function next() {
-      if (!this._isSliding) {
-        this._slide(DIRECTION_NEXT);
-      }
-    };
-    _proto.nextWhenVisible = function nextWhenVisible() {
-      if (!document.hidden && isVisible(this._element)) {
-        this.next();
-      }
-    };
-    _proto.prev = function prev() {
-      if (!this._isSliding) {
-        this._slide(DIRECTION_PREV);
-      }
-    };
-    _proto.pause = function pause(event) {
-      if (!event) {
-        this._isPaused = true;
-      }
-      if (SelectorEngine.findOne(SELECTOR_NEXT_PREV, this._element)) {
-        triggerTransitionEnd(this._element);
-        this.cycle(true);
-      }
-      clearInterval(this._interval);
-      this._interval = null;
-    };
-    _proto.cycle = function cycle(event) {
-      if (!event) {
-        this._isPaused = false;
-      }
-      if (this._interval) {
-        clearInterval(this._interval);
-        this._interval = null;
-      }
-      if (this._config && this._config.interval && !this._isPaused) {
-        this._interval = setInterval((document.visibilityState ? this.nextWhenVisible : this.next).bind(this), this._config.interval);
-      }
-    };
-    _proto.to = function to(index) {
-      var _this = this;
-      this._activeElement = SelectorEngine.findOne(SELECTOR_ACTIVE_ITEM, this._element);
-      var activeIndex = this._getItemIndex(this._activeElement);
-      if (index > this._items.length - 1 || index < 0) {
-        return;
-      }
-      if (this._isSliding) {
-        EventHandler.one(this._element, EVENT_SLID, function () {
-          return _this.to(index);
-        });
-        return;
-      }
-      if (activeIndex === index) {
-        this.pause();
-        this.cycle();
-        return;
-      }
-      var direction = index > activeIndex ? DIRECTION_NEXT : DIRECTION_PREV;
-      this._slide(direction, this._items[index]);
-    };
-    _proto.dispose = function dispose() {
-      EventHandler.off(this._element, EVENT_KEY$2);
-      Data.removeData(this._element, DATA_KEY$2);
-      this._items = null;
-      this._config = null;
-      this._element = null;
-      this._interval = null;
-      this._isPaused = null;
-      this._isSliding = null;
-      this._activeElement = null;
-      this._indicatorsElement = null;
-    }
-    ;
-    _proto._getConfig = function _getConfig(config) {
-      config = _extends$1({}, Default, config);
-      typeCheckConfig(NAME$2, config, DefaultType);
-      return config;
-    };
-    _proto._handleSwipe = function _handleSwipe() {
-      var absDeltax = Math.abs(this.touchDeltaX);
-      if (absDeltax <= SWIPE_THRESHOLD) {
-        return;
-      }
-      var direction = absDeltax / this.touchDeltaX;
-      this.touchDeltaX = 0;
-      if (direction > 0) {
-        this.prev();
-      }
-      if (direction < 0) {
-        this.next();
-      }
-    };
-    _proto._addEventListeners = function _addEventListeners() {
-      var _this2 = this;
-      if (this._config.keyboard) {
-        EventHandler.on(this._element, EVENT_KEYDOWN, function (event) {
-          return _this2._keydown(event);
-        });
-      }
-      if (this._config.pause === 'hover') {
-        EventHandler.on(this._element, EVENT_MOUSEENTER, function (event) {
-          return _this2.pause(event);
-        });
-        EventHandler.on(this._element, EVENT_MOUSELEAVE, function (event) {
-          return _this2.cycle(event);
-        });
-      }
-      if (this._config.touch && this._touchSupported) {
-        this._addTouchEventListeners();
-      }
-    };
-    _proto._addTouchEventListeners = function _addTouchEventListeners() {
-      var _this3 = this;
-      var start = function start(event) {
-        if (_this3._pointerEvent && PointerType[event.pointerType.toUpperCase()]) {
-          _this3.touchStartX = event.clientX;
-        } else if (!_this3._pointerEvent) {
-          _this3.touchStartX = event.touches[0].clientX;
-        }
-      };
-      var move = function move(event) {
-        if (event.touches && event.touches.length > 1) {
-          _this3.touchDeltaX = 0;
-        } else {
-          _this3.touchDeltaX = event.touches[0].clientX - _this3.touchStartX;
-        }
-      };
-      var end = function end(event) {
-        if (_this3._pointerEvent && PointerType[event.pointerType.toUpperCase()]) {
-          _this3.touchDeltaX = event.clientX - _this3.touchStartX;
-        }
-        _this3._handleSwipe();
-        if (_this3._config.pause === 'hover') {
-          _this3.pause();
-          if (_this3.touchTimeout) {
-            clearTimeout(_this3.touchTimeout);
-          }
-          _this3.touchTimeout = setTimeout(function (event) {
-            return _this3.cycle(event);
-          }, TOUCHEVENT_COMPAT_WAIT + _this3._config.interval);
-        }
-      };
-      SelectorEngine.find(SELECTOR_ITEM_IMG, this._element).forEach(function (itemImg) {
-        EventHandler.on(itemImg, EVENT_DRAG_START, function (e) {
-          return e.preventDefault();
-        });
-      });
-      if (this._pointerEvent) {
-        EventHandler.on(this._element, EVENT_POINTERDOWN, function (event) {
-          return start(event);
-        });
-        EventHandler.on(this._element, EVENT_POINTERUP, function (event) {
-          return end(event);
-        });
-        this._element.classList.add(CLASS_NAME_POINTER_EVENT);
-      } else {
-        EventHandler.on(this._element, EVENT_TOUCHSTART, function (event) {
-          return start(event);
-        });
-        EventHandler.on(this._element, EVENT_TOUCHMOVE, function (event) {
-          return move(event);
-        });
-        EventHandler.on(this._element, EVENT_TOUCHEND, function (event) {
-          return end(event);
-        });
-      }
-    };
-    _proto._keydown = function _keydown(event) {
-      if (/input|textarea/i.test(event.target.tagName)) {
-        return;
-      }
-      switch (event.key) {
-        case ARROW_LEFT_KEY:
-          event.preventDefault();
-          this.prev();
-          break;
-        case ARROW_RIGHT_KEY:
-          event.preventDefault();
-          this.next();
-          break;
-      }
-    };
-    _proto._getItemIndex = function _getItemIndex(element) {
-      this._items = element && element.parentNode ? SelectorEngine.find(SELECTOR_ITEM, element.parentNode) : [];
-      return this._items.indexOf(element);
-    };
-    _proto._getItemByDirection = function _getItemByDirection(direction, activeElement) {
-      var isNextDirection = direction === DIRECTION_NEXT;
-      var isPrevDirection = direction === DIRECTION_PREV;
-      var activeIndex = this._getItemIndex(activeElement);
-      var lastItemIndex = this._items.length - 1;
-      var isGoingToWrap = isPrevDirection && activeIndex === 0 || isNextDirection && activeIndex === lastItemIndex;
-      if (isGoingToWrap && !this._config.wrap) {
-        return activeElement;
-      }
-      var delta = direction === DIRECTION_PREV ? -1 : 1;
-      var itemIndex = (activeIndex + delta) % this._items.length;
-      return itemIndex === -1 ? this._items[this._items.length - 1] : this._items[itemIndex];
-    };
-    _proto._triggerSlideEvent = function _triggerSlideEvent(relatedTarget, eventDirectionName) {
-      var targetIndex = this._getItemIndex(relatedTarget);
-      var fromIndex = this._getItemIndex(SelectorEngine.findOne(SELECTOR_ACTIVE_ITEM, this._element));
-      return EventHandler.trigger(this._element, EVENT_SLIDE, {
-        relatedTarget: relatedTarget,
-        direction: eventDirectionName,
-        from: fromIndex,
-        to: targetIndex
-      });
-    };
-    _proto._setActiveIndicatorElement = function _setActiveIndicatorElement(element) {
-      if (this._indicatorsElement) {
-        var indicators = SelectorEngine.find(SELECTOR_ACTIVE, this._indicatorsElement);
-        for (var i = 0; i < indicators.length; i++) {
-          indicators[i].classList.remove(CLASS_NAME_ACTIVE$1);
-        }
-        var nextIndicator = this._indicatorsElement.children[this._getItemIndex(element)];
-        if (nextIndicator) {
-          nextIndicator.classList.add(CLASS_NAME_ACTIVE$1);
-        }
-      }
-    };
-    _proto._slide = function _slide(direction, element) {
-      var _this4 = this;
-      var activeElement = SelectorEngine.findOne(SELECTOR_ACTIVE_ITEM, this._element);
-      var activeElementIndex = this._getItemIndex(activeElement);
-      var nextElement = element || activeElement && this._getItemByDirection(direction, activeElement);
-      var nextElementIndex = this._getItemIndex(nextElement);
-      var isCycling = Boolean(this._interval);
-      var directionalClassName;
-      var orderClassName;
-      var eventDirectionName;
-      if (direction === DIRECTION_NEXT) {
-        directionalClassName = CLASS_NAME_LEFT;
-        orderClassName = CLASS_NAME_NEXT;
-        eventDirectionName = DIRECTION_LEFT;
-      } else {
-        directionalClassName = CLASS_NAME_RIGHT;
-        orderClassName = CLASS_NAME_PREV;
-        eventDirectionName = DIRECTION_RIGHT;
-      }
-      if (nextElement && nextElement.classList.contains(CLASS_NAME_ACTIVE$1)) {
-        this._isSliding = false;
-        return;
-      }
-      var slideEvent = this._triggerSlideEvent(nextElement, eventDirectionName);
-      if (slideEvent.defaultPrevented) {
-        return;
-      }
-      if (!activeElement || !nextElement) {
-        return;
-      }
-      this._isSliding = true;
-      if (isCycling) {
-        this.pause();
-      }
-      this._setActiveIndicatorElement(nextElement);
-      if (this._element.classList.contains(CLASS_NAME_SLIDE)) {
-        nextElement.classList.add(orderClassName);
-        reflow(nextElement);
-        activeElement.classList.add(directionalClassName);
-        nextElement.classList.add(directionalClassName);
-        var nextElementInterval = parseInt(nextElement.getAttribute('data-interval'), 10);
-        if (nextElementInterval) {
-          this._config.defaultInterval = this._config.defaultInterval || this._config.interval;
-          this._config.interval = nextElementInterval;
-        } else {
-          this._config.interval = this._config.defaultInterval || this._config.interval;
-        }
-        var transitionDuration = getTransitionDurationFromElement(activeElement);
-        EventHandler.one(activeElement, TRANSITION_END, function () {
-          nextElement.classList.remove(directionalClassName, orderClassName);
-          nextElement.classList.add(CLASS_NAME_ACTIVE$1);
-          activeElement.classList.remove(CLASS_NAME_ACTIVE$1, orderClassName, directionalClassName);
-          _this4._isSliding = false;
-          setTimeout(function () {
-            EventHandler.trigger(_this4._element, EVENT_SLID, {
-              relatedTarget: nextElement,
-              direction: eventDirectionName,
-              from: activeElementIndex,
-              to: nextElementIndex
-            });
-          }, 0);
-        });
-        emulateTransitionEnd(activeElement, transitionDuration);
-      } else {
-        activeElement.classList.remove(CLASS_NAME_ACTIVE$1);
-        nextElement.classList.add(CLASS_NAME_ACTIVE$1);
-        this._isSliding = false;
-        EventHandler.trigger(this._element, EVENT_SLID, {
-          relatedTarget: nextElement,
-          direction: eventDirectionName,
-          from: activeElementIndex,
-          to: nextElementIndex
-        });
-      }
-      if (isCycling) {
-        this.cycle();
-      }
-    }
-    ;
-    Carousel.carouselInterface = function carouselInterface(element, config) {
-      var data = Data.getData(element, DATA_KEY$2);
-      var _config = _extends$1({}, Default, Manipulator.getDataAttributes(element));
-      if (typeof config === 'object') {
-        _config = _extends$1({}, _config, config);
-      }
-      var action = typeof config === 'string' ? config : _config.slide;
-      if (!data) {
-        data = new Carousel(element, _config);
-      }
-      if (typeof config === 'number') {
-        data.to(config);
-      } else if (typeof action === 'string') {
-        if (typeof data[action] === 'undefined') {
-          throw new TypeError("No method named \"" + action + "\"");
-        }
-        data[action]();
-      } else if (_config.interval && _config.ride) {
-        data.pause();
-        data.cycle();
-      }
-    };
-    Carousel.jQueryInterface = function jQueryInterface(config) {
-      return this.each(function () {
-        Carousel.carouselInterface(this, config);
-      });
-    };
-    Carousel.dataApiClickHandler = function dataApiClickHandler(event) {
-      var target = getElementFromSelector(this);
-      if (!target || !target.classList.contains(CLASS_NAME_CAROUSEL)) {
-        return;
-      }
-      var config = _extends$1({}, Manipulator.getDataAttributes(target), Manipulator.getDataAttributes(this));
-      var slideIndex = this.getAttribute('data-slide-to');
-      if (slideIndex) {
-        config.interval = false;
-      }
-      Carousel.carouselInterface(target, config);
-      if (slideIndex) {
-        Data.getData(target, DATA_KEY$2).to(slideIndex);
-      }
-      event.preventDefault();
-    };
-    Carousel.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY$2);
-    };
-    _createClass(Carousel, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION$2;
-      }
-    }, {
-      key: "Default",
-      get: function get() {
-        return Default;
-      }
-    }]);
-    return Carousel;
-  }();
-  EventHandler.on(document, EVENT_CLICK_DATA_API$2, SELECTOR_DATA_SLIDE, Carousel.dataApiClickHandler);
-  EventHandler.on(window, EVENT_LOAD_DATA_API, function () {
-    var carousels = SelectorEngine.find(SELECTOR_DATA_RIDE);
-    for (var i = 0, len = carousels.length; i < len; i++) {
-      Carousel.carouselInterface(carousels[i], Data.getData(carousels[i], DATA_KEY$2));
-    }
-  });
-  var $$3 = getjQuery();
-  if ($$3) {
-    var JQUERY_NO_CONFLICT$2 = $$3.fn[NAME$2];
-    $$3.fn[NAME$2] = Carousel.jQueryInterface;
-    $$3.fn[NAME$2].Constructor = Carousel;
-    $$3.fn[NAME$2].noConflict = function () {
-      $$3.fn[NAME$2] = JQUERY_NO_CONFLICT$2;
-      return Carousel.jQueryInterface;
-    };
-  }
-  var NAME$3 = 'collapse';
-  var VERSION$3 = '5.0.0-alpha2';
-  var DATA_KEY$3 = 'bs.collapse';
-  var EVENT_KEY$3 = "." + DATA_KEY$3;
-  var DATA_API_KEY$3 = '.data-api';
-  var Default$1 = {
-    toggle: true,
-    parent: ''
-  };
-  var DefaultType$1 = {
-    toggle: 'boolean',
-    parent: '(string|element)'
-  };
-  var EVENT_SHOW = "show" + EVENT_KEY$3;
-  var EVENT_SHOWN = "shown" + EVENT_KEY$3;
-  var EVENT_HIDE = "hide" + EVENT_KEY$3;
-  var EVENT_HIDDEN = "hidden" + EVENT_KEY$3;
-  var EVENT_CLICK_DATA_API$3 = "click" + EVENT_KEY$3 + DATA_API_KEY$3;
-  var CLASS_NAME_SHOW = 'show';
-  var CLASS_NAME_COLLAPSE = 'collapse';
-  var CLASS_NAME_COLLAPSING = 'collapsing';
-  var CLASS_NAME_COLLAPSED = 'collapsed';
-  var WIDTH = 'width';
-  var HEIGHT = 'height';
-  var SELECTOR_ACTIVES = '.show, .collapsing';
-  var SELECTOR_DATA_TOGGLE$1 = '[data-toggle="collapse"]';
-  var Collapse = function () {
-    function Collapse(element, config) {
-      this._isTransitioning = false;
-      this._element = element;
-      this._config = this._getConfig(config);
-      this._triggerArray = SelectorEngine.find(SELECTOR_DATA_TOGGLE$1 + "[href=\"#" + element.id + "\"]," + (SELECTOR_DATA_TOGGLE$1 + "[data-target=\"#" + element.id + "\"]"));
-      var toggleList = SelectorEngine.find(SELECTOR_DATA_TOGGLE$1);
-      for (var i = 0, len = toggleList.length; i < len; i++) {
-        var elem = toggleList[i];
-        var selector = getSelectorFromElement(elem);
-        var filterElement = SelectorEngine.find(selector).filter(function (foundElem) {
-          return foundElem === element;
-        });
-        if (selector !== null && filterElement.length) {
-          this._selector = selector;
-          this._triggerArray.push(elem);
-        }
-      }
-      this._parent = this._config.parent ? this._getParent() : null;
-      if (!this._config.parent) {
-        this._addAriaAndCollapsedClass(this._element, this._triggerArray);
-      }
-      if (this._config.toggle) {
-        this.toggle();
-      }
-      Data.setData(element, DATA_KEY$3, this);
-    }
-    var _proto = Collapse.prototype;
-    _proto.toggle = function toggle() {
-      if (this._element.classList.contains(CLASS_NAME_SHOW)) {
-        this.hide();
-      } else {
-        this.show();
-      }
-    };
-    _proto.show = function show() {
-      var _this = this;
-      if (this._isTransitioning || this._element.classList.contains(CLASS_NAME_SHOW)) {
-        return;
-      }
-      var actives;
-      var activesData;
-      if (this._parent) {
-        actives = SelectorEngine.find(SELECTOR_ACTIVES, this._parent).filter(function (elem) {
-          if (typeof _this._config.parent === 'string') {
-            return elem.getAttribute('data-parent') === _this._config.parent;
-          }
-          return elem.classList.contains(CLASS_NAME_COLLAPSE);
-        });
-        if (actives.length === 0) {
-          actives = null;
-        }
-      }
-      var container = SelectorEngine.findOne(this._selector);
-      if (actives) {
-        var tempActiveData = actives.filter(function (elem) {
-          return container !== elem;
-        });
-        activesData = tempActiveData[0] ? Data.getData(tempActiveData[0], DATA_KEY$3) : null;
-        if (activesData && activesData._isTransitioning) {
-          return;
-        }
-      }
-      var startEvent = EventHandler.trigger(this._element, EVENT_SHOW);
-      if (startEvent.defaultPrevented) {
-        return;
-      }
-      if (actives) {
-        actives.forEach(function (elemActive) {
-          if (container !== elemActive) {
-            Collapse.collapseInterface(elemActive, 'hide');
-          }
-          if (!activesData) {
-            Data.setData(elemActive, DATA_KEY$3, null);
-          }
-        });
-      }
-      var dimension = this._getDimension();
-      this._element.classList.remove(CLASS_NAME_COLLAPSE);
-      this._element.classList.add(CLASS_NAME_COLLAPSING);
-      this._element.style[dimension] = 0;
-      if (this._triggerArray.length) {
-        this._triggerArray.forEach(function (element) {
-          element.classList.remove(CLASS_NAME_COLLAPSED);
-          element.setAttribute('aria-expanded', true);
-        });
-      }
-      this.setTransitioning(true);
-      var complete = function complete() {
-        _this._element.classList.remove(CLASS_NAME_COLLAPSING);
-        _this._element.classList.add(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW);
-        _this._element.style[dimension] = '';
-        _this.setTransitioning(false);
-        EventHandler.trigger(_this._element, EVENT_SHOWN);
-      };
-      var capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1);
-      var scrollSize = "scroll" + capitalizedDimension;
-      var transitionDuration = getTransitionDurationFromElement(this._element);
-      EventHandler.one(this._element, TRANSITION_END, complete);
-      emulateTransitionEnd(this._element, transitionDuration);
-      this._element.style[dimension] = this._element[scrollSize] + "px";
-    };
-    _proto.hide = function hide() {
-      var _this2 = this;
-      if (this._isTransitioning || !this._element.classList.contains(CLASS_NAME_SHOW)) {
-        return;
-      }
-      var startEvent = EventHandler.trigger(this._element, EVENT_HIDE);
-      if (startEvent.defaultPrevented) {
-        return;
-      }
-      var dimension = this._getDimension();
-      this._element.style[dimension] = this._element.getBoundingClientRect()[dimension] + "px";
-      reflow(this._element);
-      this._element.classList.add(CLASS_NAME_COLLAPSING);
-      this._element.classList.remove(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW);
-      var triggerArrayLength = this._triggerArray.length;
-      if (triggerArrayLength > 0) {
-        for (var i = 0; i < triggerArrayLength; i++) {
-          var trigger = this._triggerArray[i];
-          var elem = getElementFromSelector(trigger);
-          if (elem && !elem.classList.contains(CLASS_NAME_SHOW)) {
-            trigger.classList.add(CLASS_NAME_COLLAPSED);
-            trigger.setAttribute('aria-expanded', false);
-          }
-        }
-      }
-      this.setTransitioning(true);
-      var complete = function complete() {
-        _this2.setTransitioning(false);
-        _this2._element.classList.remove(CLASS_NAME_COLLAPSING);
-        _this2._element.classList.add(CLASS_NAME_COLLAPSE);
-        EventHandler.trigger(_this2._element, EVENT_HIDDEN);
-      };
-      this._element.style[dimension] = '';
-      var transitionDuration = getTransitionDurationFromElement(this._element);
-      EventHandler.one(this._element, TRANSITION_END, complete);
-      emulateTransitionEnd(this._element, transitionDuration);
-    };
-    _proto.setTransitioning = function setTransitioning(isTransitioning) {
-      this._isTransitioning = isTransitioning;
-    };
-    _proto.dispose = function dispose() {
-      Data.removeData(this._element, DATA_KEY$3);
-      this._config = null;
-      this._parent = null;
-      this._element = null;
-      this._triggerArray = null;
-      this._isTransitioning = null;
-    }
-    ;
-    _proto._getConfig = function _getConfig(config) {
-      config = _extends$1({}, Default$1, config);
-      config.toggle = Boolean(config.toggle);
-      typeCheckConfig(NAME$3, config, DefaultType$1);
-      return config;
-    };
-    _proto._getDimension = function _getDimension() {
-      return this._element.classList.contains(WIDTH) ? WIDTH : HEIGHT;
-    };
-    _proto._getParent = function _getParent() {
-      var _this3 = this;
-      var parent = this._config.parent;
-      if (isElement(parent)) {
-        if (typeof parent.jquery !== 'undefined' || typeof parent[0] !== 'undefined') {
-          parent = parent[0];
-        }
-      } else {
-        parent = SelectorEngine.findOne(parent);
-      }
-      var selector = SELECTOR_DATA_TOGGLE$1 + "[data-parent=\"" + parent + "\"]";
-      SelectorEngine.find(selector, parent).forEach(function (element) {
-        var selected = getElementFromSelector(element);
-        _this3._addAriaAndCollapsedClass(selected, [element]);
-      });
-      return parent;
-    };
-    _proto._addAriaAndCollapsedClass = function _addAriaAndCollapsedClass(element, triggerArray) {
-      if (!element || !triggerArray.length) {
-        return;
-      }
-      var isOpen = element.classList.contains(CLASS_NAME_SHOW);
-      triggerArray.forEach(function (elem) {
-        if (isOpen) {
-          elem.classList.remove(CLASS_NAME_COLLAPSED);
-        } else {
-          elem.classList.add(CLASS_NAME_COLLAPSED);
-        }
-        elem.setAttribute('aria-expanded', isOpen);
-      });
-    }
-    ;
-    Collapse.collapseInterface = function collapseInterface(element, config) {
-      var data = Data.getData(element, DATA_KEY$3);
-      var _config = _extends$1({}, Default$1, Manipulator.getDataAttributes(element), typeof config === 'object' && config ? config : {});
-      if (!data && _config.toggle && typeof config === 'string' && /show|hide/.test(config)) {
-        _config.toggle = false;
-      }
-      if (!data) {
-        data = new Collapse(element, _config);
-      }
-      if (typeof config === 'string') {
-        if (typeof data[config] === 'undefined') {
-          throw new TypeError("No method named \"" + config + "\"");
-        }
-        data[config]();
-      }
-    };
-    Collapse.jQueryInterface = function jQueryInterface(config) {
-      return this.each(function () {
-        Collapse.collapseInterface(this, config);
-      });
-    };
-    Collapse.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY$3);
-    };
-    _createClass(Collapse, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION$3;
-      }
-    }, {
-      key: "Default",
-      get: function get() {
-        return Default$1;
-      }
-    }]);
-    return Collapse;
-  }();
-  EventHandler.on(document, EVENT_CLICK_DATA_API$3, SELECTOR_DATA_TOGGLE$1, function (event) {
-    if (event.target.tagName === 'A') {
-      event.preventDefault();
-    }
-    var triggerData = Manipulator.getDataAttributes(this);
-    var selector = getSelectorFromElement(this);
-    var selectorElements = SelectorEngine.find(selector);
-    selectorElements.forEach(function (element) {
-      var data = Data.getData(element, DATA_KEY$3);
-      var config;
-      if (data) {
-        if (data._parent === null && typeof triggerData.parent === 'string') {
-          data._config.parent = triggerData.parent;
-          data._parent = data._getParent();
-        }
-        config = 'toggle';
-      } else {
-        config = triggerData;
-      }
-      Collapse.collapseInterface(element, config);
-    });
-  });
-  var $$4 = getjQuery();
-  if ($$4) {
-    var JQUERY_NO_CONFLICT$3 = $$4.fn[NAME$3];
-    $$4.fn[NAME$3] = Collapse.jQueryInterface;
-    $$4.fn[NAME$3].Constructor = Collapse;
-    $$4.fn[NAME$3].noConflict = function () {
-      $$4.fn[NAME$3] = JQUERY_NO_CONFLICT$3;
-      return Collapse.jQueryInterface;
-    };
-  }
-  var NAME$4 = 'dropdown';
-  var VERSION$4 = '5.0.0-alpha2';
-  var DATA_KEY$4 = 'bs.dropdown';
-  var EVENT_KEY$4 = "." + DATA_KEY$4;
-  var DATA_API_KEY$4 = '.data-api';
-  var ESCAPE_KEY = 'Escape';
-  var SPACE_KEY = 'Space';
-  var TAB_KEY = 'Tab';
-  var ARROW_UP_KEY = 'ArrowUp';
-  var ARROW_DOWN_KEY = 'ArrowDown';
-  var RIGHT_MOUSE_BUTTON = 2;
-  var REGEXP_KEYDOWN = new RegExp(ARROW_UP_KEY + "|" + ARROW_DOWN_KEY + "|" + ESCAPE_KEY);
-  var EVENT_HIDE$1 = "hide" + EVENT_KEY$4;
-  var EVENT_HIDDEN$1 = "hidden" + EVENT_KEY$4;
-  var EVENT_SHOW$1 = "show" + EVENT_KEY$4;
-  var EVENT_SHOWN$1 = "shown" + EVENT_KEY$4;
-  var EVENT_CLICK = "click" + EVENT_KEY$4;
-  var EVENT_CLICK_DATA_API$4 = "click" + EVENT_KEY$4 + DATA_API_KEY$4;
-  var EVENT_KEYDOWN_DATA_API = "keydown" + EVENT_KEY$4 + DATA_API_KEY$4;
-  var EVENT_KEYUP_DATA_API = "keyup" + EVENT_KEY$4 + DATA_API_KEY$4;
-  var CLASS_NAME_DISABLED = 'disabled';
-  var CLASS_NAME_SHOW$1 = 'show';
-  var CLASS_NAME_DROPUP = 'dropup';
-  var CLASS_NAME_DROPRIGHT = 'dropright';
-  var CLASS_NAME_DROPLEFT = 'dropleft';
-  var CLASS_NAME_MENURIGHT = 'dropdown-menu-right';
-  var CLASS_NAME_NAVBAR = 'navbar';
-  var CLASS_NAME_POSITION_STATIC = 'position-static';
-  var SELECTOR_DATA_TOGGLE$2 = '[data-toggle="dropdown"]';
-  var SELECTOR_FORM_CHILD = '.dropdown form';
-  var SELECTOR_MENU = '.dropdown-menu';
-  var SELECTOR_NAVBAR_NAV = '.navbar-nav';
-  var SELECTOR_VISIBLE_ITEMS = '.dropdown-menu .dropdown-item:not(.disabled):not(:disabled)';
-  var PLACEMENT_TOP = 'top-start';
-  var PLACEMENT_TOPEND = 'top-end';
-  var PLACEMENT_BOTTOM = 'bottom-start';
-  var PLACEMENT_BOTTOMEND = 'bottom-end';
-  var PLACEMENT_RIGHT = 'right-start';
-  var PLACEMENT_LEFT = 'left-start';
-  var Default$2 = {
-    offset: 0,
-    flip: true,
-    boundary: 'scrollParent',
-    reference: 'toggle',
-    display: 'dynamic',
-    popperConfig: null
-  };
-  var DefaultType$2 = {
-    offset: '(number|string|function)',
-    flip: 'boolean',
-    boundary: '(string|element)',
-    reference: '(string|element)',
-    display: 'string',
-    popperConfig: '(null|object)'
-  };
-  var Dropdown = function () {
-    function Dropdown(element, config) {
-      this._element = element;
-      this._popper = null;
-      this._config = this._getConfig(config);
-      this._menu = this._getMenuElement();
-      this._inNavbar = this._detectNavbar();
-      this._addEventListeners();
-      Data.setData(element, DATA_KEY$4, this);
-    }
-    var _proto = Dropdown.prototype;
-    _proto.toggle = function toggle() {
-      if (this._element.disabled || this._element.classList.contains(CLASS_NAME_DISABLED)) {
-        return;
-      }
-      var isActive = this._element.classList.contains(CLASS_NAME_SHOW$1);
-      Dropdown.clearMenus();
-      if (isActive) {
-        return;
-      }
-      this.show();
-    };
-    _proto.show = function show() {
-      if (this._element.disabled || this._element.classList.contains(CLASS_NAME_DISABLED) || this._menu.classList.contains(CLASS_NAME_SHOW$1)) {
-        return;
-      }
-      var parent = Dropdown.getParentFromElement(this._element);
-      var relatedTarget = {
-        relatedTarget: this._element
-      };
-      var showEvent = EventHandler.trigger(this._element, EVENT_SHOW$1, relatedTarget);
-      if (showEvent.defaultPrevented) {
-        return;
-      }
-      if (!this._inNavbar) {
-        if (typeof Popper === 'undefined') {
-          throw new TypeError('Bootstrap\'s dropdowns require Popper.js (https://popper.js.org)');
-        }
-        var referenceElement = this._element;
-        if (this._config.reference === 'parent') {
-          referenceElement = parent;
-        } else if (isElement(this._config.reference)) {
-          referenceElement = this._config.reference;
-          if (typeof this._config.reference.jquery !== 'undefined') {
-            referenceElement = this._config.reference[0];
-          }
-        }
-        if (this._config.boundary !== 'scrollParent') {
-          parent.classList.add(CLASS_NAME_POSITION_STATIC);
-        }
-        this._popper = new Popper(referenceElement, this._menu, this._getPopperConfig());
-      }
-      if ('ontouchstart' in document.documentElement && !parent.closest(SELECTOR_NAVBAR_NAV)) {
-        var _ref;
-        (_ref = []).concat.apply(_ref, document.body.children).forEach(function (elem) {
-          return EventHandler.on(elem, 'mouseover', null, noop());
-        });
-      }
-      this._element.focus();
-      this._element.setAttribute('aria-expanded', true);
-      Manipulator.toggleClass(this._menu, CLASS_NAME_SHOW$1);
-      Manipulator.toggleClass(this._element, CLASS_NAME_SHOW$1);
-      EventHandler.trigger(parent, EVENT_SHOWN$1, relatedTarget);
-    };
-    _proto.hide = function hide() {
-      if (this._element.disabled || this._element.classList.contains(CLASS_NAME_DISABLED) || !this._menu.classList.contains(CLASS_NAME_SHOW$1)) {
-        return;
-      }
-      var parent = Dropdown.getParentFromElement(this._element);
-      var relatedTarget = {
-        relatedTarget: this._element
-      };
-      var hideEvent = EventHandler.trigger(parent, EVENT_HIDE$1, relatedTarget);
-      if (hideEvent.defaultPrevented) {
-        return;
-      }
-      if (this._popper) {
-        this._popper.destroy();
-      }
-      Manipulator.toggleClass(this._menu, CLASS_NAME_SHOW$1);
-      Manipulator.toggleClass(this._element, CLASS_NAME_SHOW$1);
-      EventHandler.trigger(parent, EVENT_HIDDEN$1, relatedTarget);
-    };
-    _proto.dispose = function dispose() {
-      Data.removeData(this._element, DATA_KEY$4);
-      EventHandler.off(this._element, EVENT_KEY$4);
-      this._element = null;
-      this._menu = null;
-      if (this._popper) {
-        this._popper.destroy();
-        this._popper = null;
-      }
-    };
-    _proto.update = function update() {
-      this._inNavbar = this._detectNavbar();
-      if (this._popper) {
-        this._popper.scheduleUpdate();
-      }
-    }
-    ;
-    _proto._addEventListeners = function _addEventListeners() {
-      var _this = this;
-      EventHandler.on(this._element, EVENT_CLICK, function (event) {
-        event.preventDefault();
-        event.stopPropagation();
-        _this.toggle();
-      });
-    };
-    _proto._getConfig = function _getConfig(config) {
-      config = _extends$1({}, this.constructor.Default, Manipulator.getDataAttributes(this._element), config);
-      typeCheckConfig(NAME$4, config, this.constructor.DefaultType);
-      return config;
-    };
-    _proto._getMenuElement = function _getMenuElement() {
-      return SelectorEngine.next(this._element, SELECTOR_MENU)[0];
-    };
-    _proto._getPlacement = function _getPlacement() {
-      var parentDropdown = this._element.parentNode;
-      var placement = PLACEMENT_BOTTOM;
-      if (parentDropdown.classList.contains(CLASS_NAME_DROPUP)) {
-        placement = PLACEMENT_TOP;
-        if (this._menu.classList.contains(CLASS_NAME_MENURIGHT)) {
-          placement = PLACEMENT_TOPEND;
-        }
-      } else if (parentDropdown.classList.contains(CLASS_NAME_DROPRIGHT)) {
-        placement = PLACEMENT_RIGHT;
-      } else if (parentDropdown.classList.contains(CLASS_NAME_DROPLEFT)) {
-        placement = PLACEMENT_LEFT;
-      } else if (this._menu.classList.contains(CLASS_NAME_MENURIGHT)) {
-        placement = PLACEMENT_BOTTOMEND;
-      }
-      return placement;
-    };
-    _proto._detectNavbar = function _detectNavbar() {
-      return Boolean(this._element.closest("." + CLASS_NAME_NAVBAR));
-    };
-    _proto._getOffset = function _getOffset() {
-      var _this2 = this;
-      var offset = {};
-      if (typeof this._config.offset === 'function') {
-        offset.fn = function (data) {
-          data.offsets = _extends$1({}, data.offsets, _this2._config.offset(data.offsets, _this2._element) || {});
-          return data;
-        };
-      } else {
-        offset.offset = this._config.offset;
-      }
-      return offset;
-    };
-    _proto._getPopperConfig = function _getPopperConfig() {
-      var popperConfig = {
-        placement: this._getPlacement(),
-        modifiers: {
-          offset: this._getOffset(),
-          flip: {
-            enabled: this._config.flip
-          },
-          preventOverflow: {
-            boundariesElement: this._config.boundary
-          }
-        }
-      };
-      if (this._config.display === 'static') {
-        popperConfig.modifiers.applyStyle = {
-          enabled: false
-        };
-      }
-      return _extends$1({}, popperConfig, this._config.popperConfig);
-    }
-    ;
-    Dropdown.dropdownInterface = function dropdownInterface(element, config) {
-      var data = Data.getData(element, DATA_KEY$4);
-      var _config = typeof config === 'object' ? config : null;
-      if (!data) {
-        data = new Dropdown(element, _config);
-      }
-      if (typeof config === 'string') {
-        if (typeof data[config] === 'undefined') {
-          throw new TypeError("No method named \"" + config + "\"");
-        }
-        data[config]();
-      }
-    };
-    Dropdown.jQueryInterface = function jQueryInterface(config) {
-      return this.each(function () {
-        Dropdown.dropdownInterface(this, config);
-      });
-    };
-    Dropdown.clearMenus = function clearMenus(event) {
-      if (event && (event.button === RIGHT_MOUSE_BUTTON || event.type === 'keyup' && event.key !== TAB_KEY)) {
-        return;
-      }
-      var toggles = SelectorEngine.find(SELECTOR_DATA_TOGGLE$2);
-      for (var i = 0, len = toggles.length; i < len; i++) {
-        var parent = Dropdown.getParentFromElement(toggles[i]);
-        var context = Data.getData(toggles[i], DATA_KEY$4);
-        var relatedTarget = {
-          relatedTarget: toggles[i]
-        };
-        if (event && event.type === 'click') {
-          relatedTarget.clickEvent = event;
-        }
-        if (!context) {
-          continue;
-        }
-        var dropdownMenu = context._menu;
-        if (!toggles[i].classList.contains(CLASS_NAME_SHOW$1)) {
-          continue;
-        }
-        if (event && (event.type === 'click' && /input|textarea/i.test(event.target.tagName) || event.type === 'keyup' && event.key === TAB_KEY) && dropdownMenu.contains(event.target)) {
-          continue;
-        }
-        var hideEvent = EventHandler.trigger(parent, EVENT_HIDE$1, relatedTarget);
-        if (hideEvent.defaultPrevented) {
-          continue;
-        }
-        if ('ontouchstart' in document.documentElement) {
-          var _ref2;
-          (_ref2 = []).concat.apply(_ref2, document.body.children).forEach(function (elem) {
-            return EventHandler.off(elem, 'mouseover', null, noop());
-          });
-        }
-        toggles[i].setAttribute('aria-expanded', 'false');
-        if (context._popper) {
-          context._popper.destroy();
-        }
-        dropdownMenu.classList.remove(CLASS_NAME_SHOW$1);
-        toggles[i].classList.remove(CLASS_NAME_SHOW$1);
-        EventHandler.trigger(parent, EVENT_HIDDEN$1, relatedTarget);
-      }
-    };
-    Dropdown.getParentFromElement = function getParentFromElement(element) {
-      return getElementFromSelector(element) || element.parentNode;
-    };
-    Dropdown.dataApiKeydownHandler = function dataApiKeydownHandler(event) {
-      if (/input|textarea/i.test(event.target.tagName) ? event.key === SPACE_KEY || event.key !== ESCAPE_KEY && (event.key !== ARROW_DOWN_KEY && event.key !== ARROW_UP_KEY || event.target.closest(SELECTOR_MENU)) : !REGEXP_KEYDOWN.test(event.key)) {
-        return;
-      }
-      event.preventDefault();
-      event.stopPropagation();
-      if (this.disabled || this.classList.contains(CLASS_NAME_DISABLED)) {
-        return;
-      }
-      var parent = Dropdown.getParentFromElement(this);
-      var isActive = this.classList.contains(CLASS_NAME_SHOW$1);
-      if (event.key === ESCAPE_KEY) {
-        var button = this.matches(SELECTOR_DATA_TOGGLE$2) ? this : SelectorEngine.prev(this, SELECTOR_DATA_TOGGLE$2)[0];
-        button.focus();
-        Dropdown.clearMenus();
-        return;
-      }
-      if (!isActive || event.key === SPACE_KEY) {
-        Dropdown.clearMenus();
-        return;
-      }
-      var items = SelectorEngine.find(SELECTOR_VISIBLE_ITEMS, parent).filter(isVisible);
-      if (!items.length) {
-        return;
-      }
-      var index = items.indexOf(event.target);
-      if (event.key === ARROW_UP_KEY && index > 0) {
-        index--;
-      }
-      if (event.key === ARROW_DOWN_KEY && index < items.length - 1) {
-        index++;
-      }
-      index = index === -1 ? 0 : index;
-      items[index].focus();
-    };
-    Dropdown.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY$4);
-    };
-    _createClass(Dropdown, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION$4;
-      }
-    }, {
-      key: "Default",
-      get: function get() {
-        return Default$2;
-      }
-    }, {
-      key: "DefaultType",
-      get: function get() {
-        return DefaultType$2;
-      }
-    }]);
-    return Dropdown;
-  }();
-  EventHandler.on(document, EVENT_KEYDOWN_DATA_API, SELECTOR_DATA_TOGGLE$2, Dropdown.dataApiKeydownHandler);
-  EventHandler.on(document, EVENT_KEYDOWN_DATA_API, SELECTOR_MENU, Dropdown.dataApiKeydownHandler);
-  EventHandler.on(document, EVENT_CLICK_DATA_API$4, Dropdown.clearMenus);
-  EventHandler.on(document, EVENT_KEYUP_DATA_API, Dropdown.clearMenus);
-  EventHandler.on(document, EVENT_CLICK_DATA_API$4, SELECTOR_DATA_TOGGLE$2, function (event) {
-    event.preventDefault();
-    event.stopPropagation();
-    Dropdown.dropdownInterface(this, 'toggle');
-  });
-  EventHandler.on(document, EVENT_CLICK_DATA_API$4, SELECTOR_FORM_CHILD, function (e) {
-    return e.stopPropagation();
-  });
-  var $$5 = getjQuery();
-  if ($$5) {
-    var JQUERY_NO_CONFLICT$4 = $$5.fn[NAME$4];
-    $$5.fn[NAME$4] = Dropdown.jQueryInterface;
-    $$5.fn[NAME$4].Constructor = Dropdown;
-    $$5.fn[NAME$4].noConflict = function () {
-      $$5.fn[NAME$4] = JQUERY_NO_CONFLICT$4;
-      return Dropdown.jQueryInterface;
-    };
-  }
-  var NAME$5 = 'modal';
-  var VERSION$5 = '5.0.0-alpha2';
-  var DATA_KEY$5 = 'bs.modal';
-  var EVENT_KEY$5 = "." + DATA_KEY$5;
-  var DATA_API_KEY$5 = '.data-api';
-  var ESCAPE_KEY$1 = 'Escape';
-  var Default$3 = {
-    backdrop: true,
-    keyboard: true,
-    focus: true,
-    show: true
-  };
-  var DefaultType$3 = {
-    backdrop: '(boolean|string)',
-    keyboard: 'boolean',
-    focus: 'boolean',
-    show: 'boolean'
-  };
-  var EVENT_HIDE$2 = "hide" + EVENT_KEY$5;
-  var EVENT_HIDE_PREVENTED = "hidePrevented" + EVENT_KEY$5;
-  var EVENT_HIDDEN$2 = "hidden" + EVENT_KEY$5;
-  var EVENT_SHOW$2 = "show" + EVENT_KEY$5;
-  var EVENT_SHOWN$2 = "shown" + EVENT_KEY$5;
-  var EVENT_FOCUSIN = "focusin" + EVENT_KEY$5;
-  var EVENT_RESIZE = "resize" + EVENT_KEY$5;
-  var EVENT_CLICK_DISMISS = "click.dismiss" + EVENT_KEY$5;
-  var EVENT_KEYDOWN_DISMISS = "keydown.dismiss" + EVENT_KEY$5;
-  var EVENT_MOUSEUP_DISMISS = "mouseup.dismiss" + EVENT_KEY$5;
-  var EVENT_MOUSEDOWN_DISMISS = "mousedown.dismiss" + EVENT_KEY$5;
-  var EVENT_CLICK_DATA_API$5 = "click" + EVENT_KEY$5 + DATA_API_KEY$5;
-  var CLASS_NAME_SCROLLBAR_MEASURER = 'modal-scrollbar-measure';
-  var CLASS_NAME_BACKDROP = 'modal-backdrop';
-  var CLASS_NAME_OPEN = 'modal-open';
-  var CLASS_NAME_FADE = 'fade';
-  var CLASS_NAME_SHOW$2 = 'show';
-  var CLASS_NAME_STATIC = 'modal-static';
-  var SELECTOR_DIALOG = '.modal-dialog';
-  var SELECTOR_MODAL_BODY = '.modal-body';
-  var SELECTOR_DATA_TOGGLE$3 = '[data-toggle="modal"]';
-  var SELECTOR_DATA_DISMISS = '[data-dismiss="modal"]';
-  var SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top';
-  var SELECTOR_STICKY_CONTENT = '.sticky-top';
-  var Modal = function () {
-    function Modal(element, config) {
-      this._config = this._getConfig(config);
-      this._element = element;
-      this._dialog = SelectorEngine.findOne(SELECTOR_DIALOG, element);
-      this._backdrop = null;
-      this._isShown = false;
-      this._isBodyOverflowing = false;
-      this._ignoreBackdropClick = false;
-      this._isTransitioning = false;
-      this._scrollbarWidth = 0;
-      Data.setData(element, DATA_KEY$5, this);
-    }
-    var _proto = Modal.prototype;
-    _proto.toggle = function toggle(relatedTarget) {
-      return this._isShown ? this.hide() : this.show(relatedTarget);
-    };
-    _proto.show = function show(relatedTarget) {
-      var _this = this;
-      if (this._isShown || this._isTransitioning) {
-        return;
-      }
-      if (this._element.classList.contains(CLASS_NAME_FADE)) {
-        this._isTransitioning = true;
-      }
-      var showEvent = EventHandler.trigger(this._element, EVENT_SHOW$2, {
-        relatedTarget: relatedTarget
-      });
-      if (this._isShown || showEvent.defaultPrevented) {
-        return;
-      }
-      this._isShown = true;
-      this._checkScrollbar();
-      this._setScrollbar();
-      this._adjustDialog();
-      this._setEscapeEvent();
-      this._setResizeEvent();
-      EventHandler.on(this._element, EVENT_CLICK_DISMISS, SELECTOR_DATA_DISMISS, function (event) {
-        return _this.hide(event);
-      });
-      EventHandler.on(this._dialog, EVENT_MOUSEDOWN_DISMISS, function () {
-        EventHandler.one(_this._element, EVENT_MOUSEUP_DISMISS, function (event) {
-          if (event.target === _this._element) {
-            _this._ignoreBackdropClick = true;
-          }
-        });
-      });
-      this._showBackdrop(function () {
-        return _this._showElement(relatedTarget);
-      });
-    };
-    _proto.hide = function hide(event) {
-      var _this2 = this;
-      if (event) {
-        event.preventDefault();
-      }
-      if (!this._isShown || this._isTransitioning) {
-        return;
-      }
-      var hideEvent = EventHandler.trigger(this._element, EVENT_HIDE$2);
-      if (hideEvent.defaultPrevented) {
-        return;
-      }
-      this._isShown = false;
-      var transition = this._element.classList.contains(CLASS_NAME_FADE);
-      if (transition) {
-        this._isTransitioning = true;
-      }
-      this._setEscapeEvent();
-      this._setResizeEvent();
-      EventHandler.off(document, EVENT_FOCUSIN);
-      this._element.classList.remove(CLASS_NAME_SHOW$2);
-      EventHandler.off(this._element, EVENT_CLICK_DISMISS);
-      EventHandler.off(this._dialog, EVENT_MOUSEDOWN_DISMISS);
-      if (transition) {
-        var transitionDuration = getTransitionDurationFromElement(this._element);
-        EventHandler.one(this._element, TRANSITION_END, function (event) {
-          return _this2._hideModal(event);
-        });
-        emulateTransitionEnd(this._element, transitionDuration);
-      } else {
-        this._hideModal();
-      }
-    };
-    _proto.dispose = function dispose() {
-      [window, this._element, this._dialog].forEach(function (htmlElement) {
-        return EventHandler.off(htmlElement, EVENT_KEY$5);
-      });
-      EventHandler.off(document, EVENT_FOCUSIN);
-      Data.removeData(this._element, DATA_KEY$5);
-      this._config = null;
-      this._element = null;
-      this._dialog = null;
-      this._backdrop = null;
-      this._isShown = null;
-      this._isBodyOverflowing = null;
-      this._ignoreBackdropClick = null;
-      this._isTransitioning = null;
-      this._scrollbarWidth = null;
-    };
-    _proto.handleUpdate = function handleUpdate() {
-      this._adjustDialog();
-    }
-    ;
-    _proto._getConfig = function _getConfig(config) {
-      config = _extends$1({}, Default$3, config);
-      typeCheckConfig(NAME$5, config, DefaultType$3);
-      return config;
-    };
-    _proto._showElement = function _showElement(relatedTarget) {
-      var _this3 = this;
-      var transition = this._element.classList.contains(CLASS_NAME_FADE);
-      var modalBody = SelectorEngine.findOne(SELECTOR_MODAL_BODY, this._dialog);
-      if (!this._element.parentNode || this._element.parentNode.nodeType !== Node.ELEMENT_NODE) {
-        document.body.appendChild(this._element);
-      }
-      this._element.style.display = 'block';
-      this._element.removeAttribute('aria-hidden');
-      this._element.setAttribute('aria-modal', true);
-      this._element.setAttribute('role', 'dialog');
-      this._element.scrollTop = 0;
-      if (modalBody) {
-        modalBody.scrollTop = 0;
-      }
-      if (transition) {
-        reflow(this._element);
-      }
-      this._element.classList.add(CLASS_NAME_SHOW$2);
-      if (this._config.focus) {
-        this._enforceFocus();
-      }
-      var transitionComplete = function transitionComplete() {
-        if (_this3._config.focus) {
-          _this3._element.focus();
-        }
-        _this3._isTransitioning = false;
-        EventHandler.trigger(_this3._element, EVENT_SHOWN$2, {
-          relatedTarget: relatedTarget
-        });
-      };
-      if (transition) {
-        var transitionDuration = getTransitionDurationFromElement(this._dialog);
-        EventHandler.one(this._dialog, TRANSITION_END, transitionComplete);
-        emulateTransitionEnd(this._dialog, transitionDuration);
-      } else {
-        transitionComplete();
-      }
-    };
-    _proto._enforceFocus = function _enforceFocus() {
-      var _this4 = this;
-      EventHandler.off(document, EVENT_FOCUSIN);
-      EventHandler.on(document, EVENT_FOCUSIN, function (event) {
-        if (document !== event.target && _this4._element !== event.target && !_this4._element.contains(event.target)) {
-          _this4._element.focus();
-        }
-      });
-    };
-    _proto._setEscapeEvent = function _setEscapeEvent() {
-      var _this5 = this;
-      if (this._isShown) {
-        EventHandler.on(this._element, EVENT_KEYDOWN_DISMISS, function (event) {
-          if (_this5._config.keyboard && event.key === ESCAPE_KEY$1) {
-            event.preventDefault();
-            _this5.hide();
-          } else if (!_this5._config.keyboard && event.key === ESCAPE_KEY$1) {
-            _this5._triggerBackdropTransition();
-          }
-        });
-      } else {
-        EventHandler.off(this._element, EVENT_KEYDOWN_DISMISS);
-      }
-    };
-    _proto._setResizeEvent = function _setResizeEvent() {
-      var _this6 = this;
-      if (this._isShown) {
-        EventHandler.on(window, EVENT_RESIZE, function () {
-          return _this6._adjustDialog();
-        });
-      } else {
-        EventHandler.off(window, EVENT_RESIZE);
-      }
-    };
-    _proto._hideModal = function _hideModal() {
-      var _this7 = this;
-      this._element.style.display = 'none';
-      this._element.setAttribute('aria-hidden', true);
-      this._element.removeAttribute('aria-modal');
-      this._element.removeAttribute('role');
-      this._isTransitioning = false;
-      this._showBackdrop(function () {
-        document.body.classList.remove(CLASS_NAME_OPEN);
-        _this7._resetAdjustments();
-        _this7._resetScrollbar();
-        EventHandler.trigger(_this7._element, EVENT_HIDDEN$2);
-      });
-    };
-    _proto._removeBackdrop = function _removeBackdrop() {
-      this._backdrop.parentNode.removeChild(this._backdrop);
-      this._backdrop = null;
-    };
-    _proto._showBackdrop = function _showBackdrop(callback) {
-      var _this8 = this;
-      var animate = this._element.classList.contains(CLASS_NAME_FADE) ? CLASS_NAME_FADE : '';
-      if (this._isShown && this._config.backdrop) {
-        this._backdrop = document.createElement('div');
-        this._backdrop.className = CLASS_NAME_BACKDROP;
-        if (animate) {
-          this._backdrop.classList.add(animate);
-        }
-        document.body.appendChild(this._backdrop);
-        EventHandler.on(this._element, EVENT_CLICK_DISMISS, function (event) {
-          if (_this8._ignoreBackdropClick) {
-            _this8._ignoreBackdropClick = false;
-            return;
-          }
-          if (event.target !== event.currentTarget) {
-            return;
-          }
-          _this8._triggerBackdropTransition();
-        });
-        if (animate) {
-          reflow(this._backdrop);
-        }
-        this._backdrop.classList.add(CLASS_NAME_SHOW$2);
-        if (!animate) {
-          callback();
-          return;
-        }
-        var backdropTransitionDuration = getTransitionDurationFromElement(this._backdrop);
-        EventHandler.one(this._backdrop, TRANSITION_END, callback);
-        emulateTransitionEnd(this._backdrop, backdropTransitionDuration);
-      } else if (!this._isShown && this._backdrop) {
-        this._backdrop.classList.remove(CLASS_NAME_SHOW$2);
-        var callbackRemove = function callbackRemove() {
-          _this8._removeBackdrop();
-          callback();
-        };
-        if (this._element.classList.contains(CLASS_NAME_FADE)) {
-          var _backdropTransitionDuration = getTransitionDurationFromElement(this._backdrop);
-          EventHandler.one(this._backdrop, TRANSITION_END, callbackRemove);
-          emulateTransitionEnd(this._backdrop, _backdropTransitionDuration);
-        } else {
-          callbackRemove();
-        }
-      } else {
-        callback();
-      }
-    };
-    _proto._triggerBackdropTransition = function _triggerBackdropTransition() {
-      var _this9 = this;
-      if (this._config.backdrop === 'static') {
-        var hideEvent = EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED);
-        if (hideEvent.defaultPrevented) {
-          return;
-        }
-        var isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight;
-        if (!isModalOverflowing) {
-          this._element.style.overflowY = 'hidden';
-        }
-        this._element.classList.add(CLASS_NAME_STATIC);
-        var modalTransitionDuration = getTransitionDurationFromElement(this._dialog);
-        EventHandler.off(this._element, TRANSITION_END);
-        EventHandler.one(this._element, TRANSITION_END, function () {
-          _this9._element.classList.remove(CLASS_NAME_STATIC);
-          if (!isModalOverflowing) {
-            EventHandler.one(_this9._element, TRANSITION_END, function () {
-              _this9._element.style.overflowY = '';
-            });
-            emulateTransitionEnd(_this9._element, modalTransitionDuration);
-          }
-        });
-        emulateTransitionEnd(this._element, modalTransitionDuration);
-        this._element.focus();
-      } else {
-        this.hide();
-      }
-    }
-    ;
-    _proto._adjustDialog = function _adjustDialog() {
-      var isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight;
-      if (!this._isBodyOverflowing && isModalOverflowing) {
-        this._element.style.paddingLeft = this._scrollbarWidth + "px";
-      }
-      if (this._isBodyOverflowing && !isModalOverflowing) {
-        this._element.style.paddingRight = this._scrollbarWidth + "px";
-      }
-    };
-    _proto._resetAdjustments = function _resetAdjustments() {
-      this._element.style.paddingLeft = '';
-      this._element.style.paddingRight = '';
-    };
-    _proto._checkScrollbar = function _checkScrollbar() {
-      var rect = document.body.getBoundingClientRect();
-      this._isBodyOverflowing = Math.round(rect.left + rect.right) < window.innerWidth;
-      this._scrollbarWidth = this._getScrollbarWidth();
-    };
-    _proto._setScrollbar = function _setScrollbar() {
-      var _this10 = this;
-      if (this._isBodyOverflowing) {
-        SelectorEngine.find(SELECTOR_FIXED_CONTENT).forEach(function (element) {
-          var actualPadding = element.style.paddingRight;
-          var calculatedPadding = window.getComputedStyle(element)['padding-right'];
-          Manipulator.setDataAttribute(element, 'padding-right', actualPadding);
-          element.style.paddingRight = parseFloat(calculatedPadding) + _this10._scrollbarWidth + "px";
-        });
-        SelectorEngine.find(SELECTOR_STICKY_CONTENT).forEach(function (element) {
-          var actualMargin = element.style.marginRight;
-          var calculatedMargin = window.getComputedStyle(element)['margin-right'];
-          Manipulator.setDataAttribute(element, 'margin-right', actualMargin);
-          element.style.marginRight = parseFloat(calculatedMargin) - _this10._scrollbarWidth + "px";
-        });
-        var actualPadding = document.body.style.paddingRight;
-        var calculatedPadding = window.getComputedStyle(document.body)['padding-right'];
-        Manipulator.setDataAttribute(document.body, 'padding-right', actualPadding);
-        document.body.style.paddingRight = parseFloat(calculatedPadding) + this._scrollbarWidth + "px";
-      }
-      document.body.classList.add(CLASS_NAME_OPEN);
-    };
-    _proto._resetScrollbar = function _resetScrollbar() {
-      SelectorEngine.find(SELECTOR_FIXED_CONTENT).forEach(function (element) {
-        var padding = Manipulator.getDataAttribute(element, 'padding-right');
-        if (typeof padding !== 'undefined') {
-          Manipulator.removeDataAttribute(element, 'padding-right');
-          element.style.paddingRight = padding;
-        }
-      });
-      SelectorEngine.find("" + SELECTOR_STICKY_CONTENT).forEach(function (element) {
-        var margin = Manipulator.getDataAttribute(element, 'margin-right');
-        if (typeof margin !== 'undefined') {
-          Manipulator.removeDataAttribute(element, 'margin-right');
-          element.style.marginRight = margin;
-        }
-      });
-      var padding = Manipulator.getDataAttribute(document.body, 'padding-right');
-      if (typeof padding === 'undefined') {
-        document.body.style.paddingRight = '';
-      } else {
-        Manipulator.removeDataAttribute(document.body, 'padding-right');
-        document.body.style.paddingRight = padding;
-      }
-    };
-    _proto._getScrollbarWidth = function _getScrollbarWidth() {
-      var scrollDiv = document.createElement('div');
-      scrollDiv.className = CLASS_NAME_SCROLLBAR_MEASURER;
-      document.body.appendChild(scrollDiv);
-      var scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth;
-      document.body.removeChild(scrollDiv);
-      return scrollbarWidth;
-    }
-    ;
-    Modal.jQueryInterface = function jQueryInterface(config, relatedTarget) {
-      return this.each(function () {
-        var data = Data.getData(this, DATA_KEY$5);
-        var _config = _extends$1({}, Default$3, Manipulator.getDataAttributes(this), typeof config === 'object' && config ? config : {});
-        if (!data) {
-          data = new Modal(this, _config);
-        }
-        if (typeof config === 'string') {
-          if (typeof data[config] === 'undefined') {
-            throw new TypeError("No method named \"" + config + "\"");
-          }
-          data[config](relatedTarget);
-        } else if (_config.show) {
-          data.show(relatedTarget);
-        }
-      });
-    };
-    Modal.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY$5);
-    };
-    _createClass(Modal, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION$5;
-      }
-    }, {
-      key: "Default",
-      get: function get() {
-        return Default$3;
-      }
-    }]);
-    return Modal;
-  }();
-  EventHandler.on(document, EVENT_CLICK_DATA_API$5, SELECTOR_DATA_TOGGLE$3, function (event) {
-    var _this11 = this;
-    var target = getElementFromSelector(this);
-    if (this.tagName === 'A' || this.tagName === 'AREA') {
-      event.preventDefault();
-    }
-    EventHandler.one(target, EVENT_SHOW$2, function (showEvent) {
-      if (showEvent.defaultPrevented) {
-        return;
-      }
-      EventHandler.one(target, EVENT_HIDDEN$2, function () {
-        if (isVisible(_this11)) {
-          _this11.focus();
-        }
-      });
-    });
-    var data = Data.getData(target, DATA_KEY$5);
-    if (!data) {
-      var config = _extends$1({}, Manipulator.getDataAttributes(target), Manipulator.getDataAttributes(this));
-      data = new Modal(target, config);
-    }
-    data.show(this);
-  });
-  var $$6 = getjQuery();
-  if ($$6) {
-    var JQUERY_NO_CONFLICT$5 = $$6.fn[NAME$5];
-    $$6.fn[NAME$5] = Modal.jQueryInterface;
-    $$6.fn[NAME$5].Constructor = Modal;
-    $$6.fn[NAME$5].noConflict = function () {
-      $$6.fn[NAME$5] = JQUERY_NO_CONFLICT$5;
-      return Modal.jQueryInterface;
-    };
-  }
-  var uriAttrs = ['background', 'cite', 'href', 'itemtype', 'longdesc', 'poster', 'src', 'xlink:href'];
-  var ARIA_ATTRIBUTE_PATTERN = /^aria-[\w-]*$/i;
-  var SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file):|[^#&/:?]*(?:[#/?]|$))/gi;
-  var DATA_URL_PATTERN = /^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[\d+/a-z]+=*$/i;
-  var allowedAttribute = function allowedAttribute(attr, allowedAttributeList) {
-    var attrName = attr.nodeName.toLowerCase();
-    if (allowedAttributeList.indexOf(attrName) !== -1) {
-      if (uriAttrs.indexOf(attrName) !== -1) {
-        return Boolean(attr.nodeValue.match(SAFE_URL_PATTERN) || attr.nodeValue.match(DATA_URL_PATTERN));
-      }
-      return true;
-    }
-    var regExp = allowedAttributeList.filter(function (attrRegex) {
-      return attrRegex instanceof RegExp;
-    });
-    for (var i = 0, len = regExp.length; i < len; i++) {
-      if (attrName.match(regExp[i])) {
-        return true;
-      }
-    }
-    return false;
-  };
-  var DefaultAllowlist = {
-    '*': ['class', 'dir', 'id', 'lang', 'role', ARIA_ATTRIBUTE_PATTERN],
-    a: ['target', 'href', 'title', 'rel'],
-    area: [],
-    b: [],
-    br: [],
-    col: [],
-    code: [],
-    div: [],
-    em: [],
-    hr: [],
-    h1: [],
-    h2: [],
-    h3: [],
-    h4: [],
-    h5: [],
-    h6: [],
-    i: [],
-    img: ['src', 'srcset', 'alt', 'title', 'width', 'height'],
-    li: [],
-    ol: [],
-    p: [],
-    pre: [],
-    s: [],
-    small: [],
-    span: [],
-    sub: [],
-    sup: [],
-    strong: [],
-    u: [],
-    ul: []
-  };
-  function sanitizeHtml(unsafeHtml, allowList, sanitizeFn) {
-    var _ref;
-    if (!unsafeHtml.length) {
-      return unsafeHtml;
-    }
-    if (sanitizeFn && typeof sanitizeFn === 'function') {
-      return sanitizeFn(unsafeHtml);
-    }
-    var domParser = new window.DOMParser();
-    var createdDocument = domParser.parseFromString(unsafeHtml, 'text/html');
-    var allowlistKeys = Object.keys(allowList);
-    var elements = (_ref = []).concat.apply(_ref, createdDocument.body.querySelectorAll('*'));
-    var _loop = function _loop(i, len) {
-      var _ref2;
-      var el = elements[i];
-      var elName = el.nodeName.toLowerCase();
-      if (allowlistKeys.indexOf(elName) === -1) {
-        el.parentNode.removeChild(el);
-        return "continue";
-      }
-      var attributeList = (_ref2 = []).concat.apply(_ref2, el.attributes);
-      var allowedAttributes = [].concat(allowList['*'] || [], allowList[elName] || []);
-      attributeList.forEach(function (attr) {
-        if (!allowedAttribute(attr, allowedAttributes)) {
-          el.removeAttribute(attr.nodeName);
-        }
-      });
-    };
-    for (var i = 0, len = elements.length; i < len; i++) {
-      var _ret = _loop(i);
-      if (_ret === "continue") continue;
-    }
-    return createdDocument.body.innerHTML;
-  }
-  var NAME$6 = 'tooltip';
-  var VERSION$6 = '5.0.0-alpha2';
-  var DATA_KEY$6 = 'bs.tooltip';
-  var EVENT_KEY$6 = "." + DATA_KEY$6;
-  var CLASS_PREFIX = 'bs-tooltip';
-  var BSCLS_PREFIX_REGEX = new RegExp("(^|\\s)" + CLASS_PREFIX + "\\S+", 'g');
-  var DISALLOWED_ATTRIBUTES = ['sanitize', 'allowList', 'sanitizeFn'];
-  var DefaultType$4 = {
-    animation: 'boolean',
-    template: 'string',
-    title: '(string|element|function)',
-    trigger: 'string',
-    delay: '(number|object)',
-    html: 'boolean',
-    selector: '(string|boolean)',
-    placement: '(string|function)',
-    offset: '(number|string|function)',
-    container: '(string|element|boolean)',
-    fallbackPlacement: '(string|array)',
-    boundary: '(string|element)',
-    sanitize: 'boolean',
-    sanitizeFn: '(null|function)',
-    allowList: 'object',
-    popperConfig: '(null|object)'
-  };
-  var AttachmentMap = {
-    AUTO: 'auto',
-    TOP: 'top',
-    RIGHT: 'right',
-    BOTTOM: 'bottom',
-    LEFT: 'left'
-  };
-  var Default$4 = {
-    animation: true,
-    template: '<div class="tooltip" role="tooltip">' + '<div class="tooltip-arrow"></div>' + '<div class="tooltip-inner"></div></div>',
-    trigger: 'hover focus',
-    title: '',
-    delay: 0,
-    html: false,
-    selector: false,
-    placement: 'top',
-    offset: 0,
-    container: false,
-    fallbackPlacement: 'flip',
-    boundary: 'scrollParent',
-    sanitize: true,
-    sanitizeFn: null,
-    allowList: DefaultAllowlist,
-    popperConfig: null
-  };
-  var Event$1 = {
-    HIDE: "hide" + EVENT_KEY$6,
-    HIDDEN: "hidden" + EVENT_KEY$6,
-    SHOW: "show" + EVENT_KEY$6,
-    SHOWN: "shown" + EVENT_KEY$6,
-    INSERTED: "inserted" + EVENT_KEY$6,
-    CLICK: "click" + EVENT_KEY$6,
-    FOCUSIN: "focusin" + EVENT_KEY$6,
-    FOCUSOUT: "focusout" + EVENT_KEY$6,
-    MOUSEENTER: "mouseenter" + EVENT_KEY$6,
-    MOUSELEAVE: "mouseleave" + EVENT_KEY$6
-  };
-  var CLASS_NAME_FADE$1 = 'fade';
-  var CLASS_NAME_MODAL = 'modal';
-  var CLASS_NAME_SHOW$3 = 'show';
-  var HOVER_STATE_SHOW = 'show';
-  var HOVER_STATE_OUT = 'out';
-  var SELECTOR_TOOLTIP_INNER = '.tooltip-inner';
-  var TRIGGER_HOVER = 'hover';
-  var TRIGGER_FOCUS = 'focus';
-  var TRIGGER_CLICK = 'click';
-  var TRIGGER_MANUAL = 'manual';
-  var Tooltip = function () {
-    function Tooltip(element, config) {
-      if (typeof Popper === 'undefined') {
-        throw new TypeError('Bootstrap\'s tooltips require Popper.js (https://popper.js.org)');
-      }
-      this._isEnabled = true;
-      this._timeout = 0;
-      this._hoverState = '';
-      this._activeTrigger = {};
-      this._popper = null;
-      this.element = element;
-      this.config = this._getConfig(config);
-      this.tip = null;
-      this._setListeners();
-      Data.setData(element, this.constructor.DATA_KEY, this);
-    }
-    var _proto = Tooltip.prototype;
-    _proto.enable = function enable() {
-      this._isEnabled = true;
-    };
-    _proto.disable = function disable() {
-      this._isEnabled = false;
-    };
-    _proto.toggleEnabled = function toggleEnabled() {
-      this._isEnabled = !this._isEnabled;
-    };
-    _proto.toggle = function toggle(event) {
-      if (!this._isEnabled) {
-        return;
-      }
-      if (event) {
-        var dataKey = this.constructor.DATA_KEY;
-        var context = Data.getData(event.delegateTarget, dataKey);
-        if (!context) {
-          context = new this.constructor(event.delegateTarget, this._getDelegateConfig());
-          Data.setData(event.delegateTarget, dataKey, context);
-        }
-        context._activeTrigger.click = !context._activeTrigger.click;
-        if (context._isWithActiveTrigger()) {
-          context._enter(null, context);
-        } else {
-          context._leave(null, context);
-        }
-      } else {
-        if (this.getTipElement().classList.contains(CLASS_NAME_SHOW$3)) {
-          this._leave(null, this);
-          return;
-        }
-        this._enter(null, this);
-      }
-    };
-    _proto.dispose = function dispose() {
-      clearTimeout(this._timeout);
-      Data.removeData(this.element, this.constructor.DATA_KEY);
-      EventHandler.off(this.element, this.constructor.EVENT_KEY);
-      EventHandler.off(this.element.closest("." + CLASS_NAME_MODAL), 'hide.bs.modal', this._hideModalHandler);
-      if (this.tip) {
-        this.tip.parentNode.removeChild(this.tip);
-      }
-      this._isEnabled = null;
-      this._timeout = null;
-      this._hoverState = null;
-      this._activeTrigger = null;
-      if (this._popper) {
-        this._popper.destroy();
-      }
-      this._popper = null;
-      this.element = null;
-      this.config = null;
-      this.tip = null;
-    };
-    _proto.show = function show() {
-      var _this = this;
-      if (this.element.style.display === 'none') {
-        throw new Error('Please use show on visible elements');
-      }
-      if (this.isWithContent() && this._isEnabled) {
-        var showEvent = EventHandler.trigger(this.element, this.constructor.Event.SHOW);
-        var shadowRoot = findShadowRoot(this.element);
-        var isInTheDom = shadowRoot === null ? this.element.ownerDocument.documentElement.contains(this.element) : shadowRoot.contains(this.element);
-        if (showEvent.defaultPrevented || !isInTheDom) {
-          return;
-        }
-        var tip = this.getTipElement();
-        var tipId = getUID(this.constructor.NAME);
-        tip.setAttribute('id', tipId);
-        this.element.setAttribute('aria-describedby', tipId);
-        this.setContent();
-        if (this.config.animation) {
-          tip.classList.add(CLASS_NAME_FADE$1);
-        }
-        var placement = typeof this.config.placement === 'function' ? this.config.placement.call(this, tip, this.element) : this.config.placement;
-        var attachment = this._getAttachment(placement);
-        this._addAttachmentClass(attachment);
-        var container = this._getContainer();
-        Data.setData(tip, this.constructor.DATA_KEY, this);
-        if (!this.element.ownerDocument.documentElement.contains(this.tip)) {
-          container.appendChild(tip);
-        }
-        EventHandler.trigger(this.element, this.constructor.Event.INSERTED);
-        this._popper = new Popper(this.element, tip, this._getPopperConfig(attachment));
-        tip.classList.add(CLASS_NAME_SHOW$3);
-        if ('ontouchstart' in document.documentElement) {
-          var _ref;
-          (_ref = []).concat.apply(_ref, document.body.children).forEach(function (element) {
-            EventHandler.on(element, 'mouseover', noop());
-          });
-        }
-        var complete = function complete() {
-          if (_this.config.animation) {
-            _this._fixTransition();
-          }
-          var prevHoverState = _this._hoverState;
-          _this._hoverState = null;
-          EventHandler.trigger(_this.element, _this.constructor.Event.SHOWN);
-          if (prevHoverState === HOVER_STATE_OUT) {
-            _this._leave(null, _this);
-          }
-        };
-        if (this.tip.classList.contains(CLASS_NAME_FADE$1)) {
-          var transitionDuration = getTransitionDurationFromElement(this.tip);
-          EventHandler.one(this.tip, TRANSITION_END, complete);
-          emulateTransitionEnd(this.tip, transitionDuration);
-        } else {
-          complete();
-        }
-      }
-    };
-    _proto.hide = function hide() {
-      var _this2 = this;
-      if (!this._popper) {
-        return;
-      }
-      var tip = this.getTipElement();
-      var complete = function complete() {
-        if (_this2._hoverState !== HOVER_STATE_SHOW && tip.parentNode) {
-          tip.parentNode.removeChild(tip);
-        }
-        _this2._cleanTipClass();
-        _this2.element.removeAttribute('aria-describedby');
-        EventHandler.trigger(_this2.element, _this2.constructor.Event.HIDDEN);
-        _this2._popper.destroy();
-      };
-      var hideEvent = EventHandler.trigger(this.element, this.constructor.Event.HIDE);
-      if (hideEvent.defaultPrevented) {
-        return;
-      }
-      tip.classList.remove(CLASS_NAME_SHOW$3);
-      if ('ontouchstart' in document.documentElement) {
-        var _ref2;
-        (_ref2 = []).concat.apply(_ref2, document.body.children).forEach(function (element) {
-          return EventHandler.off(element, 'mouseover', noop);
-        });
-      }
-      this._activeTrigger[TRIGGER_CLICK] = false;
-      this._activeTrigger[TRIGGER_FOCUS] = false;
-      this._activeTrigger[TRIGGER_HOVER] = false;
-      if (this.tip.classList.contains(CLASS_NAME_FADE$1)) {
-        var transitionDuration = getTransitionDurationFromElement(tip);
-        EventHandler.one(tip, TRANSITION_END, complete);
-        emulateTransitionEnd(tip, transitionDuration);
-      } else {
-        complete();
-      }
-      this._hoverState = '';
-    };
-    _proto.update = function update() {
-      if (this._popper !== null) {
-        this._popper.scheduleUpdate();
-      }
-    }
-    ;
-    _proto.isWithContent = function isWithContent() {
-      return Boolean(this.getTitle());
-    };
-    _proto.getTipElement = function getTipElement() {
-      if (this.tip) {
-        return this.tip;
-      }
-      var element = document.createElement('div');
-      element.innerHTML = this.config.template;
-      this.tip = element.children[0];
-      return this.tip;
-    };
-    _proto.setContent = function setContent() {
-      var tip = this.getTipElement();
-      this.setElementContent(SelectorEngine.findOne(SELECTOR_TOOLTIP_INNER, tip), this.getTitle());
-      tip.classList.remove(CLASS_NAME_FADE$1, CLASS_NAME_SHOW$3);
-    };
-    _proto.setElementContent = function setElementContent(element, content) {
-      if (element === null) {
-        return;
-      }
-      if (typeof content === 'object' && isElement(content)) {
-        if (content.jquery) {
-          content = content[0];
-        }
-        if (this.config.html) {
-          if (content.parentNode !== element) {
-            element.innerHTML = '';
-            element.appendChild(content);
-          }
-        } else {
-          element.textContent = content.textContent;
-        }
-        return;
-      }
-      if (this.config.html) {
-        if (this.config.sanitize) {
-          content = sanitizeHtml(content, this.config.allowList, this.config.sanitizeFn);
-        }
-        element.innerHTML = content;
-      } else {
-        element.textContent = content;
-      }
-    };
-    _proto.getTitle = function getTitle() {
-      var title = this.element.getAttribute('data-original-title');
-      if (!title) {
-        title = typeof this.config.title === 'function' ? this.config.title.call(this.element) : this.config.title;
-      }
-      return title;
-    }
-    ;
-    _proto._getPopperConfig = function _getPopperConfig(attachment) {
-      var _this3 = this;
-      var defaultBsConfig = {
-        placement: attachment,
-        modifiers: {
-          offset: this._getOffset(),
-          flip: {
-            behavior: this.config.fallbackPlacement
-          },
-          arrow: {
-            element: "." + this.constructor.NAME + "-arrow"
-          },
-          preventOverflow: {
-            boundariesElement: this.config.boundary
-          }
-        },
-        onCreate: function onCreate(data) {
-          if (data.originalPlacement !== data.placement) {
-            _this3._handlePopperPlacementChange(data);
-          }
-        },
-        onUpdate: function onUpdate(data) {
-          return _this3._handlePopperPlacementChange(data);
-        }
-      };
-      return _extends$1({}, defaultBsConfig, this.config.popperConfig);
-    };
-    _proto._addAttachmentClass = function _addAttachmentClass(attachment) {
-      this.getTipElement().classList.add(CLASS_PREFIX + "-" + attachment);
-    };
-    _proto._getOffset = function _getOffset() {
-      var _this4 = this;
-      var offset = {};
-      if (typeof this.config.offset === 'function') {
-        offset.fn = function (data) {
-          data.offsets = _extends$1({}, data.offsets, _this4.config.offset(data.offsets, _this4.element) || {});
-          return data;
-        };
-      } else {
-        offset.offset = this.config.offset;
-      }
-      return offset;
-    };
-    _proto._getContainer = function _getContainer() {
-      if (this.config.container === false) {
-        return document.body;
-      }
-      if (isElement(this.config.container)) {
-        return this.config.container;
-      }
-      return SelectorEngine.findOne(this.config.container);
-    };
-    _proto._getAttachment = function _getAttachment(placement) {
-      return AttachmentMap[placement.toUpperCase()];
-    };
-    _proto._setListeners = function _setListeners() {
-      var _this5 = this;
-      var triggers = this.config.trigger.split(' ');
-      triggers.forEach(function (trigger) {
-        if (trigger === 'click') {
-          EventHandler.on(_this5.element, _this5.constructor.Event.CLICK, _this5.config.selector, function (event) {
-            return _this5.toggle(event);
-          });
-        } else if (trigger !== TRIGGER_MANUAL) {
-          var eventIn = trigger === TRIGGER_HOVER ? _this5.constructor.Event.MOUSEENTER : _this5.constructor.Event.FOCUSIN;
-          var eventOut = trigger === TRIGGER_HOVER ? _this5.constructor.Event.MOUSELEAVE : _this5.constructor.Event.FOCUSOUT;
-          EventHandler.on(_this5.element, eventIn, _this5.config.selector, function (event) {
-            return _this5._enter(event);
-          });
-          EventHandler.on(_this5.element, eventOut, _this5.config.selector, function (event) {
-            return _this5._leave(event);
-          });
-        }
-      });
-      this._hideModalHandler = function () {
-        if (_this5.element) {
-          _this5.hide();
-        }
-      };
-      EventHandler.on(this.element.closest("." + CLASS_NAME_MODAL), 'hide.bs.modal', this._hideModalHandler);
-      if (this.config.selector) {
-        this.config = _extends$1({}, this.config, {
-          trigger: 'manual',
-          selector: ''
-        });
-      } else {
-        this._fixTitle();
-      }
-    };
-    _proto._fixTitle = function _fixTitle() {
-      var titleType = typeof this.element.getAttribute('data-original-title');
-      if (this.element.getAttribute('title') || titleType !== 'string') {
-        this.element.setAttribute('data-original-title', this.element.getAttribute('title') || '');
-        this.element.setAttribute('title', '');
-      }
-    };
-    _proto._enter = function _enter(event, context) {
-      var dataKey = this.constructor.DATA_KEY;
-      context = context || Data.getData(event.delegateTarget, dataKey);
-      if (!context) {
-        context = new this.constructor(event.delegateTarget, this._getDelegateConfig());
-        Data.setData(event.delegateTarget, dataKey, context);
-      }
-      if (event) {
-        context._activeTrigger[event.type === 'focusin' ? TRIGGER_FOCUS : TRIGGER_HOVER] = true;
-      }
-      if (context.getTipElement().classList.contains(CLASS_NAME_SHOW$3) || context._hoverState === HOVER_STATE_SHOW) {
-        context._hoverState = HOVER_STATE_SHOW;
-        return;
-      }
-      clearTimeout(context._timeout);
-      context._hoverState = HOVER_STATE_SHOW;
-      if (!context.config.delay || !context.config.delay.show) {
-        context.show();
-        return;
-      }
-      context._timeout = setTimeout(function () {
-        if (context._hoverState === HOVER_STATE_SHOW) {
-          context.show();
-        }
-      }, context.config.delay.show);
-    };
-    _proto._leave = function _leave(event, context) {
-      var dataKey = this.constructor.DATA_KEY;
-      context = context || Data.getData(event.delegateTarget, dataKey);
-      if (!context) {
-        context = new this.constructor(event.delegateTarget, this._getDelegateConfig());
-        Data.setData(event.delegateTarget, dataKey, context);
-      }
-      if (event) {
-        context._activeTrigger[event.type === 'focusout' ? TRIGGER_FOCUS : TRIGGER_HOVER] = false;
-      }
-      if (context._isWithActiveTrigger()) {
-        return;
-      }
-      clearTimeout(context._timeout);
-      context._hoverState = HOVER_STATE_OUT;
-      if (!context.config.delay || !context.config.delay.hide) {
-        context.hide();
-        return;
-      }
-      context._timeout = setTimeout(function () {
-        if (context._hoverState === HOVER_STATE_OUT) {
-          context.hide();
-        }
-      }, context.config.delay.hide);
-    };
-    _proto._isWithActiveTrigger = function _isWithActiveTrigger() {
-      for (var trigger in this._activeTrigger) {
-        if (this._activeTrigger[trigger]) {
-          return true;
-        }
-      }
-      return false;
-    };
-    _proto._getConfig = function _getConfig(config) {
-      var dataAttributes = Manipulator.getDataAttributes(this.element);
-      Object.keys(dataAttributes).forEach(function (dataAttr) {
-        if (DISALLOWED_ATTRIBUTES.indexOf(dataAttr) !== -1) {
-          delete dataAttributes[dataAttr];
-        }
-      });
-      if (config && typeof config.container === 'object' && config.container.jquery) {
-        config.container = config.container[0];
-      }
-      config = _extends$1({}, this.constructor.Default, dataAttributes, typeof config === 'object' && config ? config : {});
-      if (typeof config.delay === 'number') {
-        config.delay = {
-          show: config.delay,
-          hide: config.delay
-        };
-      }
-      if (typeof config.title === 'number') {
-        config.title = config.title.toString();
-      }
-      if (typeof config.content === 'number') {
-        config.content = config.content.toString();
-      }
-      typeCheckConfig(NAME$6, config, this.constructor.DefaultType);
-      if (config.sanitize) {
-        config.template = sanitizeHtml(config.template, config.allowList, config.sanitizeFn);
-      }
-      return config;
-    };
-    _proto._getDelegateConfig = function _getDelegateConfig() {
-      var config = {};
-      if (this.config) {
-        for (var key in this.config) {
-          if (this.constructor.Default[key] !== this.config[key]) {
-            config[key] = this.config[key];
-          }
-        }
-      }
-      return config;
-    };
-    _proto._cleanTipClass = function _cleanTipClass() {
-      var tip = this.getTipElement();
-      var tabClass = tip.getAttribute('class').match(BSCLS_PREFIX_REGEX);
-      if (tabClass !== null && tabClass.length > 0) {
-        tabClass.map(function (token) {
-          return token.trim();
-        }).forEach(function (tClass) {
-          return tip.classList.remove(tClass);
-        });
-      }
-    };
-    _proto._handlePopperPlacementChange = function _handlePopperPlacementChange(popperData) {
-      this.tip = popperData.instance.popper;
-      this._cleanTipClass();
-      this._addAttachmentClass(this._getAttachment(popperData.placement));
-    };
-    _proto._fixTransition = function _fixTransition() {
-      var tip = this.getTipElement();
-      var initConfigAnimation = this.config.animation;
-      if (tip.getAttribute('x-placement') !== null) {
-        return;
-      }
-      tip.classList.remove(CLASS_NAME_FADE$1);
-      this.config.animation = false;
-      this.hide();
-      this.show();
-      this.config.animation = initConfigAnimation;
-    }
-    ;
-    Tooltip.jQueryInterface = function jQueryInterface(config) {
-      return this.each(function () {
-        var data = Data.getData(this, DATA_KEY$6);
-        var _config = typeof config === 'object' && config;
-        if (!data && /dispose|hide/.test(config)) {
-          return;
-        }
-        if (!data) {
-          data = new Tooltip(this, _config);
-        }
-        if (typeof config === 'string') {
-          if (typeof data[config] === 'undefined') {
-            throw new TypeError("No method named \"" + config + "\"");
-          }
-          data[config]();
-        }
-      });
-    };
-    Tooltip.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY$6);
-    };
-    _createClass(Tooltip, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION$6;
-      }
-    }, {
-      key: "Default",
-      get: function get() {
-        return Default$4;
-      }
-    }, {
-      key: "NAME",
-      get: function get() {
-        return NAME$6;
-      }
-    }, {
-      key: "DATA_KEY",
-      get: function get() {
-        return DATA_KEY$6;
-      }
-    }, {
-      key: "Event",
-      get: function get() {
-        return Event$1;
-      }
-    }, {
-      key: "EVENT_KEY",
-      get: function get() {
-        return EVENT_KEY$6;
-      }
-    }, {
-      key: "DefaultType",
-      get: function get() {
-        return DefaultType$4;
-      }
-    }]);
-    return Tooltip;
-  }();
-  var $$7 = getjQuery();
-  if ($$7) {
-    var JQUERY_NO_CONFLICT$6 = $$7.fn[NAME$6];
-    $$7.fn[NAME$6] = Tooltip.jQueryInterface;
-    $$7.fn[NAME$6].Constructor = Tooltip;
-    $$7.fn[NAME$6].noConflict = function () {
-      $$7.fn[NAME$6] = JQUERY_NO_CONFLICT$6;
-      return Tooltip.jQueryInterface;
-    };
-  }
-  var NAME$7 = 'popover';
-  var VERSION$7 = '5.0.0-alpha2';
-  var DATA_KEY$7 = 'bs.popover';
-  var EVENT_KEY$7 = "." + DATA_KEY$7;
-  var CLASS_PREFIX$1 = 'bs-popover';
-  var BSCLS_PREFIX_REGEX$1 = new RegExp("(^|\\s)" + CLASS_PREFIX$1 + "\\S+", 'g');
-  var Default$5 = _extends$1({}, Tooltip.Default, {
-    placement: 'right',
-    trigger: 'click',
-    content: '',
-    template: '<div class="popover" role="tooltip">' + '<div class="popover-arrow"></div>' + '<h3 class="popover-header"></h3>' + '<div class="popover-body"></div></div>'
-  });
-  var DefaultType$5 = _extends$1({}, Tooltip.DefaultType, {
-    content: '(string|element|function)'
-  });
-  var Event$2 = {
-    HIDE: "hide" + EVENT_KEY$7,
-    HIDDEN: "hidden" + EVENT_KEY$7,
-    SHOW: "show" + EVENT_KEY$7,
-    SHOWN: "shown" + EVENT_KEY$7,
-    INSERTED: "inserted" + EVENT_KEY$7,
-    CLICK: "click" + EVENT_KEY$7,
-    FOCUSIN: "focusin" + EVENT_KEY$7,
-    FOCUSOUT: "focusout" + EVENT_KEY$7,
-    MOUSEENTER: "mouseenter" + EVENT_KEY$7,
-    MOUSELEAVE: "mouseleave" + EVENT_KEY$7
-  };
-  var CLASS_NAME_FADE$2 = 'fade';
-  var CLASS_NAME_SHOW$4 = 'show';
-  var SELECTOR_TITLE = '.popover-header';
-  var SELECTOR_CONTENT = '.popover-body';
-  var Popover = function (_Tooltip) {
-    _inheritsLoose(Popover, _Tooltip);
-    function Popover() {
-      return _Tooltip.apply(this, arguments) || this;
-    }
-    var _proto = Popover.prototype;
-    _proto.isWithContent = function isWithContent() {
-      return this.getTitle() || this._getContent();
-    };
-    _proto.setContent = function setContent() {
-      var tip = this.getTipElement();
-      this.setElementContent(SelectorEngine.findOne(SELECTOR_TITLE, tip), this.getTitle());
-      var content = this._getContent();
-      if (typeof content === 'function') {
-        content = content.call(this.element);
-      }
-      this.setElementContent(SelectorEngine.findOne(SELECTOR_CONTENT, tip), content);
-      tip.classList.remove(CLASS_NAME_FADE$2, CLASS_NAME_SHOW$4);
-    }
-    ;
-    _proto._addAttachmentClass = function _addAttachmentClass(attachment) {
-      this.getTipElement().classList.add(CLASS_PREFIX$1 + "-" + attachment);
-    };
-    _proto._getContent = function _getContent() {
-      return this.element.getAttribute('data-content') || this.config.content;
-    };
-    _proto._cleanTipClass = function _cleanTipClass() {
-      var tip = this.getTipElement();
-      var tabClass = tip.getAttribute('class').match(BSCLS_PREFIX_REGEX$1);
-      if (tabClass !== null && tabClass.length > 0) {
-        tabClass.map(function (token) {
-          return token.trim();
-        }).forEach(function (tClass) {
-          return tip.classList.remove(tClass);
-        });
-      }
-    }
-    ;
-    Popover.jQueryInterface = function jQueryInterface(config) {
-      return this.each(function () {
-        var data = Data.getData(this, DATA_KEY$7);
-        var _config = typeof config === 'object' ? config : null;
-        if (!data && /dispose|hide/.test(config)) {
-          return;
-        }
-        if (!data) {
-          data = new Popover(this, _config);
-          Data.setData(this, DATA_KEY$7, data);
-        }
-        if (typeof config === 'string') {
-          if (typeof data[config] === 'undefined') {
-            throw new TypeError("No method named \"" + config + "\"");
-          }
-          data[config]();
-        }
-      });
-    };
-    Popover.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY$7);
-    };
-    _createClass(Popover, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION$7;
-      }
-    }, {
-      key: "Default",
-      get: function get() {
-        return Default$5;
-      }
-    }, {
-      key: "NAME",
-      get: function get() {
-        return NAME$7;
-      }
-    }, {
-      key: "DATA_KEY",
-      get: function get() {
-        return DATA_KEY$7;
-      }
-    }, {
-      key: "Event",
-      get: function get() {
-        return Event$2;
-      }
-    }, {
-      key: "EVENT_KEY",
-      get: function get() {
-        return EVENT_KEY$7;
-      }
-    }, {
-      key: "DefaultType",
-      get: function get() {
-        return DefaultType$5;
-      }
-    }]);
-    return Popover;
-  }(Tooltip);
-  var $$8 = getjQuery();
-  if ($$8) {
-    var JQUERY_NO_CONFLICT$7 = $$8.fn[NAME$7];
-    $$8.fn[NAME$7] = Popover.jQueryInterface;
-    $$8.fn[NAME$7].Constructor = Popover;
-    $$8.fn[NAME$7].noConflict = function () {
-      $$8.fn[NAME$7] = JQUERY_NO_CONFLICT$7;
-      return Popover.jQueryInterface;
-    };
-  }
-  var NAME$8 = 'scrollspy';
-  var VERSION$8 = '5.0.0-alpha2';
-  var DATA_KEY$8 = 'bs.scrollspy';
-  var EVENT_KEY$8 = "." + DATA_KEY$8;
-  var DATA_API_KEY$6 = '.data-api';
-  var Default$6 = {
-    offset: 10,
-    method: 'auto',
-    target: ''
-  };
-  var DefaultType$6 = {
-    offset: 'number',
-    method: 'string',
-    target: '(string|element)'
-  };
-  var EVENT_ACTIVATE = "activate" + EVENT_KEY$8;
-  var EVENT_SCROLL = "scroll" + EVENT_KEY$8;
-  var EVENT_LOAD_DATA_API$1 = "load" + EVENT_KEY$8 + DATA_API_KEY$6;
-  var CLASS_NAME_DROPDOWN_ITEM = 'dropdown-item';
-  var CLASS_NAME_ACTIVE$2 = 'active';
-  var SELECTOR_DATA_SPY = '[data-spy="scroll"]';
-  var SELECTOR_NAV_LIST_GROUP = '.nav, .list-group';
-  var SELECTOR_NAV_LINKS = '.nav-link';
-  var SELECTOR_NAV_ITEMS = '.nav-item';
-  var SELECTOR_LIST_ITEMS = '.list-group-item';
-  var SELECTOR_DROPDOWN = '.dropdown';
-  var SELECTOR_DROPDOWN_TOGGLE = '.dropdown-toggle';
-  var METHOD_OFFSET = 'offset';
-  var METHOD_POSITION = 'position';
-  var ScrollSpy = function () {
-    function ScrollSpy(element, config) {
-      var _this = this;
-      this._element = element;
-      this._scrollElement = element.tagName === 'BODY' ? window : element;
-      this._config = this._getConfig(config);
-      this._selector = this._config.target + " " + SELECTOR_NAV_LINKS + ", " + this._config.target + " " + SELECTOR_LIST_ITEMS + ", " + this._config.target + " ." + CLASS_NAME_DROPDOWN_ITEM;
-      this._offsets = [];
-      this._targets = [];
-      this._activeTarget = null;
-      this._scrollHeight = 0;
-      EventHandler.on(this._scrollElement, EVENT_SCROLL, function (event) {
-        return _this._process(event);
-      });
-      this.refresh();
-      this._process();
-      Data.setData(element, DATA_KEY$8, this);
-    }
-    var _proto = ScrollSpy.prototype;
-    _proto.refresh = function refresh() {
-      var _this2 = this;
-      var autoMethod = this._scrollElement === this._scrollElement.window ? METHOD_OFFSET : METHOD_POSITION;
-      var offsetMethod = this._config.method === 'auto' ? autoMethod : this._config.method;
-      var offsetBase = offsetMethod === METHOD_POSITION ? this._getScrollTop() : 0;
-      this._offsets = [];
-      this._targets = [];
-      this._scrollHeight = this._getScrollHeight();
-      var targets = SelectorEngine.find(this._selector);
-      targets.map(function (element) {
-        var targetSelector = getSelectorFromElement(element);
-        var target = targetSelector ? SelectorEngine.findOne(targetSelector) : null;
-        if (target) {
-          var targetBCR = target.getBoundingClientRect();
-          if (targetBCR.width || targetBCR.height) {
-            return [Manipulator[offsetMethod](target).top + offsetBase, targetSelector];
-          }
-        }
-        return null;
-      }).filter(function (item) {
-        return item;
-      }).sort(function (a, b) {
-        return a[0] - b[0];
-      }).forEach(function (item) {
-        _this2._offsets.push(item[0]);
-        _this2._targets.push(item[1]);
-      });
-    };
-    _proto.dispose = function dispose() {
-      Data.removeData(this._element, DATA_KEY$8);
-      EventHandler.off(this._scrollElement, EVENT_KEY$8);
-      this._element = null;
-      this._scrollElement = null;
-      this._config = null;
-      this._selector = null;
-      this._offsets = null;
-      this._targets = null;
-      this._activeTarget = null;
-      this._scrollHeight = null;
-    }
-    ;
-    _proto._getConfig = function _getConfig(config) {
-      config = _extends$1({}, Default$6, typeof config === 'object' && config ? config : {});
-      if (typeof config.target !== 'string' && isElement(config.target)) {
-        var id = config.target.id;
-        if (!id) {
-          id = getUID(NAME$8);
-          config.target.id = id;
-        }
-        config.target = "#" + id;
-      }
-      typeCheckConfig(NAME$8, config, DefaultType$6);
-      return config;
-    };
-    _proto._getScrollTop = function _getScrollTop() {
-      return this._scrollElement === window ? this._scrollElement.pageYOffset : this._scrollElement.scrollTop;
-    };
-    _proto._getScrollHeight = function _getScrollHeight() {
-      return this._scrollElement.scrollHeight || Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
-    };
-    _proto._getOffsetHeight = function _getOffsetHeight() {
-      return this._scrollElement === window ? window.innerHeight : this._scrollElement.getBoundingClientRect().height;
-    };
-    _proto._process = function _process() {
-      var scrollTop = this._getScrollTop() + this._config.offset;
-      var scrollHeight = this._getScrollHeight();
-      var maxScroll = this._config.offset + scrollHeight - this._getOffsetHeight();
-      if (this._scrollHeight !== scrollHeight) {
-        this.refresh();
-      }
-      if (scrollTop >= maxScroll) {
-        var target = this._targets[this._targets.length - 1];
-        if (this._activeTarget !== target) {
-          this._activate(target);
-        }
-        return;
-      }
-      if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {
-        this._activeTarget = null;
-        this._clear();
-        return;
-      }
-      for (var i = this._offsets.length; i--;) {
-        var isActiveTarget = this._activeTarget !== this._targets[i] && scrollTop >= this._offsets[i] && (typeof this._offsets[i + 1] === 'undefined' || scrollTop < this._offsets[i + 1]);
-        if (isActiveTarget) {
-          this._activate(this._targets[i]);
-        }
-      }
-    };
-    _proto._activate = function _activate(target) {
-      this._activeTarget = target;
-      this._clear();
-      var queries = this._selector.split(',').map(function (selector) {
-        return selector + "[data-target=\"" + target + "\"]," + selector + "[href=\"" + target + "\"]";
-      });
-      var link = SelectorEngine.findOne(queries.join(','));
-      if (link.classList.contains(CLASS_NAME_DROPDOWN_ITEM)) {
-        SelectorEngine.findOne(SELECTOR_DROPDOWN_TOGGLE, link.closest(SELECTOR_DROPDOWN)).classList.add(CLASS_NAME_ACTIVE$2);
-        link.classList.add(CLASS_NAME_ACTIVE$2);
-      } else {
-        link.classList.add(CLASS_NAME_ACTIVE$2);
-        SelectorEngine.parents(link, SELECTOR_NAV_LIST_GROUP).forEach(function (listGroup) {
-          SelectorEngine.prev(listGroup, SELECTOR_NAV_LINKS + ", " + SELECTOR_LIST_ITEMS).forEach(function (item) {
-            return item.classList.add(CLASS_NAME_ACTIVE$2);
-          });
-          SelectorEngine.prev(listGroup, SELECTOR_NAV_ITEMS).forEach(function (navItem) {
-            SelectorEngine.children(navItem, SELECTOR_NAV_LINKS).forEach(function (item) {
-              return item.classList.add(CLASS_NAME_ACTIVE$2);
-            });
-          });
-        });
-      }
-      EventHandler.trigger(this._scrollElement, EVENT_ACTIVATE, {
-        relatedTarget: target
-      });
-    };
-    _proto._clear = function _clear() {
-      SelectorEngine.find(this._selector).filter(function (node) {
-        return node.classList.contains(CLASS_NAME_ACTIVE$2);
-      }).forEach(function (node) {
-        return node.classList.remove(CLASS_NAME_ACTIVE$2);
-      });
-    }
-    ;
-    ScrollSpy.jQueryInterface = function jQueryInterface(config) {
-      return this.each(function () {
-        var data = Data.getData(this, DATA_KEY$8);
-        var _config = typeof config === 'object' && config;
-        if (!data) {
-          data = new ScrollSpy(this, _config);
-        }
-        if (typeof config === 'string') {
-          if (typeof data[config] === 'undefined') {
-            throw new TypeError("No method named \"" + config + "\"");
-          }
-          data[config]();
-        }
-      });
-    };
-    ScrollSpy.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY$8);
-    };
-    _createClass(ScrollSpy, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION$8;
-      }
-    }, {
-      key: "Default",
-      get: function get() {
-        return Default$6;
-      }
-    }]);
-    return ScrollSpy;
-  }();
-  EventHandler.on(window, EVENT_LOAD_DATA_API$1, function () {
-    SelectorEngine.find(SELECTOR_DATA_SPY).forEach(function (spy) {
-      return new ScrollSpy(spy, Manipulator.getDataAttributes(spy));
-    });
-  });
-  var $$9 = getjQuery();
-  if ($$9) {
-    var JQUERY_NO_CONFLICT$8 = $$9.fn[NAME$8];
-    $$9.fn[NAME$8] = ScrollSpy.jQueryInterface;
-    $$9.fn[NAME$8].Constructor = ScrollSpy;
-    $$9.fn[NAME$8].noConflict = function () {
-      $$9.fn[NAME$8] = JQUERY_NO_CONFLICT$8;
-      return ScrollSpy.jQueryInterface;
-    };
-  }
-  var NAME$9 = 'tab';
-  var VERSION$9 = '5.0.0-alpha2';
-  var DATA_KEY$9 = 'bs.tab';
-  var EVENT_KEY$9 = "." + DATA_KEY$9;
-  var DATA_API_KEY$7 = '.data-api';
-  var EVENT_HIDE$3 = "hide" + EVENT_KEY$9;
-  var EVENT_HIDDEN$3 = "hidden" + EVENT_KEY$9;
-  var EVENT_SHOW$3 = "show" + EVENT_KEY$9;
-  var EVENT_SHOWN$3 = "shown" + EVENT_KEY$9;
-  var EVENT_CLICK_DATA_API$6 = "click" + EVENT_KEY$9 + DATA_API_KEY$7;
-  var CLASS_NAME_DROPDOWN_MENU = 'dropdown-menu';
-  var CLASS_NAME_ACTIVE$3 = 'active';
-  var CLASS_NAME_DISABLED$1 = 'disabled';
-  var CLASS_NAME_FADE$3 = 'fade';
-  var CLASS_NAME_SHOW$5 = 'show';
-  var SELECTOR_DROPDOWN$1 = '.dropdown';
-  var SELECTOR_NAV_LIST_GROUP$1 = '.nav, .list-group';
-  var SELECTOR_ACTIVE$1 = '.active';
-  var SELECTOR_ACTIVE_UL = ':scope > li > .active';
-  var SELECTOR_DATA_TOGGLE$4 = '[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]';
-  var SELECTOR_DROPDOWN_TOGGLE$1 = '.dropdown-toggle';
-  var SELECTOR_DROPDOWN_ACTIVE_CHILD = ':scope > .dropdown-menu .active';
-  var Tab = function () {
-    function Tab(element) {
-      this._element = element;
-      Data.setData(this._element, DATA_KEY$9, this);
-    }
-    var _proto = Tab.prototype;
-    _proto.show = function show() {
-      var _this = this;
-      if (this._element.parentNode && this._element.parentNode.nodeType === Node.ELEMENT_NODE && this._element.classList.contains(CLASS_NAME_ACTIVE$3) || this._element.classList.contains(CLASS_NAME_DISABLED$1)) {
-        return;
-      }
-      var previous;
-      var target = getElementFromSelector(this._element);
-      var listElement = this._element.closest(SELECTOR_NAV_LIST_GROUP$1);
-      if (listElement) {
-        var itemSelector = listElement.nodeName === 'UL' || listElement.nodeName === 'OL' ? SELECTOR_ACTIVE_UL : SELECTOR_ACTIVE$1;
-        previous = SelectorEngine.find(itemSelector, listElement);
-        previous = previous[previous.length - 1];
-      }
-      var hideEvent = null;
-      if (previous) {
-        hideEvent = EventHandler.trigger(previous, EVENT_HIDE$3, {
-          relatedTarget: this._element
-        });
-      }
-      var showEvent = EventHandler.trigger(this._element, EVENT_SHOW$3, {
-        relatedTarget: previous
-      });
-      if (showEvent.defaultPrevented || hideEvent !== null && hideEvent.defaultPrevented) {
-        return;
-      }
-      this._activate(this._element, listElement);
-      var complete = function complete() {
-        EventHandler.trigger(previous, EVENT_HIDDEN$3, {
-          relatedTarget: _this._element
-        });
-        EventHandler.trigger(_this._element, EVENT_SHOWN$3, {
-          relatedTarget: previous
-        });
-      };
-      if (target) {
-        this._activate(target, target.parentNode, complete);
-      } else {
-        complete();
-      }
-    };
-    _proto.dispose = function dispose() {
-      Data.removeData(this._element, DATA_KEY$9);
-      this._element = null;
-    }
-    ;
-    _proto._activate = function _activate(element, container, callback) {
-      var _this2 = this;
-      var activeElements = container && (container.nodeName === 'UL' || container.nodeName === 'OL') ? SelectorEngine.find(SELECTOR_ACTIVE_UL, container) : SelectorEngine.children(container, SELECTOR_ACTIVE$1);
-      var active = activeElements[0];
-      var isTransitioning = callback && active && active.classList.contains(CLASS_NAME_FADE$3);
-      var complete = function complete() {
-        return _this2._transitionComplete(element, active, callback);
-      };
-      if (active && isTransitioning) {
-        var transitionDuration = getTransitionDurationFromElement(active);
-        active.classList.remove(CLASS_NAME_SHOW$5);
-        EventHandler.one(active, TRANSITION_END, complete);
-        emulateTransitionEnd(active, transitionDuration);
-      } else {
-        complete();
-      }
-    };
-    _proto._transitionComplete = function _transitionComplete(element, active, callback) {
-      if (active) {
-        active.classList.remove(CLASS_NAME_ACTIVE$3);
-        var dropdownChild = SelectorEngine.findOne(SELECTOR_DROPDOWN_ACTIVE_CHILD, active.parentNode);
-        if (dropdownChild) {
-          dropdownChild.classList.remove(CLASS_NAME_ACTIVE$3);
-        }
-        if (active.getAttribute('role') === 'tab') {
-          active.setAttribute('aria-selected', false);
-        }
-      }
-      element.classList.add(CLASS_NAME_ACTIVE$3);
-      if (element.getAttribute('role') === 'tab') {
-        element.setAttribute('aria-selected', true);
-      }
-      reflow(element);
-      if (element.classList.contains(CLASS_NAME_FADE$3)) {
-        element.classList.add(CLASS_NAME_SHOW$5);
-      }
-      if (element.parentNode && element.parentNode.classList.contains(CLASS_NAME_DROPDOWN_MENU)) {
-        var dropdownElement = element.closest(SELECTOR_DROPDOWN$1);
-        if (dropdownElement) {
-          SelectorEngine.find(SELECTOR_DROPDOWN_TOGGLE$1).forEach(function (dropdown) {
-            return dropdown.classList.add(CLASS_NAME_ACTIVE$3);
-          });
-        }
-        element.setAttribute('aria-expanded', true);
-      }
-      if (callback) {
-        callback();
-      }
-    }
-    ;
-    Tab.jQueryInterface = function jQueryInterface(config) {
-      return this.each(function () {
-        var data = Data.getData(this, DATA_KEY$9) || new Tab(this);
-        if (typeof config === 'string') {
-          if (typeof data[config] === 'undefined') {
-            throw new TypeError("No method named \"" + config + "\"");
-          }
-          data[config]();
-        }
-      });
-    };
-    Tab.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY$9);
-    };
-    _createClass(Tab, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION$9;
-      }
-    }]);
-    return Tab;
-  }();
-  EventHandler.on(document, EVENT_CLICK_DATA_API$6, SELECTOR_DATA_TOGGLE$4, function (event) {
-    event.preventDefault();
-    var data = Data.getData(this, DATA_KEY$9) || new Tab(this);
-    data.show();
-  });
-  var $$a = getjQuery();
-  if ($$a) {
-    var JQUERY_NO_CONFLICT$9 = $$a.fn[NAME$9];
-    $$a.fn[NAME$9] = Tab.jQueryInterface;
-    $$a.fn[NAME$9].Constructor = Tab;
-    $$a.fn[NAME$9].noConflict = function () {
-      $$a.fn[NAME$9] = JQUERY_NO_CONFLICT$9;
-      return Tab.jQueryInterface;
-    };
-  }
-  var NAME$a = 'toast';
-  var VERSION$a = '5.0.0-alpha2';
-  var DATA_KEY$a = 'bs.toast';
-  var EVENT_KEY$a = "." + DATA_KEY$a;
-  var EVENT_CLICK_DISMISS$1 = "click.dismiss" + EVENT_KEY$a;
-  var EVENT_HIDE$4 = "hide" + EVENT_KEY$a;
-  var EVENT_HIDDEN$4 = "hidden" + EVENT_KEY$a;
-  var EVENT_SHOW$4 = "show" + EVENT_KEY$a;
-  var EVENT_SHOWN$4 = "shown" + EVENT_KEY$a;
-  var CLASS_NAME_FADE$4 = 'fade';
-  var CLASS_NAME_HIDE = 'hide';
-  var CLASS_NAME_SHOW$6 = 'show';
-  var CLASS_NAME_SHOWING = 'showing';
-  var DefaultType$7 = {
-    animation: 'boolean',
-    autohide: 'boolean',
-    delay: 'number'
-  };
-  var Default$7 = {
-    animation: true,
-    autohide: true,
-    delay: 5000
-  };
-  var SELECTOR_DATA_DISMISS$1 = '[data-dismiss="toast"]';
-  var Toast = function () {
-    function Toast(element, config) {
-      this._element = element;
-      this._config = this._getConfig(config);
-      this._timeout = null;
-      this._setListeners();
-      Data.setData(element, DATA_KEY$a, this);
-    }
-    var _proto = Toast.prototype;
-    _proto.show = function show() {
-      var _this = this;
-      var showEvent = EventHandler.trigger(this._element, EVENT_SHOW$4);
-      if (showEvent.defaultPrevented) {
-        return;
-      }
-      this._clearTimeout();
-      if (this._config.animation) {
-        this._element.classList.add(CLASS_NAME_FADE$4);
-      }
-      var complete = function complete() {
-        _this._element.classList.remove(CLASS_NAME_SHOWING);
-        _this._element.classList.add(CLASS_NAME_SHOW$6);
-        EventHandler.trigger(_this._element, EVENT_SHOWN$4);
-        if (_this._config.autohide) {
-          _this._timeout = setTimeout(function () {
-            _this.hide();
-          }, _this._config.delay);
-        }
-      };
-      this._element.classList.remove(CLASS_NAME_HIDE);
-      reflow(this._element);
-      this._element.classList.add(CLASS_NAME_SHOWING);
-      if (this._config.animation) {
-        var transitionDuration = getTransitionDurationFromElement(this._element);
-        EventHandler.one(this._element, TRANSITION_END, complete);
-        emulateTransitionEnd(this._element, transitionDuration);
-      } else {
-        complete();
-      }
-    };
-    _proto.hide = function hide() {
-      var _this2 = this;
-      if (!this._element.classList.contains(CLASS_NAME_SHOW$6)) {
-        return;
-      }
-      var hideEvent = EventHandler.trigger(this._element, EVENT_HIDE$4);
-      if (hideEvent.defaultPrevented) {
-        return;
-      }
-      var complete = function complete() {
-        _this2._element.classList.add(CLASS_NAME_HIDE);
-        EventHandler.trigger(_this2._element, EVENT_HIDDEN$4);
-      };
-      this._element.classList.remove(CLASS_NAME_SHOW$6);
-      if (this._config.animation) {
-        var transitionDuration = getTransitionDurationFromElement(this._element);
-        EventHandler.one(this._element, TRANSITION_END, complete);
-        emulateTransitionEnd(this._element, transitionDuration);
-      } else {
-        complete();
-      }
-    };
-    _proto.dispose = function dispose() {
-      this._clearTimeout();
-      if (this._element.classList.contains(CLASS_NAME_SHOW$6)) {
-        this._element.classList.remove(CLASS_NAME_SHOW$6);
-      }
-      EventHandler.off(this._element, EVENT_CLICK_DISMISS$1);
-      Data.removeData(this._element, DATA_KEY$a);
-      this._element = null;
-      this._config = null;
-    }
-    ;
-    _proto._getConfig = function _getConfig(config) {
-      config = _extends$1({}, Default$7, Manipulator.getDataAttributes(this._element), typeof config === 'object' && config ? config : {});
-      typeCheckConfig(NAME$a, config, this.constructor.DefaultType);
-      return config;
-    };
-    _proto._setListeners = function _setListeners() {
-      var _this3 = this;
-      EventHandler.on(this._element, EVENT_CLICK_DISMISS$1, SELECTOR_DATA_DISMISS$1, function () {
-        return _this3.hide();
-      });
-    };
-    _proto._clearTimeout = function _clearTimeout() {
-      clearTimeout(this._timeout);
-      this._timeout = null;
-    }
-    ;
-    Toast.jQueryInterface = function jQueryInterface(config) {
-      return this.each(function () {
-        var data = Data.getData(this, DATA_KEY$a);
-        var _config = typeof config === 'object' && config;
-        if (!data) {
-          data = new Toast(this, _config);
-        }
-        if (typeof config === 'string') {
-          if (typeof data[config] === 'undefined') {
-            throw new TypeError("No method named \"" + config + "\"");
-          }
-          data[config](this);
-        }
-      });
-    };
-    Toast.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY$a);
-    };
-    _createClass(Toast, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION$a;
-      }
-    }, {
-      key: "DefaultType",
-      get: function get() {
-        return DefaultType$7;
-      }
-    }, {
-      key: "Default",
-      get: function get() {
-        return Default$7;
-      }
-    }]);
-    return Toast;
-  }();
-  var $$b = getjQuery();
-  if ($$b) {
-    var JQUERY_NO_CONFLICT$a = $$b.fn[NAME$a];
-    $$b.fn[NAME$a] = Toast.jQueryInterface;
-    $$b.fn[NAME$a].Constructor = Toast;
-    $$b.fn[NAME$a].noConflict = function () {
-      $$b.fn[NAME$a] = JQUERY_NO_CONFLICT$a;
-      return Toast.jQueryInterface;
-    };
-  }
+	function createCommonjsModule(fn, basedir, module) {
+		return module = {
+			path: basedir,
+			exports: {},
+			require: function (path, base) {
+				return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
+			}
+		}, fn(module, module.exports), module.exports;
+	}
 
-  var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="tooltip"]'));
-  tooltipTriggerList.map(function (tooltipTriggerEl) {
-    var options = {
-      delay: {
-        show: 50,
-        hide: 50
-      },
-      html: true,
-      placement: 'auto'
-    };
-    return new bootstrap.Tooltip(tooltipTriggerEl, options);
-  });
-  var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="popover"]'));
-  popoverTriggerList.map(function (popoverTriggerEl) {
-    var options = {
-      delay: {
-        show: 50,
-        hide: 50
-      },
-      html: true,
-      placement: 'auto'
-    };
-    return new bootstrap.Popover(popoverTriggerEl, options);
-  });
+	function commonjsRequire () {
+		throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+	}
+
+	var autosize = createCommonjsModule(function (module, exports) {
+	/*!
+		autosize 4.0.2
+		license: MIT
+		http://www.jacklmoore.com/autosize
+	*/
+	(function (global, factory) {
+		{
+			factory(module, exports);
+		}
+	})(commonjsGlobal, function (module, exports) {
+		var map = typeof Map === "function" ? new Map() : function () {
+			var keys = [];
+			var values = [];
+			return {
+				has: function has(key) {
+					return keys.indexOf(key) > -1;
+				},
+				get: function get(key) {
+					return values[keys.indexOf(key)];
+				},
+				set: function set(key, value) {
+					if (keys.indexOf(key) === -1) {
+						keys.push(key);
+						values.push(value);
+					}
+				},
+				delete: function _delete(key) {
+					var index = keys.indexOf(key);
+					if (index > -1) {
+						keys.splice(index, 1);
+						values.splice(index, 1);
+					}
+				}
+			};
+		}();
+		var createEvent = function createEvent(name) {
+			return new Event(name, { bubbles: true });
+		};
+		try {
+			new Event('test');
+		} catch (e) {
+			createEvent = function createEvent(name) {
+				var evt = document.createEvent('Event');
+				evt.initEvent(name, true, false);
+				return evt;
+			};
+		}
+		function assign(ta) {
+			if (!ta || !ta.nodeName || ta.nodeName !== 'TEXTAREA' || map.has(ta)) return;
+			var heightOffset = null;
+			var clientWidth = null;
+			var cachedHeight = null;
+			function init() {
+				var style = window.getComputedStyle(ta, null);
+				if (style.resize === 'vertical') {
+					ta.style.resize = 'none';
+				} else if (style.resize === 'both') {
+					ta.style.resize = 'horizontal';
+				}
+				if (style.boxSizing === 'content-box') {
+					heightOffset = -(parseFloat(style.paddingTop) + parseFloat(style.paddingBottom));
+				} else {
+					heightOffset = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
+				}
+				if (isNaN(heightOffset)) {
+					heightOffset = 0;
+				}
+				update();
+			}
+			function changeOverflow(value) {
+				{
+					var width = ta.style.width;
+					ta.style.width = '0px';
+					ta.offsetWidth;
+					ta.style.width = width;
+				}
+				ta.style.overflowY = value;
+			}
+			function getParentOverflows(el) {
+				var arr = [];
+				while (el && el.parentNode && el.parentNode instanceof Element) {
+					if (el.parentNode.scrollTop) {
+						arr.push({
+							node: el.parentNode,
+							scrollTop: el.parentNode.scrollTop
+						});
+					}
+					el = el.parentNode;
+				}
+				return arr;
+			}
+			function resize() {
+				if (ta.scrollHeight === 0) {
+					return;
+				}
+				var overflows = getParentOverflows(ta);
+				var docTop = document.documentElement && document.documentElement.scrollTop;
+				ta.style.height = '';
+				ta.style.height = ta.scrollHeight + heightOffset + 'px';
+				clientWidth = ta.clientWidth;
+				overflows.forEach(function (el) {
+					el.node.scrollTop = el.scrollTop;
+				});
+				if (docTop) {
+					document.documentElement.scrollTop = docTop;
+				}
+			}
+			function update() {
+				resize();
+				var styleHeight = Math.round(parseFloat(ta.style.height));
+				var computed = window.getComputedStyle(ta, null);
+				var actualHeight = computed.boxSizing === 'content-box' ? Math.round(parseFloat(computed.height)) : ta.offsetHeight;
+				if (actualHeight < styleHeight) {
+					if (computed.overflowY === 'hidden') {
+						changeOverflow('scroll');
+						resize();
+						actualHeight = computed.boxSizing === 'content-box' ? Math.round(parseFloat(window.getComputedStyle(ta, null).height)) : ta.offsetHeight;
+					}
+				} else {
+					if (computed.overflowY !== 'hidden') {
+						changeOverflow('hidden');
+						resize();
+						actualHeight = computed.boxSizing === 'content-box' ? Math.round(parseFloat(window.getComputedStyle(ta, null).height)) : ta.offsetHeight;
+					}
+				}
+				if (cachedHeight !== actualHeight) {
+					cachedHeight = actualHeight;
+					var evt = createEvent('autosize:resized');
+					try {
+						ta.dispatchEvent(evt);
+					} catch (err) {
+					}
+				}
+			}
+			var pageResize = function pageResize() {
+				if (ta.clientWidth !== clientWidth) {
+					update();
+				}
+			};
+			var destroy = function (style) {
+				window.removeEventListener('resize', pageResize, false);
+				ta.removeEventListener('input', update, false);
+				ta.removeEventListener('keyup', update, false);
+				ta.removeEventListener('autosize:destroy', destroy, false);
+				ta.removeEventListener('autosize:update', update, false);
+				Object.keys(style).forEach(function (key) {
+					ta.style[key] = style[key];
+				});
+				map.delete(ta);
+			}.bind(ta, {
+				height: ta.style.height,
+				resize: ta.style.resize,
+				overflowY: ta.style.overflowY,
+				overflowX: ta.style.overflowX,
+				wordWrap: ta.style.wordWrap
+			});
+			ta.addEventListener('autosize:destroy', destroy, false);
+			if ('onpropertychange' in ta && 'oninput' in ta) {
+				ta.addEventListener('keyup', update, false);
+			}
+			window.addEventListener('resize', pageResize, false);
+			ta.addEventListener('input', update, false);
+			ta.addEventListener('autosize:update', update, false);
+			ta.style.overflowX = 'hidden';
+			ta.style.wordWrap = 'break-word';
+			map.set(ta, {
+				destroy: destroy,
+				update: update
+			});
+			init();
+		}
+		function destroy(ta) {
+			var methods = map.get(ta);
+			if (methods) {
+				methods.destroy();
+			}
+		}
+		function update(ta) {
+			var methods = map.get(ta);
+			if (methods) {
+				methods.update();
+			}
+		}
+		var autosize = null;
+		if (typeof window === 'undefined' || typeof window.getComputedStyle !== 'function') {
+			autosize = function autosize(el) {
+				return el;
+			};
+			autosize.destroy = function (el) {
+				return el;
+			};
+			autosize.update = function (el) {
+				return el;
+			};
+		} else {
+			autosize = function autosize(el, options) {
+				if (el) {
+					Array.prototype.forEach.call(el.length ? el : [el], function (x) {
+						return assign(x);
+					});
+				}
+				return el;
+			};
+			autosize.destroy = function (el) {
+				if (el) {
+					Array.prototype.forEach.call(el.length ? el : [el], destroy);
+				}
+				return el;
+			};
+			autosize.update = function (el) {
+				if (el) {
+					Array.prototype.forEach.call(el.length ? el : [el], update);
+				}
+				return el;
+			};
+		}
+		exports.default = autosize;
+		module.exports = exports['default'];
+	});
+	});
+
+	var elements = document.querySelectorAll('[data-toggle="autosize"]');
+	if (elements.length) {
+	  elements.forEach(function (element) {
+	    autosize(element);
+	  });
+	}
+
+	function _typeof(obj) {
+	  "@babel/helpers - typeof";
+	  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 _classCallCheck(instance, Constructor) {
+	  if (!(instance instanceof Constructor)) {
+	    throw new TypeError("Cannot call a class as a function");
+	  }
+	}
+	function _defineProperties(target, props) {
+	  for (var i = 0; i < props.length; i++) {
+	    var descriptor = props[i];
+	    descriptor.enumerable = descriptor.enumerable || false;
+	    descriptor.configurable = true;
+	    if ("value" in descriptor) descriptor.writable = true;
+	    Object.defineProperty(target, descriptor.key, descriptor);
+	  }
+	}
+	function _createClass(Constructor, protoProps, staticProps) {
+	  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+	  if (staticProps) _defineProperties(Constructor, staticProps);
+	  return Constructor;
+	}
+	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 _inherits(subClass, superClass) {
+	  if (typeof superClass !== "function" && superClass !== null) {
+	    throw new TypeError("Super expression must either be null or a function");
+	  }
+	  subClass.prototype = Object.create(superClass && superClass.prototype, {
+	    constructor: {
+	      value: subClass,
+	      writable: true,
+	      configurable: true
+	    }
+	  });
+	  if (superClass) _setPrototypeOf(subClass, superClass);
+	}
+	function _getPrototypeOf(o) {
+	  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+	    return o.__proto__ || Object.getPrototypeOf(o);
+	  };
+	  return _getPrototypeOf(o);
+	}
+	function _setPrototypeOf(o, p) {
+	  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+	    o.__proto__ = p;
+	    return o;
+	  };
+	  return _setPrototypeOf(o, p);
+	}
+	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 _assertThisInitialized(self) {
+	  if (self === void 0) {
+	    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+	  }
+	  return self;
+	}
+	function _possibleConstructorReturn(self, call) {
+	  if (call && (typeof call === "object" || typeof call === "function")) {
+	    return call;
+	  }
+	  return _assertThisInitialized(self);
+	}
+	function _superPropBase(object, property) {
+	  while (!Object.prototype.hasOwnProperty.call(object, property)) {
+	    object = _getPrototypeOf(object);
+	    if (object === null) break;
+	  }
+	  return object;
+	}
+	function _get(target, property, receiver) {
+	  if (typeof Reflect !== "undefined" && Reflect.get) {
+	    _get = Reflect.get;
+	  } else {
+	    _get = function _get(target, property, receiver) {
+	      var base = _superPropBase(target, property);
+	      if (!base) return;
+	      var desc = Object.getOwnPropertyDescriptor(base, property);
+	      if (desc.get) {
+	        return desc.get.call(receiver);
+	      }
+	      return desc.value;
+	    };
+	  }
+	  return _get(target, property, receiver || target);
+	}
+	function set(target, property, value, receiver) {
+	  if (typeof Reflect !== "undefined" && Reflect.set) {
+	    set = Reflect.set;
+	  } else {
+	    set = function set(target, property, value, receiver) {
+	      var base = _superPropBase(target, property);
+	      var desc;
+	      if (base) {
+	        desc = Object.getOwnPropertyDescriptor(base, property);
+	        if (desc.set) {
+	          desc.set.call(receiver, value);
+	          return true;
+	        } else if (!desc.writable) {
+	          return false;
+	        }
+	      }
+	      desc = Object.getOwnPropertyDescriptor(receiver, property);
+	      if (desc) {
+	        if (!desc.writable) {
+	          return false;
+	        }
+	        desc.value = value;
+	        Object.defineProperty(receiver, property, desc);
+	      } else {
+	        _defineProperty(receiver, property, value);
+	      }
+	      return true;
+	    };
+	  }
+	  return set(target, property, value, receiver);
+	}
+	function _set(target, property, value, receiver, isStrict) {
+	  var s = set(target, property, value, receiver || target);
+	  if (!s && isStrict) {
+	    throw new Error('failed to set property');
+	  }
+	  return value;
+	}
+	function _slicedToArray(arr, i) {
+	  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+	}
+	function _arrayWithHoles(arr) {
+	  if (Array.isArray(arr)) return arr;
+	}
+	function _iterableToArrayLimit(arr, i) {
+	  if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) {
+	    return;
+	  }
+	  var _arr = [];
+	  var _n = true;
+	  var _d = false;
+	  var _e = undefined;
+	  try {
+	    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+	      _arr.push(_s.value);
+	      if (i && _arr.length === i) break;
+	    }
+	  } catch (err) {
+	    _d = true;
+	    _e = err;
+	  } finally {
+	    try {
+	      if (!_n && _i["return"] != null) _i["return"]();
+	    } finally {
+	      if (_d) throw _e;
+	    }
+	  }
+	  return _arr;
+	}
+	function _nonIterableRest() {
+	  throw new TypeError("Invalid attempt to destructure non-iterable instance");
+	}
+
+	function isString(str) {
+	  return typeof str === 'string' || str instanceof String;
+	}
+	var DIRECTION = {
+	  NONE: 'NONE',
+	  LEFT: 'LEFT',
+	  FORCE_LEFT: 'FORCE_LEFT',
+	  RIGHT: 'RIGHT',
+	  FORCE_RIGHT: 'FORCE_RIGHT'
+	};
+	function forceDirection(direction) {
+	  switch (direction) {
+	    case DIRECTION.LEFT:
+	      return DIRECTION.FORCE_LEFT;
+	    case DIRECTION.RIGHT:
+	      return DIRECTION.FORCE_RIGHT;
+	    default:
+	      return direction;
+	  }
+	}
+	function escapeRegExp(str) {
+	  return str.replace(/([.*+?^=!:${}()|[\]/\\])/g, '\\$1');
+	}
+	function objectIncludes(b, a) {
+	  if (a === b) return true;
+	  var arrA = Array.isArray(a),
+	      arrB = Array.isArray(b),
+	      i;
+	  if (arrA && arrB) {
+	    if (a.length != b.length) return false;
+	    for (i = 0; i < a.length; i++) {
+	      if (!objectIncludes(a[i], b[i])) return false;
+	    }
+	    return true;
+	  }
+	  if (arrA != arrB) return false;
+	  if (a && b && _typeof(a) === 'object' && _typeof(b) === 'object') {
+	    var dateA = a instanceof Date,
+	        dateB = b instanceof Date;
+	    if (dateA && dateB) return a.getTime() == b.getTime();
+	    if (dateA != dateB) return false;
+	    var regexpA = a instanceof RegExp,
+	        regexpB = b instanceof RegExp;
+	    if (regexpA && regexpB) return a.toString() == b.toString();
+	    if (regexpA != regexpB) return false;
+	    var keys = Object.keys(a);
+	    for (i = 0; i < keys.length; i++) {
+	      if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
+	    }
+	    for (i = 0; i < keys.length; i++) {
+	      if (!objectIncludes(b[keys[i]], a[keys[i]])) return false;
+	    }
+	    return true;
+	  } else if (a && b && typeof a === 'function' && typeof b === 'function') {
+	    return a.toString() === b.toString();
+	  }
+	  return false;
+	}
+
+	var ActionDetails =
+	function () {
+	  function ActionDetails(value, cursorPos, oldValue, oldSelection) {
+	    _classCallCheck(this, ActionDetails);
+	    this.value = value;
+	    this.cursorPos = cursorPos;
+	    this.oldValue = oldValue;
+	    this.oldSelection = oldSelection;
+	    while (this.value.slice(0, this.startChangePos) !== this.oldValue.slice(0, this.startChangePos)) {
+	      --this.oldSelection.start;
+	    }
+	  }
+	  _createClass(ActionDetails, [{
+	    key: "startChangePos",
+	    get: function get() {
+	      return Math.min(this.cursorPos, this.oldSelection.start);
+	    }
+	  }, {
+	    key: "insertedCount",
+	    get: function get() {
+	      return this.cursorPos - this.startChangePos;
+	    }
+	  }, {
+	    key: "inserted",
+	    get: function get() {
+	      return this.value.substr(this.startChangePos, this.insertedCount);
+	    }
+	  }, {
+	    key: "removedCount",
+	    get: function get() {
+	      return Math.max(this.oldSelection.end - this.startChangePos ||
+	      this.oldValue.length - this.value.length, 0);
+	    }
+	  }, {
+	    key: "removed",
+	    get: function get() {
+	      return this.oldValue.substr(this.startChangePos, this.removedCount);
+	    }
+	  }, {
+	    key: "head",
+	    get: function get() {
+	      return this.value.substring(0, this.startChangePos);
+	    }
+	  }, {
+	    key: "tail",
+	    get: function get() {
+	      return this.value.substring(this.startChangePos + this.insertedCount);
+	    }
+	  }, {
+	    key: "removeDirection",
+	    get: function get() {
+	      if (!this.removedCount || this.insertedCount) return DIRECTION.NONE;
+	      return this.oldSelection.end === this.cursorPos || this.oldSelection.start === this.cursorPos ? DIRECTION.RIGHT : DIRECTION.LEFT;
+	    }
+	  }]);
+	  return ActionDetails;
+	}();
+
+	var ChangeDetails =
+	function () {
+	  function ChangeDetails(details) {
+	    _classCallCheck(this, ChangeDetails);
+	    Object.assign(this, {
+	      inserted: '',
+	      rawInserted: '',
+	      skip: false,
+	      tailShift: 0
+	    }, details);
+	  }
+	  _createClass(ChangeDetails, [{
+	    key: "aggregate",
+	    value: function aggregate(details) {
+	      this.rawInserted += details.rawInserted;
+	      this.skip = this.skip || details.skip;
+	      this.inserted += details.inserted;
+	      this.tailShift += details.tailShift;
+	      return this;
+	    }
+	  }, {
+	    key: "offset",
+	    get: function get() {
+	      return this.tailShift + this.inserted.length;
+	    }
+	  }]);
+	  return ChangeDetails;
+	}();
+
+	var ContinuousTailDetails =
+	function () {
+	  function ContinuousTailDetails() {
+	    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+	    var from = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+	    var stop = arguments.length > 2 ? arguments[2] : undefined;
+	    _classCallCheck(this, ContinuousTailDetails);
+	    this.value = value;
+	    this.from = from;
+	    this.stop = stop;
+	  }
+	  _createClass(ContinuousTailDetails, [{
+	    key: "toString",
+	    value: function toString() {
+	      return this.value;
+	    }
+	  }, {
+	    key: "extend",
+	    value: function extend(tail) {
+	      this.value += String(tail);
+	    }
+	  }, {
+	    key: "appendTo",
+	    value: function appendTo(masked) {
+	      return masked.append(this.toString(), {
+	        tail: true
+	      }).aggregate(masked._appendPlaceholder());
+	    }
+	  }, {
+	    key: "shiftBefore",
+	    value: function shiftBefore(pos) {
+	      if (this.from >= pos || !this.value.length) return '';
+	      var shiftChar = this.value[0];
+	      this.value = this.value.slice(1);
+	      return shiftChar;
+	    }
+	  }, {
+	    key: "state",
+	    get: function get() {
+	      return {
+	        value: this.value,
+	        from: this.from,
+	        stop: this.stop
+	      };
+	    },
+	    set: function set(state) {
+	      Object.assign(this, state);
+	    }
+	  }]);
+	  return ContinuousTailDetails;
+	}();
+
+	function IMask(el) {
+	  var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	  return new IMask.InputMask(el, opts);
+	}
+
+	var Masked =
+	function () {
+	  function Masked(opts) {
+	    _classCallCheck(this, Masked);
+	    this._value = '';
+	    this._update(Object.assign({}, Masked.DEFAULTS, {}, opts));
+	    this.isInitialized = true;
+	  }
+	  _createClass(Masked, [{
+	    key: "updateOptions",
+	    value: function updateOptions(opts) {
+	      if (!Object.keys(opts).length) return;
+	      this.withValueRefresh(this._update.bind(this, opts));
+	    }
+	  }, {
+	    key: "_update",
+	    value: function _update(opts) {
+	      Object.assign(this, opts);
+	    }
+	  }, {
+	    key: "reset",
+	    value: function reset() {
+	      this._value = '';
+	    }
+	  }, {
+	    key: "resolve",
+	    value: function resolve(value) {
+	      this.reset();
+	      this.append(value, {
+	        input: true
+	      }, '');
+	      this.doCommit();
+	      return this.value;
+	    }
+	  }, {
+	    key: "nearestInputPos",
+	    value: function nearestInputPos(cursorPos, direction) {
+	      return cursorPos;
+	    }
+	  }, {
+	    key: "extractInput",
+	    value: function extractInput() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      return this.value.slice(fromPos, toPos);
+	    }
+	  }, {
+	    key: "extractTail",
+	    value: function extractTail() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      return new ContinuousTailDetails(this.extractInput(fromPos, toPos), fromPos);
+	    }
+	  }, {
+	    key: "appendTail",
+	    value: function appendTail(tail) {
+	      if (isString(tail)) tail = new ContinuousTailDetails(String(tail));
+	      return tail.appendTo(this);
+	    }
+	  }, {
+	    key: "_appendCharRaw",
+	    value: function _appendCharRaw(ch) {
+	      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      ch = this.doPrepare(ch, flags);
+	      if (!ch) return new ChangeDetails();
+	      this._value += ch;
+	      return new ChangeDetails({
+	        inserted: ch,
+	        rawInserted: ch
+	      });
+	    }
+	  }, {
+	    key: "_appendChar",
+	    value: function _appendChar(ch) {
+	      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      var checkTail = arguments.length > 2 ? arguments[2] : undefined;
+	      var consistentState = this.state;
+	      var details = this._appendCharRaw(ch, flags);
+	      if (details.inserted) {
+	        var consistentTail;
+	        var appended = this.doValidate(flags) !== false;
+	        if (appended && checkTail != null) {
+	          var beforeTailState = this.state;
+	          if (this.overwrite) {
+	            consistentTail = checkTail.state;
+	            checkTail.shiftBefore(this.value.length);
+	          }
+	          var tailDetails = this.appendTail(checkTail);
+	          appended = tailDetails.rawInserted === checkTail.toString();
+	          if (appended && tailDetails.inserted) this.state = beforeTailState;
+	        }
+	        if (!appended) {
+	          details = new ChangeDetails();
+	          this.state = consistentState;
+	          if (checkTail && consistentTail) checkTail.state = consistentTail;
+	        }
+	      }
+	      return details;
+	    }
+	  }, {
+	    key: "_appendPlaceholder",
+	    value: function _appendPlaceholder() {
+	      return new ChangeDetails();
+	    }
+	  }, {
+	    key: "append",
+	    value: function append(str, flags, tail) {
+	      if (!isString(str)) throw new Error('value should be string');
+	      var details = new ChangeDetails();
+	      var checkTail = isString(tail) ? new ContinuousTailDetails(String(tail)) : tail;
+	      if (flags.tail) flags._beforeTailState = this.state;
+	      for (var ci = 0; ci < str.length; ++ci) {
+	        details.aggregate(this._appendChar(str[ci], flags, checkTail));
+	      }
+	      if (checkTail != null) {
+	        details.tailShift += this.appendTail(checkTail).tailShift;
+	      }
+	      return details;
+	    }
+	  }, {
+	    key: "remove",
+	    value: function remove() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      this._value = this.value.slice(0, fromPos) + this.value.slice(toPos);
+	      return new ChangeDetails();
+	    }
+	  }, {
+	    key: "withValueRefresh",
+	    value: function withValueRefresh(fn) {
+	      if (this._refreshing || !this.isInitialized) return fn();
+	      this._refreshing = true;
+	      var rawInput = this.rawInputValue;
+	      var value = this.value;
+	      var ret = fn();
+	      this.rawInputValue = rawInput;
+	      if (this.value !== value && value.indexOf(this.value) === 0) {
+	        this.append(value.slice(this.value.length), {}, '');
+	      }
+	      delete this._refreshing;
+	      return ret;
+	    }
+	  }, {
+	    key: "runIsolated",
+	    value: function runIsolated(fn) {
+	      if (this._isolated || !this.isInitialized) return fn(this);
+	      this._isolated = true;
+	      var state = this.state;
+	      var ret = fn(this);
+	      this.state = state;
+	      delete this._isolated;
+	      return ret;
+	    }
+	  }, {
+	    key: "doPrepare",
+	    value: function doPrepare(str) {
+	      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      return this.prepare ? this.prepare(str, this, flags) : str;
+	    }
+	  }, {
+	    key: "doValidate",
+	    value: function doValidate(flags) {
+	      return (!this.validate || this.validate(this.value, this, flags)) && (!this.parent || this.parent.doValidate(flags));
+	    }
+	  }, {
+	    key: "doCommit",
+	    value: function doCommit() {
+	      if (this.commit) this.commit(this.value, this);
+	    }
+	  }, {
+	    key: "doFormat",
+	    value: function doFormat(value) {
+	      return this.format ? this.format(value, this) : value;
+	    }
+	  }, {
+	    key: "doParse",
+	    value: function doParse(str) {
+	      return this.parse ? this.parse(str, this) : str;
+	    }
+	  }, {
+	    key: "splice",
+	    value: function splice(start, deleteCount, inserted, removeDirection) {
+	      var tailPos = start + deleteCount;
+	      var tail = this.extractTail(tailPos);
+	      var startChangePos = this.nearestInputPos(start, removeDirection);
+	      var changeDetails = new ChangeDetails({
+	        tailShift: startChangePos - start
+	      }).aggregate(this.remove(startChangePos)).aggregate(this.append(inserted, {
+	        input: true
+	      }, tail));
+	      return changeDetails;
+	    }
+	  }, {
+	    key: "state",
+	    get: function get() {
+	      return {
+	        _value: this.value
+	      };
+	    },
+	    set: function set(state) {
+	      this._value = state._value;
+	    }
+	  }, {
+	    key: "value",
+	    get: function get() {
+	      return this._value;
+	    },
+	    set: function set(value) {
+	      this.resolve(value);
+	    }
+	  }, {
+	    key: "unmaskedValue",
+	    get: function get() {
+	      return this.value;
+	    },
+	    set: function set(value) {
+	      this.reset();
+	      this.append(value, {}, '');
+	      this.doCommit();
+	    }
+	  }, {
+	    key: "typedValue",
+	    get: function get() {
+	      return this.doParse(this.value);
+	    },
+	    set: function set(value) {
+	      this.value = this.doFormat(value);
+	    }
+	  }, {
+	    key: "rawInputValue",
+	    get: function get() {
+	      return this.extractInput(0, this.value.length, {
+	        raw: true
+	      });
+	    },
+	    set: function set(value) {
+	      this.reset();
+	      this.append(value, {
+	        raw: true
+	      }, '');
+	      this.doCommit();
+	    }
+	  }, {
+	    key: "isComplete",
+	    get: function get() {
+	      return true;
+	    }
+	  }]);
+	  return Masked;
+	}();
+	Masked.DEFAULTS = {
+	  format: function format(v) {
+	    return v;
+	  },
+	  parse: function parse(v) {
+	    return v;
+	  }
+	};
+	IMask.Masked = Masked;
+
+	function maskedClass(mask) {
+	  if (mask == null) {
+	    throw new Error('mask property should be defined');
+	  }
+	  if (mask instanceof RegExp) return IMask.MaskedRegExp;
+	  if (isString(mask)) return IMask.MaskedPattern;
+	  if (mask instanceof Date || mask === Date) return IMask.MaskedDate;
+	  if (mask instanceof Number || typeof mask === 'number' || mask === Number) return IMask.MaskedNumber;
+	  if (Array.isArray(mask) || mask === Array) return IMask.MaskedDynamic;
+	  if (IMask.Masked && mask.prototype instanceof IMask.Masked) return mask;
+	  if (mask instanceof Function) return IMask.MaskedFunction;
+	  if (mask instanceof IMask.Masked) return mask.constructor;
+	  console.warn('Mask not found for mask', mask);
+	  return IMask.Masked;
+	}
+	function createMask(opts) {
+	  if (IMask.Masked && opts instanceof IMask.Masked) return opts;
+	  opts = Object.assign({}, opts);
+	  var mask = opts.mask;
+	  if (IMask.Masked && mask instanceof IMask.Masked) return mask;
+	  var MaskedClass = maskedClass(mask);
+	  if (!MaskedClass) throw new Error('Masked class is not found for provided mask, appropriate module needs to be import manually before creating mask.');
+	  return new MaskedClass(opts);
+	}
+	IMask.createMask = createMask;
+
+	var DEFAULT_INPUT_DEFINITIONS = {
+	  '0': /\d/,
+	  'a': /[\u0041-\u005A\u0061-\u007A\u00AA\u00B5\u00BA\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0\u08A2-\u08AC\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097F\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C33\u0C35-\u0C39\u0C3D\u0C58\u0C59\u0C60\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D60\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F4\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191C\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19C1-\u19C7\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FCC\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA697\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA78E\uA790-\uA793\uA7A0-\uA7AA\uA7F8-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA80-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uABC0-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]/,
+	  '*': /./
+	};
+	var PatternInputDefinition =
+	function () {
+	  function PatternInputDefinition(opts) {
+	    _classCallCheck(this, PatternInputDefinition);
+	    var mask = opts.mask,
+	        blockOpts = _objectWithoutProperties(opts, ["mask"]);
+	    this.masked = createMask({
+	      mask: mask
+	    });
+	    Object.assign(this, blockOpts);
+	  }
+	  _createClass(PatternInputDefinition, [{
+	    key: "reset",
+	    value: function reset() {
+	      this._isFilled = false;
+	      this.masked.reset();
+	    }
+	  }, {
+	    key: "remove",
+	    value: function remove() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      if (fromPos === 0 && toPos >= 1) {
+	        this._isFilled = false;
+	        return this.masked.remove(fromPos, toPos);
+	      }
+	      return new ChangeDetails();
+	    }
+	  }, {
+	    key: "_appendChar",
+	    value: function _appendChar(str) {
+	      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      if (this._isFilled) return new ChangeDetails();
+	      var state = this.masked.state;
+	      var details = this.masked._appendChar(str, flags);
+	      if (details.inserted && this.doValidate(flags) === false) {
+	        details.inserted = details.rawInserted = '';
+	        this.masked.state = state;
+	      }
+	      if (!details.inserted && !this.isOptional && !this.lazy && !flags.input) {
+	        details.inserted = this.placeholderChar;
+	      }
+	      details.skip = !details.inserted && !this.isOptional;
+	      this._isFilled = Boolean(details.inserted);
+	      return details;
+	    }
+	  }, {
+	    key: "append",
+	    value: function append() {
+	      var _this$masked;
+	      return (_this$masked = this.masked).append.apply(_this$masked, arguments);
+	    }
+	  }, {
+	    key: "_appendPlaceholder",
+	    value: function _appendPlaceholder() {
+	      var details = new ChangeDetails();
+	      if (this._isFilled || this.isOptional) return details;
+	      this._isFilled = true;
+	      details.inserted = this.placeholderChar;
+	      return details;
+	    }
+	  }, {
+	    key: "extractTail",
+	    value: function extractTail() {
+	      var _this$masked2;
+	      return (_this$masked2 = this.masked).extractTail.apply(_this$masked2, arguments);
+	    }
+	  }, {
+	    key: "appendTail",
+	    value: function appendTail() {
+	      var _this$masked3;
+	      return (_this$masked3 = this.masked).appendTail.apply(_this$masked3, arguments);
+	    }
+	  }, {
+	    key: "extractInput",
+	    value: function extractInput() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      var flags = arguments.length > 2 ? arguments[2] : undefined;
+	      return this.masked.extractInput(fromPos, toPos, flags);
+	    }
+	  }, {
+	    key: "nearestInputPos",
+	    value: function nearestInputPos(cursorPos) {
+	      var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DIRECTION.NONE;
+	      var minPos = 0;
+	      var maxPos = this.value.length;
+	      var boundPos = Math.min(Math.max(cursorPos, minPos), maxPos);
+	      switch (direction) {
+	        case DIRECTION.LEFT:
+	        case DIRECTION.FORCE_LEFT:
+	          return this.isComplete ? boundPos : minPos;
+	        case DIRECTION.RIGHT:
+	        case DIRECTION.FORCE_RIGHT:
+	          return this.isComplete ? boundPos : maxPos;
+	        case DIRECTION.NONE:
+	        default:
+	          return boundPos;
+	      }
+	    }
+	  }, {
+	    key: "doValidate",
+	    value: function doValidate() {
+	      var _this$masked4, _this$parent;
+	      return (_this$masked4 = this.masked).doValidate.apply(_this$masked4, arguments) && (!this.parent || (_this$parent = this.parent).doValidate.apply(_this$parent, arguments));
+	    }
+	  }, {
+	    key: "doCommit",
+	    value: function doCommit() {
+	      this.masked.doCommit();
+	    }
+	  }, {
+	    key: "value",
+	    get: function get() {
+	      return this.masked.value || (this._isFilled && !this.isOptional ? this.placeholderChar : '');
+	    }
+	  }, {
+	    key: "unmaskedValue",
+	    get: function get() {
+	      return this.masked.unmaskedValue;
+	    }
+	  }, {
+	    key: "isComplete",
+	    get: function get() {
+	      return Boolean(this.masked.value) || this.isOptional;
+	    }
+	  }, {
+	    key: "state",
+	    get: function get() {
+	      return {
+	        masked: this.masked.state,
+	        _isFilled: this._isFilled
+	      };
+	    },
+	    set: function set(state) {
+	      this.masked.state = state.masked;
+	      this._isFilled = state._isFilled;
+	    }
+	  }]);
+	  return PatternInputDefinition;
+	}();
+
+	var PatternFixedDefinition =
+	function () {
+	  function PatternFixedDefinition(opts) {
+	    _classCallCheck(this, PatternFixedDefinition);
+	    Object.assign(this, opts);
+	    this._value = '';
+	  }
+	  _createClass(PatternFixedDefinition, [{
+	    key: "reset",
+	    value: function reset() {
+	      this._isRawInput = false;
+	      this._value = '';
+	    }
+	  }, {
+	    key: "remove",
+	    value: function remove() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this._value.length;
+	      this._value = this._value.slice(0, fromPos) + this._value.slice(toPos);
+	      if (!this._value) this._isRawInput = false;
+	      return new ChangeDetails();
+	    }
+	  }, {
+	    key: "nearestInputPos",
+	    value: function nearestInputPos(cursorPos) {
+	      var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DIRECTION.NONE;
+	      var minPos = 0;
+	      var maxPos = this._value.length;
+	      switch (direction) {
+	        case DIRECTION.LEFT:
+	        case DIRECTION.FORCE_LEFT:
+	          return minPos;
+	        case DIRECTION.NONE:
+	        case DIRECTION.RIGHT:
+	        case DIRECTION.FORCE_RIGHT:
+	        default:
+	          return maxPos;
+	      }
+	    }
+	  }, {
+	    key: "extractInput",
+	    value: function extractInput() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this._value.length;
+	      var flags = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+	      return flags.raw && this._isRawInput && this._value.slice(fromPos, toPos) || '';
+	    }
+	  }, {
+	    key: "_appendChar",
+	    value: function _appendChar(str) {
+	      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      var details = new ChangeDetails();
+	      if (this._value) return details;
+	      var appended = this.char === str[0];
+	      var isResolved = appended && (this.isUnmasking || flags.input || flags.raw) && !flags.tail;
+	      if (isResolved) details.rawInserted = this.char;
+	      this._value = details.inserted = this.char;
+	      this._isRawInput = isResolved && (flags.raw || flags.input);
+	      return details;
+	    }
+	  }, {
+	    key: "_appendPlaceholder",
+	    value: function _appendPlaceholder() {
+	      var details = new ChangeDetails();
+	      if (this._value) return details;
+	      this._value = details.inserted = this.char;
+	      return details;
+	    }
+	  }, {
+	    key: "extractTail",
+	    value: function extractTail() {
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      return new ContinuousTailDetails('');
+	    }
+	  }, {
+	    key: "appendTail",
+	    value: function appendTail(tail) {
+	      if (isString(tail)) tail = new ContinuousTailDetails(String(tail));
+	      return tail.appendTo(this);
+	    }
+	  }, {
+	    key: "append",
+	    value: function append(str, flags, tail) {
+	      var details = this._appendChar(str, flags);
+	      if (tail != null) {
+	        details.tailShift += this.appendTail(tail).tailShift;
+	      }
+	      return details;
+	    }
+	  }, {
+	    key: "doCommit",
+	    value: function doCommit() {}
+	  }, {
+	    key: "value",
+	    get: function get() {
+	      return this._value;
+	    }
+	  }, {
+	    key: "unmaskedValue",
+	    get: function get() {
+	      return this.isUnmasking ? this.value : '';
+	    }
+	  }, {
+	    key: "isComplete",
+	    get: function get() {
+	      return true;
+	    }
+	  }, {
+	    key: "state",
+	    get: function get() {
+	      return {
+	        _value: this._value,
+	        _isRawInput: this._isRawInput
+	      };
+	    },
+	    set: function set(state) {
+	      Object.assign(this, state);
+	    }
+	  }]);
+	  return PatternFixedDefinition;
+	}();
+
+	var ChunksTailDetails =
+	function () {
+	  function ChunksTailDetails() {
+	    var chunks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+	    var from = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+	    _classCallCheck(this, ChunksTailDetails);
+	    this.chunks = chunks;
+	    this.from = from;
+	  }
+	  _createClass(ChunksTailDetails, [{
+	    key: "toString",
+	    value: function toString() {
+	      return this.chunks.map(String).join('');
+	    }
+	  }, {
+	    key: "extend",
+	    value: function extend(tailChunk) {
+	      if (!String(tailChunk)) return;
+	      if (isString(tailChunk)) tailChunk = new ContinuousTailDetails(String(tailChunk));
+	      var lastChunk = this.chunks[this.chunks.length - 1];
+	      var extendLast = lastChunk && (
+	      lastChunk.stop === tailChunk.stop || tailChunk.stop == null) &&
+	      tailChunk.from === lastChunk.from + lastChunk.toString().length;
+	      if (tailChunk instanceof ContinuousTailDetails) {
+	        if (extendLast) {
+	          lastChunk.extend(tailChunk.toString());
+	        } else {
+	          this.chunks.push(tailChunk);
+	        }
+	      } else if (tailChunk instanceof ChunksTailDetails) {
+	        if (tailChunk.stop == null) {
+	          var firstTailChunk;
+	          while (tailChunk.chunks.length && tailChunk.chunks[0].stop == null) {
+	            firstTailChunk = tailChunk.chunks.shift();
+	            firstTailChunk.from += tailChunk.from;
+	            this.extend(firstTailChunk);
+	          }
+	        }
+	        if (tailChunk.toString()) {
+	          tailChunk.stop = tailChunk.blockIndex;
+	          this.chunks.push(tailChunk);
+	        }
+	      }
+	    }
+	  }, {
+	    key: "appendTo",
+	    value: function appendTo(masked) {
+	      if (!(masked instanceof IMask.MaskedPattern)) {
+	        var tail = new ContinuousTailDetails(this.toString());
+	        return tail.appendTo(masked);
+	      }
+	      var details = new ChangeDetails();
+	      for (var ci = 0; ci < this.chunks.length && !details.skip; ++ci) {
+	        var chunk = this.chunks[ci];
+	        var lastBlockIter = masked._mapPosToBlock(masked.value.length);
+	        var stop = chunk.stop;
+	        var chunkBlock = void 0;
+	        if (stop != null && (
+	        !lastBlockIter || lastBlockIter.index <= stop)) {
+	          if (chunk instanceof ChunksTailDetails ||
+	          masked._stops.indexOf(stop) >= 0) {
+	            details.aggregate(masked._appendPlaceholder(stop));
+	          }
+	          chunkBlock = chunk instanceof ChunksTailDetails && masked._blocks[stop];
+	        }
+	        if (chunkBlock) {
+	          var tailDetails = chunkBlock.appendTail(chunk);
+	          tailDetails.skip = false;
+	          details.aggregate(tailDetails);
+	          masked._value += tailDetails.inserted;
+	          var remainChars = chunk.toString().slice(tailDetails.rawInserted.length);
+	          if (remainChars) details.aggregate(masked.append(remainChars, {
+	            tail: true
+	          }));
+	        } else {
+	          details.aggregate(masked.append(chunk.toString(), {
+	            tail: true
+	          }));
+	        }
+	      }
+	      return details;
+	    }
+	  }, {
+	    key: "shiftBefore",
+	    value: function shiftBefore(pos) {
+	      if (this.from >= pos || !this.chunks.length) return '';
+	      var chunkShiftPos = pos - this.from;
+	      var ci = 0;
+	      while (ci < this.chunks.length) {
+	        var chunk = this.chunks[ci];
+	        var shiftChar = chunk.shiftBefore(chunkShiftPos);
+	        if (chunk.toString()) {
+	          if (!shiftChar) break;
+	          ++ci;
+	        } else {
+	          this.chunks.splice(ci, 1);
+	        }
+	        if (shiftChar) return shiftChar;
+	      }
+	      return '';
+	    }
+	  }, {
+	    key: "state",
+	    get: function get() {
+	      return {
+	        chunks: this.chunks.map(function (c) {
+	          return c.state;
+	        }),
+	        from: this.from,
+	        stop: this.stop,
+	        blockIndex: this.blockIndex
+	      };
+	    },
+	    set: function set(state) {
+	      var chunks = state.chunks,
+	          props = _objectWithoutProperties(state, ["chunks"]);
+	      Object.assign(this, props);
+	      this.chunks = chunks.map(function (cstate) {
+	        var chunk = "chunks" in cstate ? new ChunksTailDetails() : new ContinuousTailDetails();
+	        chunk.state = cstate;
+	        return chunk;
+	      });
+	    }
+	  }]);
+	  return ChunksTailDetails;
+	}();
+
+	var MaskedRegExp =
+	function (_Masked) {
+	  _inherits(MaskedRegExp, _Masked);
+	  function MaskedRegExp() {
+	    _classCallCheck(this, MaskedRegExp);
+	    return _possibleConstructorReturn(this, _getPrototypeOf(MaskedRegExp).apply(this, arguments));
+	  }
+	  _createClass(MaskedRegExp, [{
+	    key: "_update",
+	    value: function _update(opts) {
+	      if (opts.mask) opts.validate = function (value) {
+	        return value.search(opts.mask) >= 0;
+	      };
+	      _get(_getPrototypeOf(MaskedRegExp.prototype), "_update", this).call(this, opts);
+	    }
+	  }]);
+	  return MaskedRegExp;
+	}(Masked);
+	IMask.MaskedRegExp = MaskedRegExp;
+
+	var MaskedPattern =
+	function (_Masked) {
+	  _inherits(MaskedPattern, _Masked);
+	  function MaskedPattern() {
+	    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+	    _classCallCheck(this, MaskedPattern);
+	    opts.definitions = Object.assign({}, DEFAULT_INPUT_DEFINITIONS, opts.definitions);
+	    return _possibleConstructorReturn(this, _getPrototypeOf(MaskedPattern).call(this, Object.assign({}, MaskedPattern.DEFAULTS, {}, opts)));
+	  }
+	  _createClass(MaskedPattern, [{
+	    key: "_update",
+	    value: function _update() {
+	      var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+	      opts.definitions = Object.assign({}, this.definitions, opts.definitions);
+	      _get(_getPrototypeOf(MaskedPattern.prototype), "_update", this).call(this, opts);
+	      this._rebuildMask();
+	    }
+	  }, {
+	    key: "_rebuildMask",
+	    value: function _rebuildMask() {
+	      var _this = this;
+	      var defs = this.definitions;
+	      this._blocks = [];
+	      this._stops = [];
+	      this._maskedBlocks = {};
+	      var pattern = this.mask;
+	      if (!pattern || !defs) return;
+	      var unmaskingBlock = false;
+	      var optionalBlock = false;
+	      for (var i = 0; i < pattern.length; ++i) {
+	        if (this.blocks) {
+	          var _ret = function () {
+	            var p = pattern.slice(i);
+	            var bNames = Object.keys(_this.blocks).filter(function (bName) {
+	              return p.indexOf(bName) === 0;
+	            });
+	            bNames.sort(function (a, b) {
+	              return b.length - a.length;
+	            });
+	            var bName = bNames[0];
+	            if (bName) {
+	              var maskedBlock = createMask(Object.assign({
+	                parent: _this,
+	                lazy: _this.lazy,
+	                placeholderChar: _this.placeholderChar,
+	                overwrite: _this.overwrite
+	              }, _this.blocks[bName]));
+	              if (maskedBlock) {
+	                _this._blocks.push(maskedBlock);
+	                if (!_this._maskedBlocks[bName]) _this._maskedBlocks[bName] = [];
+	                _this._maskedBlocks[bName].push(_this._blocks.length - 1);
+	              }
+	              i += bName.length - 1;
+	              return "continue";
+	            }
+	          }();
+	          if (_ret === "continue") continue;
+	        }
+	        var char = pattern[i];
+	        var _isInput = char in defs;
+	        if (char === MaskedPattern.STOP_CHAR) {
+	          this._stops.push(this._blocks.length);
+	          continue;
+	        }
+	        if (char === '{' || char === '}') {
+	          unmaskingBlock = !unmaskingBlock;
+	          continue;
+	        }
+	        if (char === '[' || char === ']') {
+	          optionalBlock = !optionalBlock;
+	          continue;
+	        }
+	        if (char === MaskedPattern.ESCAPE_CHAR) {
+	          ++i;
+	          char = pattern[i];
+	          if (!char) break;
+	          _isInput = false;
+	        }
+	        var def = _isInput ? new PatternInputDefinition({
+	          parent: this,
+	          lazy: this.lazy,
+	          placeholderChar: this.placeholderChar,
+	          mask: defs[char],
+	          isOptional: optionalBlock
+	        }) : new PatternFixedDefinition({
+	          char: char,
+	          isUnmasking: unmaskingBlock
+	        });
+	        this._blocks.push(def);
+	      }
+	    }
+	  }, {
+	    key: "reset",
+	    value: function reset() {
+	      _get(_getPrototypeOf(MaskedPattern.prototype), "reset", this).call(this);
+	      this._blocks.forEach(function (b) {
+	        return b.reset();
+	      });
+	    }
+	  }, {
+	    key: "doCommit",
+	    value: function doCommit() {
+	      this._blocks.forEach(function (b) {
+	        return b.doCommit();
+	      });
+	      _get(_getPrototypeOf(MaskedPattern.prototype), "doCommit", this).call(this);
+	    }
+	  }, {
+	    key: "appendTail",
+	    value: function appendTail(tail) {
+	      return _get(_getPrototypeOf(MaskedPattern.prototype), "appendTail", this).call(this, tail).aggregate(this._appendPlaceholder());
+	    }
+	  }, {
+	    key: "_appendCharRaw",
+	    value: function _appendCharRaw(ch) {
+	      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      ch = this.doPrepare(ch, flags);
+	      var blockIter = this._mapPosToBlock(this.value.length);
+	      var details = new ChangeDetails();
+	      if (!blockIter) return details;
+	      for (var bi = blockIter.index;; ++bi) {
+	        var _block = this._blocks[bi];
+	        if (!_block) break;
+	        var blockDetails = _block._appendChar(ch, flags);
+	        var skip = blockDetails.skip;
+	        details.aggregate(blockDetails);
+	        if (skip || blockDetails.rawInserted) break;
+	      }
+	      return details;
+	    }
+	  }, {
+	    key: "extractTail",
+	    value: function extractTail() {
+	      var _this2 = this;
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      var chunkTail = new ChunksTailDetails();
+	      if (fromPos === toPos) return chunkTail;
+	      this._forEachBlocksInRange(fromPos, toPos, function (b, bi, bFromPos, bToPos) {
+	        var blockChunk = b.extractTail(bFromPos, bToPos);
+	        blockChunk.stop = _this2._findStopBefore(bi);
+	        blockChunk.from = _this2._blockStartPos(bi);
+	        if (blockChunk instanceof ChunksTailDetails) blockChunk.blockIndex = bi;
+	        chunkTail.extend(blockChunk);
+	      });
+	      return chunkTail;
+	    }
+	  }, {
+	    key: "extractInput",
+	    value: function extractInput() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      var flags = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+	      if (fromPos === toPos) return '';
+	      var input = '';
+	      this._forEachBlocksInRange(fromPos, toPos, function (b, _, fromPos, toPos) {
+	        input += b.extractInput(fromPos, toPos, flags);
+	      });
+	      return input;
+	    }
+	  }, {
+	    key: "_findStopBefore",
+	    value: function _findStopBefore(blockIndex) {
+	      var stopBefore;
+	      for (var si = 0; si < this._stops.length; ++si) {
+	        var stop = this._stops[si];
+	        if (stop <= blockIndex) stopBefore = stop;else break;
+	      }
+	      return stopBefore;
+	    }
+	  }, {
+	    key: "_appendPlaceholder",
+	    value: function _appendPlaceholder(toBlockIndex) {
+	      var _this3 = this;
+	      var details = new ChangeDetails();
+	      if (this.lazy && toBlockIndex == null) return details;
+	      var startBlockIter = this._mapPosToBlock(this.value.length);
+	      if (!startBlockIter) return details;
+	      var startBlockIndex = startBlockIter.index;
+	      var endBlockIndex = toBlockIndex != null ? toBlockIndex : this._blocks.length;
+	      this._blocks.slice(startBlockIndex, endBlockIndex).forEach(function (b) {
+	        if (!b.lazy || toBlockIndex != null) {
+	          var args = b._blocks != null ? [b._blocks.length] : [];
+	          var bDetails = b._appendPlaceholder.apply(b, args);
+	          _this3._value += bDetails.inserted;
+	          details.aggregate(bDetails);
+	        }
+	      });
+	      return details;
+	    }
+	  }, {
+	    key: "_mapPosToBlock",
+	    value: function _mapPosToBlock(pos) {
+	      var accVal = '';
+	      for (var bi = 0; bi < this._blocks.length; ++bi) {
+	        var _block2 = this._blocks[bi];
+	        var blockStartPos = accVal.length;
+	        accVal += _block2.value;
+	        if (pos <= accVal.length) {
+	          return {
+	            index: bi,
+	            offset: pos - blockStartPos
+	          };
+	        }
+	      }
+	    }
+	  }, {
+	    key: "_blockStartPos",
+	    value: function _blockStartPos(blockIndex) {
+	      return this._blocks.slice(0, blockIndex).reduce(function (pos, b) {
+	        return pos += b.value.length;
+	      }, 0);
+	    }
+	  }, {
+	    key: "_forEachBlocksInRange",
+	    value: function _forEachBlocksInRange(fromPos) {
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      var fn = arguments.length > 2 ? arguments[2] : undefined;
+	      var fromBlockIter = this._mapPosToBlock(fromPos);
+	      if (fromBlockIter) {
+	        var toBlockIter = this._mapPosToBlock(toPos);
+	        var isSameBlock = toBlockIter && fromBlockIter.index === toBlockIter.index;
+	        var fromBlockStartPos = fromBlockIter.offset;
+	        var fromBlockEndPos = toBlockIter && isSameBlock ? toBlockIter.offset : this._blocks[fromBlockIter.index].value.length;
+	        fn(this._blocks[fromBlockIter.index], fromBlockIter.index, fromBlockStartPos, fromBlockEndPos);
+	        if (toBlockIter && !isSameBlock) {
+	          for (var bi = fromBlockIter.index + 1; bi < toBlockIter.index; ++bi) {
+	            fn(this._blocks[bi], bi, 0, this._blocks[bi].value.length);
+	          }
+	          fn(this._blocks[toBlockIter.index], toBlockIter.index, 0, toBlockIter.offset);
+	        }
+	      }
+	    }
+	  }, {
+	    key: "remove",
+	    value: function remove() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      var removeDetails = _get(_getPrototypeOf(MaskedPattern.prototype), "remove", this).call(this, fromPos, toPos);
+	      this._forEachBlocksInRange(fromPos, toPos, function (b, _, bFromPos, bToPos) {
+	        removeDetails.aggregate(b.remove(bFromPos, bToPos));
+	      });
+	      return removeDetails;
+	    }
+	  }, {
+	    key: "nearestInputPos",
+	    value: function nearestInputPos(cursorPos) {
+	      var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DIRECTION.NONE;
+	      var beginBlockData = this._mapPosToBlock(cursorPos) || {
+	        index: 0,
+	        offset: 0
+	      };
+	      var beginBlockOffset = beginBlockData.offset,
+	          beginBlockIndex = beginBlockData.index;
+	      var beginBlock = this._blocks[beginBlockIndex];
+	      if (!beginBlock) return cursorPos;
+	      var beginBlockCursorPos = beginBlockOffset;
+	      if (beginBlockCursorPos !== 0 && beginBlockCursorPos < beginBlock.value.length) {
+	        beginBlockCursorPos = beginBlock.nearestInputPos(beginBlockOffset, forceDirection(direction));
+	      }
+	      var cursorAtRight = beginBlockCursorPos === beginBlock.value.length;
+	      var cursorAtLeft = beginBlockCursorPos === 0;
+	      if (!cursorAtLeft && !cursorAtRight) return this._blockStartPos(beginBlockIndex) + beginBlockCursorPos;
+	      var searchBlockIndex = cursorAtRight ? beginBlockIndex + 1 : beginBlockIndex;
+	      if (direction === DIRECTION.NONE) {
+	        if (searchBlockIndex > 0) {
+	          var blockIndexAtLeft = searchBlockIndex - 1;
+	          var blockAtLeft = this._blocks[blockIndexAtLeft];
+	          var blockInputPos = blockAtLeft.nearestInputPos(0, DIRECTION.NONE);
+	          if (!blockAtLeft.value.length || blockInputPos !== blockAtLeft.value.length) {
+	            return this._blockStartPos(searchBlockIndex);
+	          }
+	        }
+	        var firstInputAtRight = searchBlockIndex;
+	        for (var bi = firstInputAtRight; bi < this._blocks.length; ++bi) {
+	          var blockAtRight = this._blocks[bi];
+	          var _blockInputPos = blockAtRight.nearestInputPos(0, DIRECTION.NONE);
+	          if (!blockAtRight.value.length || _blockInputPos !== blockAtRight.value.length) {
+	            return this._blockStartPos(bi) + _blockInputPos;
+	          }
+	        }
+	        for (var _bi = searchBlockIndex - 1; _bi >= 0; --_bi) {
+	          var _block3 = this._blocks[_bi];
+	          var _blockInputPos2 = _block3.nearestInputPos(0, DIRECTION.NONE);
+	          if (!_block3.value.length || _blockInputPos2 !== _block3.value.length) {
+	            return this._blockStartPos(_bi) + _block3.value.length;
+	          }
+	        }
+	        return cursorPos;
+	      }
+	      if (direction === DIRECTION.LEFT || direction === DIRECTION.FORCE_LEFT) {
+	        var firstFilledBlockIndexAtRight;
+	        for (var _bi2 = searchBlockIndex; _bi2 < this._blocks.length; ++_bi2) {
+	          if (this._blocks[_bi2].value) {
+	            firstFilledBlockIndexAtRight = _bi2;
+	            break;
+	          }
+	        }
+	        if (firstFilledBlockIndexAtRight != null) {
+	          var filledBlock = this._blocks[firstFilledBlockIndexAtRight];
+	          var _blockInputPos3 = filledBlock.nearestInputPos(0, DIRECTION.RIGHT);
+	          if (_blockInputPos3 === 0 && filledBlock.unmaskedValue.length) {
+	            return this._blockStartPos(firstFilledBlockIndexAtRight) + _blockInputPos3;
+	          }
+	        }
+	        var firstFilledInputBlockIndex = -1;
+	        var firstEmptyInputBlockIndex;
+	        for (var _bi3 = searchBlockIndex - 1; _bi3 >= 0; --_bi3) {
+	          var _block4 = this._blocks[_bi3];
+	          var _blockInputPos4 = _block4.nearestInputPos(_block4.value.length, DIRECTION.FORCE_LEFT);
+	          if (!_block4.value || _blockInputPos4 !== 0) firstEmptyInputBlockIndex = _bi3;
+	          if (_blockInputPos4 !== 0) {
+	            if (_blockInputPos4 !== _block4.value.length) {
+	              return this._blockStartPos(_bi3) + _blockInputPos4;
+	            } else {
+	              firstFilledInputBlockIndex = _bi3;
+	              break;
+	            }
+	          }
+	        }
+	        if (direction === DIRECTION.LEFT) {
+	          for (var _bi4 = firstFilledInputBlockIndex + 1; _bi4 <= Math.min(searchBlockIndex, this._blocks.length - 1); ++_bi4) {
+	            var _block5 = this._blocks[_bi4];
+	            var _blockInputPos5 = _block5.nearestInputPos(0, DIRECTION.NONE);
+	            var blockAlignedPos = this._blockStartPos(_bi4) + _blockInputPos5;
+	            if (blockAlignedPos > cursorPos) break;
+	            if (_blockInputPos5 !== _block5.value.length) return blockAlignedPos;
+	          }
+	        }
+	        if (firstFilledInputBlockIndex >= 0) {
+	          return this._blockStartPos(firstFilledInputBlockIndex) + this._blocks[firstFilledInputBlockIndex].value.length;
+	        }
+	        if (direction === DIRECTION.FORCE_LEFT || this.lazy && !this.extractInput() && !isInput(this._blocks[searchBlockIndex])) {
+	          return 0;
+	        }
+	        if (firstEmptyInputBlockIndex != null) {
+	          return this._blockStartPos(firstEmptyInputBlockIndex);
+	        }
+	        for (var _bi5 = searchBlockIndex; _bi5 < this._blocks.length; ++_bi5) {
+	          var _block6 = this._blocks[_bi5];
+	          var _blockInputPos6 = _block6.nearestInputPos(0, DIRECTION.NONE);
+	          if (!_block6.value.length || _blockInputPos6 !== _block6.value.length) {
+	            return this._blockStartPos(_bi5) + _blockInputPos6;
+	          }
+	        }
+	        return 0;
+	      }
+	      if (direction === DIRECTION.RIGHT || direction === DIRECTION.FORCE_RIGHT) {
+	        var firstInputBlockAlignedIndex;
+	        var firstInputBlockAlignedPos;
+	        for (var _bi6 = searchBlockIndex; _bi6 < this._blocks.length; ++_bi6) {
+	          var _block7 = this._blocks[_bi6];
+	          var _blockInputPos7 = _block7.nearestInputPos(0, DIRECTION.NONE);
+	          if (_blockInputPos7 !== _block7.value.length) {
+	            firstInputBlockAlignedPos = this._blockStartPos(_bi6) + _blockInputPos7;
+	            firstInputBlockAlignedIndex = _bi6;
+	            break;
+	          }
+	        }
+	        if (firstInputBlockAlignedIndex != null && firstInputBlockAlignedPos != null) {
+	          for (var _bi7 = firstInputBlockAlignedIndex; _bi7 < this._blocks.length; ++_bi7) {
+	            var _block8 = this._blocks[_bi7];
+	            var _blockInputPos8 = _block8.nearestInputPos(0, DIRECTION.FORCE_RIGHT);
+	            if (_blockInputPos8 !== _block8.value.length) {
+	              return this._blockStartPos(_bi7) + _blockInputPos8;
+	            }
+	          }
+	          return direction === DIRECTION.FORCE_RIGHT ? this.value.length : firstInputBlockAlignedPos;
+	        }
+	        for (var _bi8 = Math.min(searchBlockIndex, this._blocks.length - 1); _bi8 >= 0; --_bi8) {
+	          var _block9 = this._blocks[_bi8];
+	          var _blockInputPos9 = _block9.nearestInputPos(_block9.value.length, DIRECTION.LEFT);
+	          if (_blockInputPos9 !== 0) {
+	            var alignedPos = this._blockStartPos(_bi8) + _blockInputPos9;
+	            if (alignedPos >= cursorPos) return alignedPos;
+	            break;
+	          }
+	        }
+	      }
+	      return cursorPos;
+	    }
+	  }, {
+	    key: "maskedBlock",
+	    value: function maskedBlock(name) {
+	      return this.maskedBlocks(name)[0];
+	    }
+	  }, {
+	    key: "maskedBlocks",
+	    value: function maskedBlocks(name) {
+	      var _this4 = this;
+	      var indices = this._maskedBlocks[name];
+	      if (!indices) return [];
+	      return indices.map(function (gi) {
+	        return _this4._blocks[gi];
+	      });
+	    }
+	  }, {
+	    key: "state",
+	    get: function get() {
+	      return Object.assign({}, _get(_getPrototypeOf(MaskedPattern.prototype), "state", this), {
+	        _blocks: this._blocks.map(function (b) {
+	          return b.state;
+	        })
+	      });
+	    },
+	    set: function set(state) {
+	      var _blocks = state._blocks,
+	          maskedState = _objectWithoutProperties(state, ["_blocks"]);
+	      this._blocks.forEach(function (b, bi) {
+	        return b.state = _blocks[bi];
+	      });
+	      _set(_getPrototypeOf(MaskedPattern.prototype), "state", maskedState, this, true);
+	    }
+	  }, {
+	    key: "isComplete",
+	    get: function get() {
+	      return this._blocks.every(function (b) {
+	        return b.isComplete;
+	      });
+	    }
+	  }, {
+	    key: "unmaskedValue",
+	    get: function get() {
+	      return this._blocks.reduce(function (str, b) {
+	        return str += b.unmaskedValue;
+	      }, '');
+	    },
+	    set: function set(unmaskedValue) {
+	      _set(_getPrototypeOf(MaskedPattern.prototype), "unmaskedValue", unmaskedValue, this, true);
+	    }
+	  }, {
+	    key: "value",
+	    get: function get() {
+	      return this._blocks.reduce(function (str, b) {
+	        return str += b.value;
+	      }, '');
+	    },
+	    set: function set(value) {
+	      _set(_getPrototypeOf(MaskedPattern.prototype), "value", value, this, true);
+	    }
+	  }]);
+	  return MaskedPattern;
+	}(Masked);
+	MaskedPattern.DEFAULTS = {
+	  lazy: true,
+	  placeholderChar: '_'
+	};
+	MaskedPattern.STOP_CHAR = '`';
+	MaskedPattern.ESCAPE_CHAR = '\\';
+	MaskedPattern.InputDefinition = PatternInputDefinition;
+	MaskedPattern.FixedDefinition = PatternFixedDefinition;
+	function isInput(block) {
+	  if (!block) return false;
+	  var value = block.value;
+	  return !value || block.nearestInputPos(0, DIRECTION.NONE) !== value.length;
+	}
+	IMask.MaskedPattern = MaskedPattern;
+
+	var MaskedRange =
+	function (_MaskedPattern) {
+	  _inherits(MaskedRange, _MaskedPattern);
+	  function MaskedRange() {
+	    _classCallCheck(this, MaskedRange);
+	    return _possibleConstructorReturn(this, _getPrototypeOf(MaskedRange).apply(this, arguments));
+	  }
+	  _createClass(MaskedRange, [{
+	    key: "_update",
+	    value: function _update(opts) {
+	      opts = Object.assign({
+	        to: this.to || 0,
+	        from: this.from || 0
+	      }, opts);
+	      var maxLength = String(opts.to).length;
+	      if (opts.maxLength != null) maxLength = Math.max(maxLength, opts.maxLength);
+	      opts.maxLength = maxLength;
+	      var fromStr = String(opts.from).padStart(maxLength, '0');
+	      var toStr = String(opts.to).padStart(maxLength, '0');
+	      var sameCharsCount = 0;
+	      while (sameCharsCount < toStr.length && toStr[sameCharsCount] === fromStr[sameCharsCount]) {
+	        ++sameCharsCount;
+	      }
+	      opts.mask = toStr.slice(0, sameCharsCount).replace(/0/g, '\\0') + '0'.repeat(maxLength - sameCharsCount);
+	      _get(_getPrototypeOf(MaskedRange.prototype), "_update", this).call(this, opts);
+	    }
+	  }, {
+	    key: "boundaries",
+	    value: function boundaries(str) {
+	      var minstr = '';
+	      var maxstr = '';
+	      var _ref = str.match(/^(\D*)(\d*)(\D*)/) || [],
+	          _ref2 = _slicedToArray(_ref, 3),
+	          placeholder = _ref2[1],
+	          num = _ref2[2];
+	      if (num) {
+	        minstr = '0'.repeat(placeholder.length) + num;
+	        maxstr = '9'.repeat(placeholder.length) + num;
+	      }
+	      minstr = minstr.padEnd(this.maxLength, '0');
+	      maxstr = maxstr.padEnd(this.maxLength, '9');
+	      return [minstr, maxstr];
+	    }
+	  }, {
+	    key: "doPrepare",
+	    value: function doPrepare(str) {
+	      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      str = _get(_getPrototypeOf(MaskedRange.prototype), "doPrepare", this).call(this, str, flags).replace(/\D/g, '');
+	      if (!this.autofix) return str;
+	      var fromStr = String(this.from).padStart(this.maxLength, '0');
+	      var toStr = String(this.to).padStart(this.maxLength, '0');
+	      var val = this.value;
+	      var prepStr = '';
+	      for (var ci = 0; ci < str.length; ++ci) {
+	        var nextVal = val + prepStr + str[ci];
+	        var _this$boundaries = this.boundaries(nextVal),
+	            _this$boundaries2 = _slicedToArray(_this$boundaries, 2),
+	            minstr = _this$boundaries2[0],
+	            maxstr = _this$boundaries2[1];
+	        if (Number(maxstr) < this.from) prepStr += fromStr[nextVal.length - 1];else if (Number(minstr) > this.to) prepStr += toStr[nextVal.length - 1];else prepStr += str[ci];
+	      }
+	      return prepStr;
+	    }
+	  }, {
+	    key: "doValidate",
+	    value: function doValidate() {
+	      var _get2;
+	      var str = this.value;
+	      var firstNonZero = str.search(/[^0]/);
+	      if (firstNonZero === -1 && str.length <= this._matchFrom) return true;
+	      var _this$boundaries3 = this.boundaries(str),
+	          _this$boundaries4 = _slicedToArray(_this$boundaries3, 2),
+	          minstr = _this$boundaries4[0],
+	          maxstr = _this$boundaries4[1];
+	      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+	        args[_key] = arguments[_key];
+	      }
+	      return this.from <= Number(maxstr) && Number(minstr) <= this.to && (_get2 = _get(_getPrototypeOf(MaskedRange.prototype), "doValidate", this)).call.apply(_get2, [this].concat(args));
+	    }
+	  }, {
+	    key: "_matchFrom",
+	    get: function get() {
+	      return this.maxLength - String(this.from).length;
+	    }
+	  }, {
+	    key: "isComplete",
+	    get: function get() {
+	      return _get(_getPrototypeOf(MaskedRange.prototype), "isComplete", this) && Boolean(this.value);
+	    }
+	  }]);
+	  return MaskedRange;
+	}(MaskedPattern);
+	IMask.MaskedRange = MaskedRange;
+
+	var MaskedDate =
+	function (_MaskedPattern) {
+	  _inherits(MaskedDate, _MaskedPattern);
+	  function MaskedDate(opts) {
+	    _classCallCheck(this, MaskedDate);
+	    return _possibleConstructorReturn(this, _getPrototypeOf(MaskedDate).call(this, Object.assign({}, MaskedDate.DEFAULTS, {}, opts)));
+	  }
+	  _createClass(MaskedDate, [{
+	    key: "_update",
+	    value: function _update(opts) {
+	      if (opts.mask === Date) delete opts.mask;
+	      if (opts.pattern) opts.mask = opts.pattern;
+	      var blocks = opts.blocks;
+	      opts.blocks = Object.assign({}, MaskedDate.GET_DEFAULT_BLOCKS());
+	      if (opts.min) opts.blocks.Y.from = opts.min.getFullYear();
+	      if (opts.max) opts.blocks.Y.to = opts.max.getFullYear();
+	      if (opts.min && opts.max && opts.blocks.Y.from === opts.blocks.Y.to) {
+	        opts.blocks.m.from = opts.min.getMonth() + 1;
+	        opts.blocks.m.to = opts.max.getMonth() + 1;
+	        if (opts.blocks.m.from === opts.blocks.m.to) {
+	          opts.blocks.d.from = opts.min.getDate();
+	          opts.blocks.d.to = opts.max.getDate();
+	        }
+	      }
+	      Object.assign(opts.blocks, blocks);
+	      Object.keys(opts.blocks).forEach(function (bk) {
+	        var b = opts.blocks[bk];
+	        if (!('autofix' in b)) b.autofix = opts.autofix;
+	      });
+	      _get(_getPrototypeOf(MaskedDate.prototype), "_update", this).call(this, opts);
+	    }
+	  }, {
+	    key: "doValidate",
+	    value: function doValidate() {
+	      var _get2;
+	      var date = this.date;
+	      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+	        args[_key] = arguments[_key];
+	      }
+	      return (_get2 = _get(_getPrototypeOf(MaskedDate.prototype), "doValidate", this)).call.apply(_get2, [this].concat(args)) && (!this.isComplete || this.isDateExist(this.value) && date != null && (this.min == null || this.min <= date) && (this.max == null || date <= this.max));
+	    }
+	  }, {
+	    key: "isDateExist",
+	    value: function isDateExist(str) {
+	      return this.format(this.parse(str, this), this).indexOf(str) >= 0;
+	    }
+	  }, {
+	    key: "date",
+	    get: function get() {
+	      return this.typedValue;
+	    },
+	    set: function set(date) {
+	      this.typedValue = date;
+	    }
+	  }, {
+	    key: "typedValue",
+	    get: function get() {
+	      return this.isComplete ? _get(_getPrototypeOf(MaskedDate.prototype), "typedValue", this) : null;
+	    },
+	    set: function set(value) {
+	      _set(_getPrototypeOf(MaskedDate.prototype), "typedValue", value, this, true);
+	    }
+	  }]);
+	  return MaskedDate;
+	}(MaskedPattern);
+	MaskedDate.DEFAULTS = {
+	  pattern: 'd{.}`m{.}`Y',
+	  format: function format(date) {
+	    var day = String(date.getDate()).padStart(2, '0');
+	    var month = String(date.getMonth() + 1).padStart(2, '0');
+	    var year = date.getFullYear();
+	    return [day, month, year].join('.');
+	  },
+	  parse: function parse(str) {
+	    var _str$split = str.split('.'),
+	        _str$split2 = _slicedToArray(_str$split, 3),
+	        day = _str$split2[0],
+	        month = _str$split2[1],
+	        year = _str$split2[2];
+	    return new Date(year, month - 1, day);
+	  }
+	};
+	MaskedDate.GET_DEFAULT_BLOCKS = function () {
+	  return {
+	    d: {
+	      mask: MaskedRange,
+	      from: 1,
+	      to: 31,
+	      maxLength: 2
+	    },
+	    m: {
+	      mask: MaskedRange,
+	      from: 1,
+	      to: 12,
+	      maxLength: 2
+	    },
+	    Y: {
+	      mask: MaskedRange,
+	      from: 1900,
+	      to: 9999
+	    }
+	  };
+	};
+	IMask.MaskedDate = MaskedDate;
+
+	var MaskElement =
+	function () {
+	  function MaskElement() {
+	    _classCallCheck(this, MaskElement);
+	  }
+	  _createClass(MaskElement, [{
+	    key: "select",
+	    value: function select(start, end) {
+	      if (start == null || end == null || start === this.selectionStart && end === this.selectionEnd) return;
+	      try {
+	        this._unsafeSelect(start, end);
+	      } catch (e) {}
+	    }
+	  }, {
+	    key: "_unsafeSelect",
+	    value: function _unsafeSelect(start, end) {}
+	  }, {
+	    key: "bindEvents",
+	    value: function bindEvents(handlers) {}
+	  }, {
+	    key: "unbindEvents",
+	    value: function unbindEvents() {}
+	  }, {
+	    key: "selectionStart",
+	    get: function get() {
+	      var start;
+	      try {
+	        start = this._unsafeSelectionStart;
+	      } catch (e) {}
+	      return start != null ? start : this.value.length;
+	    }
+	  }, {
+	    key: "selectionEnd",
+	    get: function get() {
+	      var end;
+	      try {
+	        end = this._unsafeSelectionEnd;
+	      } catch (e) {}
+	      return end != null ? end : this.value.length;
+	    }
+	  }, {
+	    key: "isActive",
+	    get: function get() {
+	      return false;
+	    }
+	  }]);
+	  return MaskElement;
+	}();
+	IMask.MaskElement = MaskElement;
+
+	var HTMLMaskElement =
+	function (_MaskElement) {
+	  _inherits(HTMLMaskElement, _MaskElement);
+	  function HTMLMaskElement(input) {
+	    var _this;
+	    _classCallCheck(this, HTMLMaskElement);
+	    _this = _possibleConstructorReturn(this, _getPrototypeOf(HTMLMaskElement).call(this));
+	    _this.input = input;
+	    _this._handlers = {};
+	    return _this;
+	  }
+	  _createClass(HTMLMaskElement, [{
+	    key: "_unsafeSelect",
+	    value: function _unsafeSelect(start, end) {
+	      this.input.setSelectionRange(start, end);
+	    }
+	  }, {
+	    key: "bindEvents",
+	    value: function bindEvents(handlers) {
+	      var _this2 = this;
+	      Object.keys(handlers).forEach(function (event) {
+	        return _this2._toggleEventHandler(HTMLMaskElement.EVENTS_MAP[event], handlers[event]);
+	      });
+	    }
+	  }, {
+	    key: "unbindEvents",
+	    value: function unbindEvents() {
+	      var _this3 = this;
+	      Object.keys(this._handlers).forEach(function (event) {
+	        return _this3._toggleEventHandler(event);
+	      });
+	    }
+	  }, {
+	    key: "_toggleEventHandler",
+	    value: function _toggleEventHandler(event, handler) {
+	      if (this._handlers[event]) {
+	        this.input.removeEventListener(event, this._handlers[event]);
+	        delete this._handlers[event];
+	      }
+	      if (handler) {
+	        this.input.addEventListener(event, handler);
+	        this._handlers[event] = handler;
+	      }
+	    }
+	  }, {
+	    key: "rootElement",
+	    get: function get() {
+	      return this.input.getRootNode ? this.input.getRootNode() : document;
+	    }
+	  }, {
+	    key: "isActive",
+	    get: function get() {
+	      return this.input === this.rootElement.activeElement;
+	    }
+	  }, {
+	    key: "_unsafeSelectionStart",
+	    get: function get() {
+	      return this.input.selectionStart;
+	    }
+	  }, {
+	    key: "_unsafeSelectionEnd",
+	    get: function get() {
+	      return this.input.selectionEnd;
+	    }
+	  }, {
+	    key: "value",
+	    get: function get() {
+	      return this.input.value;
+	    },
+	    set: function set(value) {
+	      this.input.value = value;
+	    }
+	  }]);
+	  return HTMLMaskElement;
+	}(MaskElement);
+	HTMLMaskElement.EVENTS_MAP = {
+	  selectionChange: 'keydown',
+	  input: 'input',
+	  drop: 'drop',
+	  click: 'click',
+	  focus: 'focus',
+	  commit: 'blur'
+	};
+	IMask.HTMLMaskElement = HTMLMaskElement;
+
+	var HTMLContenteditableMaskElement =
+	function (_HTMLMaskElement) {
+	  _inherits(HTMLContenteditableMaskElement, _HTMLMaskElement);
+	  function HTMLContenteditableMaskElement() {
+	    _classCallCheck(this, HTMLContenteditableMaskElement);
+	    return _possibleConstructorReturn(this, _getPrototypeOf(HTMLContenteditableMaskElement).apply(this, arguments));
+	  }
+	  _createClass(HTMLContenteditableMaskElement, [{
+	    key: "_unsafeSelect",
+	    value: function _unsafeSelect(start, end) {
+	      if (!this.rootElement.createRange) return;
+	      var range = this.rootElement.createRange();
+	      range.setStart(this.input.firstChild || this.input, start);
+	      range.setEnd(this.input.lastChild || this.input, end);
+	      var root = this.rootElement;
+	      var selection = root.getSelection && root.getSelection();
+	      if (selection) {
+	        selection.removeAllRanges();
+	        selection.addRange(range);
+	      }
+	    }
+	  }, {
+	    key: "_unsafeSelectionStart",
+	    get: function get() {
+	      var root = this.rootElement;
+	      var selection = root.getSelection && root.getSelection();
+	      return selection && selection.anchorOffset;
+	    }
+	  }, {
+	    key: "_unsafeSelectionEnd",
+	    get: function get() {
+	      var root = this.rootElement;
+	      var selection = root.getSelection && root.getSelection();
+	      return selection && this._unsafeSelectionStart + String(selection).length;
+	    }
+	  }, {
+	    key: "value",
+	    get: function get() {
+	      return this.input.textContent;
+	    },
+	    set: function set(value) {
+	      this.input.textContent = value;
+	    }
+	  }]);
+	  return HTMLContenteditableMaskElement;
+	}(HTMLMaskElement);
+	IMask.HTMLContenteditableMaskElement = HTMLContenteditableMaskElement;
+
+	var InputMask =
+	function () {
+	  function InputMask(el, opts) {
+	    _classCallCheck(this, InputMask);
+	    this.el = el instanceof MaskElement ? el : el.isContentEditable && el.tagName !== 'INPUT' && el.tagName !== 'TEXTAREA' ? new HTMLContenteditableMaskElement(el) : new HTMLMaskElement(el);
+	    this.masked = createMask(opts);
+	    this._listeners = {};
+	    this._value = '';
+	    this._unmaskedValue = '';
+	    this._saveSelection = this._saveSelection.bind(this);
+	    this._onInput = this._onInput.bind(this);
+	    this._onChange = this._onChange.bind(this);
+	    this._onDrop = this._onDrop.bind(this);
+	    this._onFocus = this._onFocus.bind(this);
+	    this._onClick = this._onClick.bind(this);
+	    this.alignCursor = this.alignCursor.bind(this);
+	    this.alignCursorFriendly = this.alignCursorFriendly.bind(this);
+	    this._bindEvents();
+	    this.updateValue();
+	    this._onChange();
+	  }
+	  _createClass(InputMask, [{
+	    key: "maskEquals",
+	    value: function maskEquals(mask) {
+	      return mask == null || mask === this.masked.mask || mask === Date && this.masked instanceof MaskedDate;
+	    }
+	  }, {
+	    key: "_bindEvents",
+	    value: function _bindEvents() {
+	      this.el.bindEvents({
+	        selectionChange: this._saveSelection,
+	        input: this._onInput,
+	        drop: this._onDrop,
+	        click: this._onClick,
+	        focus: this._onFocus,
+	        commit: this._onChange
+	      });
+	    }
+	  }, {
+	    key: "_unbindEvents",
+	    value: function _unbindEvents() {
+	      if (this.el) this.el.unbindEvents();
+	    }
+	  }, {
+	    key: "_fireEvent",
+	    value: function _fireEvent(ev) {
+	      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+	        args[_key - 1] = arguments[_key];
+	      }
+	      var listeners = this._listeners[ev];
+	      if (!listeners) return;
+	      listeners.forEach(function (l) {
+	        return l.apply(void 0, args);
+	      });
+	    }
+	  }, {
+	    key: "_saveSelection",
+	    value: function _saveSelection()
+	    {
+	      if (this.value !== this.el.value) {
+	        console.warn('Element value was changed outside of mask. Syncronize mask using `mask.updateValue()` to work properly.');
+	      }
+	      this._selection = {
+	        start: this.selectionStart,
+	        end: this.cursorPos
+	      };
+	    }
+	  }, {
+	    key: "updateValue",
+	    value: function updateValue() {
+	      this.masked.value = this.el.value;
+	      this._value = this.masked.value;
+	    }
+	  }, {
+	    key: "updateControl",
+	    value: function updateControl() {
+	      var newUnmaskedValue = this.masked.unmaskedValue;
+	      var newValue = this.masked.value;
+	      var isChanged = this.unmaskedValue !== newUnmaskedValue || this.value !== newValue;
+	      this._unmaskedValue = newUnmaskedValue;
+	      this._value = newValue;
+	      if (this.el.value !== newValue) this.el.value = newValue;
+	      if (isChanged) this._fireChangeEvents();
+	    }
+	  }, {
+	    key: "updateOptions",
+	    value: function updateOptions(opts) {
+	      var mask = opts.mask,
+	          restOpts = _objectWithoutProperties(opts, ["mask"]);
+	      var updateMask = !this.maskEquals(mask);
+	      var updateOpts = !objectIncludes(this.masked, restOpts);
+	      if (updateMask) this.mask = mask;
+	      if (updateOpts) this.masked.updateOptions(restOpts);
+	      if (updateMask || updateOpts) this.updateControl();
+	    }
+	  }, {
+	    key: "updateCursor",
+	    value: function updateCursor(cursorPos) {
+	      if (cursorPos == null) return;
+	      this.cursorPos = cursorPos;
+	      this._delayUpdateCursor(cursorPos);
+	    }
+	  }, {
+	    key: "_delayUpdateCursor",
+	    value: function _delayUpdateCursor(cursorPos) {
+	      var _this = this;
+	      this._abortUpdateCursor();
+	      this._changingCursorPos = cursorPos;
+	      this._cursorChanging = setTimeout(function () {
+	        if (!_this.el) return;
+	        _this.cursorPos = _this._changingCursorPos;
+	        _this._abortUpdateCursor();
+	      }, 10);
+	    }
+	  }, {
+	    key: "_fireChangeEvents",
+	    value: function _fireChangeEvents() {
+	      this._fireEvent('accept', this._inputEvent);
+	      if (this.masked.isComplete) this._fireEvent('complete', this._inputEvent);
+	    }
+	  }, {
+	    key: "_abortUpdateCursor",
+	    value: function _abortUpdateCursor() {
+	      if (this._cursorChanging) {
+	        clearTimeout(this._cursorChanging);
+	        delete this._cursorChanging;
+	      }
+	    }
+	  }, {
+	    key: "alignCursor",
+	    value: function alignCursor() {
+	      this.cursorPos = this.masked.nearestInputPos(this.cursorPos, DIRECTION.LEFT);
+	    }
+	  }, {
+	    key: "alignCursorFriendly",
+	    value: function alignCursorFriendly() {
+	      if (this.selectionStart !== this.cursorPos) return;
+	      this.alignCursor();
+	    }
+	  }, {
+	    key: "on",
+	    value: function on(ev, handler) {
+	      if (!this._listeners[ev]) this._listeners[ev] = [];
+	      this._listeners[ev].push(handler);
+	      return this;
+	    }
+	  }, {
+	    key: "off",
+	    value: function off(ev, handler) {
+	      if (!this._listeners[ev]) return this;
+	      if (!handler) {
+	        delete this._listeners[ev];
+	        return this;
+	      }
+	      var hIndex = this._listeners[ev].indexOf(handler);
+	      if (hIndex >= 0) this._listeners[ev].splice(hIndex, 1);
+	      return this;
+	    }
+	  }, {
+	    key: "_onInput",
+	    value: function _onInput(e) {
+	      this._inputEvent = e;
+	      this._abortUpdateCursor();
+	      if (!this._selection) return this.updateValue();
+	      var details = new ActionDetails(
+	      this.el.value, this.cursorPos,
+	      this.value, this._selection);
+	      var oldRawValue = this.masked.rawInputValue;
+	      var offset = this.masked.splice(details.startChangePos, details.removed.length, details.inserted, details.removeDirection).offset;
+	      var removeDirection = oldRawValue === this.masked.rawInputValue ? details.removeDirection : DIRECTION.NONE;
+	      var cursorPos = this.masked.nearestInputPos(details.startChangePos + offset, removeDirection);
+	      this.updateControl();
+	      this.updateCursor(cursorPos);
+	      delete this._inputEvent;
+	    }
+	  }, {
+	    key: "_onChange",
+	    value: function _onChange() {
+	      if (this.value !== this.el.value) {
+	        this.updateValue();
+	      }
+	      this.masked.doCommit();
+	      this.updateControl();
+	      this._saveSelection();
+	    }
+	  }, {
+	    key: "_onDrop",
+	    value: function _onDrop(ev) {
+	      ev.preventDefault();
+	      ev.stopPropagation();
+	    }
+	  }, {
+	    key: "_onFocus",
+	    value: function _onFocus(ev) {
+	      this.alignCursorFriendly();
+	    }
+	  }, {
+	    key: "_onClick",
+	    value: function _onClick(ev) {
+	      this.alignCursorFriendly();
+	    }
+	  }, {
+	    key: "destroy",
+	    value: function destroy() {
+	      this._unbindEvents();
+	      this._listeners.length = 0;
+	      delete this.el;
+	    }
+	  }, {
+	    key: "mask",
+	    get: function get() {
+	      return this.masked.mask;
+	    },
+	    set: function set(mask) {
+	      if (this.maskEquals(mask)) return;
+	      if (!(mask instanceof IMask.Masked) && this.masked.constructor === maskedClass(mask)) {
+	        this.masked.updateOptions({
+	          mask: mask
+	        });
+	        return;
+	      }
+	      var masked = createMask({
+	        mask: mask
+	      });
+	      masked.unmaskedValue = this.masked.unmaskedValue;
+	      this.masked = masked;
+	    }
+	  }, {
+	    key: "value",
+	    get: function get() {
+	      return this._value;
+	    },
+	    set: function set(str) {
+	      this.masked.value = str;
+	      this.updateControl();
+	      this.alignCursor();
+	    }
+	  }, {
+	    key: "unmaskedValue",
+	    get: function get() {
+	      return this._unmaskedValue;
+	    },
+	    set: function set(str) {
+	      this.masked.unmaskedValue = str;
+	      this.updateControl();
+	      this.alignCursor();
+	    }
+	  }, {
+	    key: "typedValue",
+	    get: function get() {
+	      return this.masked.typedValue;
+	    },
+	    set: function set(val) {
+	      this.masked.typedValue = val;
+	      this.updateControl();
+	      this.alignCursor();
+	    }
+	  }, {
+	    key: "selectionStart",
+	    get: function get() {
+	      return this._cursorChanging ? this._changingCursorPos : this.el.selectionStart;
+	    }
+	  }, {
+	    key: "cursorPos",
+	    get: function get() {
+	      return this._cursorChanging ? this._changingCursorPos : this.el.selectionEnd;
+	    },
+	    set: function set(pos) {
+	      if (!this.el || !this.el.isActive) return;
+	      this.el.select(pos, pos);
+	      this._saveSelection();
+	    }
+	  }]);
+	  return InputMask;
+	}();
+	IMask.InputMask = InputMask;
+
+	var MaskedEnum =
+	function (_MaskedPattern) {
+	  _inherits(MaskedEnum, _MaskedPattern);
+	  function MaskedEnum() {
+	    _classCallCheck(this, MaskedEnum);
+	    return _possibleConstructorReturn(this, _getPrototypeOf(MaskedEnum).apply(this, arguments));
+	  }
+	  _createClass(MaskedEnum, [{
+	    key: "_update",
+	    value: function _update(opts) {
+	      if (opts.enum) opts.mask = '*'.repeat(opts.enum[0].length);
+	      _get(_getPrototypeOf(MaskedEnum.prototype), "_update", this).call(this, opts);
+	    }
+	  }, {
+	    key: "doValidate",
+	    value: function doValidate() {
+	      var _this = this,
+	          _get2;
+	      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+	        args[_key] = arguments[_key];
+	      }
+	      return this.enum.some(function (e) {
+	        return e.indexOf(_this.unmaskedValue) >= 0;
+	      }) && (_get2 = _get(_getPrototypeOf(MaskedEnum.prototype), "doValidate", this)).call.apply(_get2, [this].concat(args));
+	    }
+	  }]);
+	  return MaskedEnum;
+	}(MaskedPattern);
+	IMask.MaskedEnum = MaskedEnum;
+
+	var MaskedNumber =
+	function (_Masked) {
+	  _inherits(MaskedNumber, _Masked);
+	  function MaskedNumber(opts) {
+	    _classCallCheck(this, MaskedNumber);
+	    return _possibleConstructorReturn(this, _getPrototypeOf(MaskedNumber).call(this, Object.assign({}, MaskedNumber.DEFAULTS, {}, opts)));
+	  }
+	  _createClass(MaskedNumber, [{
+	    key: "_update",
+	    value: function _update(opts) {
+	      _get(_getPrototypeOf(MaskedNumber.prototype), "_update", this).call(this, opts);
+	      this._updateRegExps();
+	    }
+	  }, {
+	    key: "_updateRegExps",
+	    value: function _updateRegExps() {
+	      var start = '^' + (this.allowNegative ? '[+|\\-]?' : '');
+	      var midInput = '(0|([1-9]+\\d*))?';
+	      var mid = '\\d*';
+	      var end = (this.scale ? '(' + escapeRegExp(this.radix) + '\\d{0,' + this.scale + '})?' : '') + '$';
+	      this._numberRegExpInput = new RegExp(start + midInput + end);
+	      this._numberRegExp = new RegExp(start + mid + end);
+	      this._mapToRadixRegExp = new RegExp('[' + this.mapToRadix.map(escapeRegExp).join('') + ']', 'g');
+	      this._thousandsSeparatorRegExp = new RegExp(escapeRegExp(this.thousandsSeparator), 'g');
+	    }
+	  }, {
+	    key: "_removeThousandsSeparators",
+	    value: function _removeThousandsSeparators(value) {
+	      return value.replace(this._thousandsSeparatorRegExp, '');
+	    }
+	  }, {
+	    key: "_insertThousandsSeparators",
+	    value: function _insertThousandsSeparators(value) {
+	      var parts = value.split(this.radix);
+	      parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, this.thousandsSeparator);
+	      return parts.join(this.radix);
+	    }
+	  }, {
+	    key: "doPrepare",
+	    value: function doPrepare(str) {
+	      var _get2;
+	      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+	        args[_key - 1] = arguments[_key];
+	      }
+	      return (_get2 = _get(_getPrototypeOf(MaskedNumber.prototype), "doPrepare", this)).call.apply(_get2, [this, this._removeThousandsSeparators(str.replace(this._mapToRadixRegExp, this.radix))].concat(args));
+	    }
+	  }, {
+	    key: "_separatorsCount",
+	    value: function _separatorsCount(to) {
+	      var extendOnSeparators = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+	      var count = 0;
+	      for (var pos = 0; pos < to; ++pos) {
+	        if (this._value.indexOf(this.thousandsSeparator, pos) === pos) {
+	          ++count;
+	          if (extendOnSeparators) to += this.thousandsSeparator.length;
+	        }
+	      }
+	      return count;
+	    }
+	  }, {
+	    key: "_separatorsCountFromSlice",
+	    value: function _separatorsCountFromSlice() {
+	      var slice = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._value;
+	      return this._separatorsCount(this._removeThousandsSeparators(slice).length, true);
+	    }
+	  }, {
+	    key: "extractInput",
+	    value: function extractInput() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      var flags = arguments.length > 2 ? arguments[2] : undefined;
+	      var _this$_adjustRangeWit = this._adjustRangeWithSeparators(fromPos, toPos);
+	      var _this$_adjustRangeWit2 = _slicedToArray(_this$_adjustRangeWit, 2);
+	      fromPos = _this$_adjustRangeWit2[0];
+	      toPos = _this$_adjustRangeWit2[1];
+	      return this._removeThousandsSeparators(_get(_getPrototypeOf(MaskedNumber.prototype), "extractInput", this).call(this, fromPos, toPos, flags));
+	    }
+	  }, {
+	    key: "_appendCharRaw",
+	    value: function _appendCharRaw(ch) {
+	      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      if (!this.thousandsSeparator) return _get(_getPrototypeOf(MaskedNumber.prototype), "_appendCharRaw", this).call(this, ch, flags);
+	      var prevBeforeTailValue = flags.tail && flags._beforeTailState ? flags._beforeTailState._value : this._value;
+	      var prevBeforeTailSeparatorsCount = this._separatorsCountFromSlice(prevBeforeTailValue);
+	      this._value = this._removeThousandsSeparators(this.value);
+	      var appendDetails = _get(_getPrototypeOf(MaskedNumber.prototype), "_appendCharRaw", this).call(this, ch, flags);
+	      this._value = this._insertThousandsSeparators(this._value);
+	      var beforeTailValue = flags.tail && flags._beforeTailState ? flags._beforeTailState._value : this._value;
+	      var beforeTailSeparatorsCount = this._separatorsCountFromSlice(beforeTailValue);
+	      appendDetails.tailShift += (beforeTailSeparatorsCount - prevBeforeTailSeparatorsCount) * this.thousandsSeparator.length;
+	      appendDetails.skip = !appendDetails.rawInserted && ch === this.thousandsSeparator;
+	      return appendDetails;
+	    }
+	  }, {
+	    key: "_findSeparatorAround",
+	    value: function _findSeparatorAround(pos) {
+	      if (this.thousandsSeparator) {
+	        var searchFrom = pos - this.thousandsSeparator.length + 1;
+	        var separatorPos = this.value.indexOf(this.thousandsSeparator, searchFrom);
+	        if (separatorPos <= pos) return separatorPos;
+	      }
+	      return -1;
+	    }
+	  }, {
+	    key: "_adjustRangeWithSeparators",
+	    value: function _adjustRangeWithSeparators(from, to) {
+	      var separatorAroundFromPos = this._findSeparatorAround(from);
+	      if (separatorAroundFromPos >= 0) from = separatorAroundFromPos;
+	      var separatorAroundToPos = this._findSeparatorAround(to);
+	      if (separatorAroundToPos >= 0) to = separatorAroundToPos + this.thousandsSeparator.length;
+	      return [from, to];
+	    }
+	  }, {
+	    key: "remove",
+	    value: function remove() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      var _this$_adjustRangeWit3 = this._adjustRangeWithSeparators(fromPos, toPos);
+	      var _this$_adjustRangeWit4 = _slicedToArray(_this$_adjustRangeWit3, 2);
+	      fromPos = _this$_adjustRangeWit4[0];
+	      toPos = _this$_adjustRangeWit4[1];
+	      var valueBeforePos = this.value.slice(0, fromPos);
+	      var valueAfterPos = this.value.slice(toPos);
+	      var prevBeforeTailSeparatorsCount = this._separatorsCount(valueBeforePos.length);
+	      this._value = this._insertThousandsSeparators(this._removeThousandsSeparators(valueBeforePos + valueAfterPos));
+	      var beforeTailSeparatorsCount = this._separatorsCountFromSlice(valueBeforePos);
+	      return new ChangeDetails({
+	        tailShift: (beforeTailSeparatorsCount - prevBeforeTailSeparatorsCount) * this.thousandsSeparator.length
+	      });
+	    }
+	  }, {
+	    key: "nearestInputPos",
+	    value: function nearestInputPos(cursorPos, direction) {
+	      if (!this.thousandsSeparator) return cursorPos;
+	      switch (direction) {
+	        case DIRECTION.NONE:
+	        case DIRECTION.LEFT:
+	        case DIRECTION.FORCE_LEFT:
+	          {
+	            var separatorAtLeftPos = this._findSeparatorAround(cursorPos - 1);
+	            if (separatorAtLeftPos >= 0) {
+	              var separatorAtLeftEndPos = separatorAtLeftPos + this.thousandsSeparator.length;
+	              if (cursorPos < separatorAtLeftEndPos || this.value.length <= separatorAtLeftEndPos || direction === DIRECTION.FORCE_LEFT) {
+	                return separatorAtLeftPos;
+	              }
+	            }
+	            break;
+	          }
+	        case DIRECTION.RIGHT:
+	        case DIRECTION.FORCE_RIGHT:
+	          {
+	            var separatorAtRightPos = this._findSeparatorAround(cursorPos);
+	            if (separatorAtRightPos >= 0) {
+	              return separatorAtRightPos + this.thousandsSeparator.length;
+	            }
+	          }
+	      }
+	      return cursorPos;
+	    }
+	  }, {
+	    key: "doValidate",
+	    value: function doValidate(flags) {
+	      var regexp = flags.input ? this._numberRegExpInput : this._numberRegExp;
+	      var valid = regexp.test(this._removeThousandsSeparators(this.value));
+	      if (valid) {
+	        var number = this.number;
+	        valid = valid && !isNaN(number) && (
+	        this.min == null || this.min >= 0 || this.min <= this.number) && (
+	        this.max == null || this.max <= 0 || this.number <= this.max);
+	      }
+	      return valid && _get(_getPrototypeOf(MaskedNumber.prototype), "doValidate", this).call(this, flags);
+	    }
+	  }, {
+	    key: "doCommit",
+	    value: function doCommit() {
+	      if (this.value) {
+	        var number = this.number;
+	        var validnum = number;
+	        if (this.min != null) validnum = Math.max(validnum, this.min);
+	        if (this.max != null) validnum = Math.min(validnum, this.max);
+	        if (validnum !== number) this.unmaskedValue = String(validnum);
+	        var formatted = this.value;
+	        if (this.normalizeZeros) formatted = this._normalizeZeros(formatted);
+	        if (this.padFractionalZeros) formatted = this._padFractionalZeros(formatted);
+	        this._value = formatted;
+	      }
+	      _get(_getPrototypeOf(MaskedNumber.prototype), "doCommit", this).call(this);
+	    }
+	  }, {
+	    key: "_normalizeZeros",
+	    value: function _normalizeZeros(value) {
+	      var parts = this._removeThousandsSeparators(value).split(this.radix);
+	      parts[0] = parts[0].replace(/^(\D*)(0*)(\d*)/, function (match, sign, zeros, num) {
+	        return sign + num;
+	      });
+	      if (value.length && !/\d$/.test(parts[0])) parts[0] = parts[0] + '0';
+	      if (parts.length > 1) {
+	        parts[1] = parts[1].replace(/0*$/, '');
+	        if (!parts[1].length) parts.length = 1;
+	      }
+	      return this._insertThousandsSeparators(parts.join(this.radix));
+	    }
+	  }, {
+	    key: "_padFractionalZeros",
+	    value: function _padFractionalZeros(value) {
+	      if (!value) return value;
+	      var parts = value.split(this.radix);
+	      if (parts.length < 2) parts.push('');
+	      parts[1] = parts[1].padEnd(this.scale, '0');
+	      return parts.join(this.radix);
+	    }
+	  }, {
+	    key: "unmaskedValue",
+	    get: function get() {
+	      return this._removeThousandsSeparators(this._normalizeZeros(this.value)).replace(this.radix, '.');
+	    },
+	    set: function set(unmaskedValue) {
+	      _set(_getPrototypeOf(MaskedNumber.prototype), "unmaskedValue", unmaskedValue.replace('.', this.radix), this, true);
+	    }
+	  }, {
+	    key: "typedValue",
+	    get: function get() {
+	      return Number(this.unmaskedValue);
+	    },
+	    set: function set(n) {
+	      _set(_getPrototypeOf(MaskedNumber.prototype), "unmaskedValue", String(n), this, true);
+	    }
+	  }, {
+	    key: "number",
+	    get: function get() {
+	      return this.typedValue;
+	    },
+	    set: function set(number) {
+	      this.typedValue = number;
+	    }
+	  }, {
+	    key: "allowNegative",
+	    get: function get() {
+	      return this.signed || this.min != null && this.min < 0 || this.max != null && this.max < 0;
+	    }
+	  }]);
+	  return MaskedNumber;
+	}(Masked);
+	MaskedNumber.DEFAULTS = {
+	  radix: ',',
+	  thousandsSeparator: '',
+	  mapToRadix: ['.'],
+	  scale: 2,
+	  signed: false,
+	  normalizeZeros: true,
+	  padFractionalZeros: false
+	};
+	IMask.MaskedNumber = MaskedNumber;
+
+	var MaskedFunction =
+	function (_Masked) {
+	  _inherits(MaskedFunction, _Masked);
+	  function MaskedFunction() {
+	    _classCallCheck(this, MaskedFunction);
+	    return _possibleConstructorReturn(this, _getPrototypeOf(MaskedFunction).apply(this, arguments));
+	  }
+	  _createClass(MaskedFunction, [{
+	    key: "_update",
+	    value: function _update(opts) {
+	      if (opts.mask) opts.validate = opts.mask;
+	      _get(_getPrototypeOf(MaskedFunction.prototype), "_update", this).call(this, opts);
+	    }
+	  }]);
+	  return MaskedFunction;
+	}(Masked);
+	IMask.MaskedFunction = MaskedFunction;
+
+	var MaskedDynamic =
+	function (_Masked) {
+	  _inherits(MaskedDynamic, _Masked);
+	  function MaskedDynamic(opts) {
+	    var _this;
+	    _classCallCheck(this, MaskedDynamic);
+	    _this = _possibleConstructorReturn(this, _getPrototypeOf(MaskedDynamic).call(this, Object.assign({}, MaskedDynamic.DEFAULTS, {}, opts)));
+	    _this.currentMask = null;
+	    return _this;
+	  }
+	  _createClass(MaskedDynamic, [{
+	    key: "_update",
+	    value: function _update(opts) {
+	      _get(_getPrototypeOf(MaskedDynamic.prototype), "_update", this).call(this, opts);
+	      if ('mask' in opts) {
+	        this.compiledMasks = Array.isArray(opts.mask) ? opts.mask.map(function (m) {
+	          return createMask(m);
+	        }) : [];
+	      }
+	    }
+	  }, {
+	    key: "_appendCharRaw",
+	    value: function _appendCharRaw() {
+	      var details = this._applyDispatch.apply(this, arguments);
+	      if (this.currentMask) {
+	        var _this$currentMask;
+	        details.aggregate((_this$currentMask = this.currentMask)._appendChar.apply(_this$currentMask, arguments));
+	      }
+	      return details;
+	    }
+	  }, {
+	    key: "_applyDispatch",
+	    value: function _applyDispatch() {
+	      var appended = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+	      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      var prevValueBeforeTail = flags.tail && flags._beforeTailState != null ? flags._beforeTailState._value : this.value;
+	      var inputValue = this.rawInputValue;
+	      var insertValue = flags.tail && flags._beforeTailState != null ?
+	      flags._beforeTailState._rawInputValue : inputValue;
+	      var tailValue = inputValue.slice(insertValue.length);
+	      var prevMask = this.currentMask;
+	      var details = new ChangeDetails();
+	      var prevMaskState = prevMask && prevMask.state;
+	      this.currentMask = this.doDispatch(appended, Object.assign({}, flags));
+	      if (this.currentMask) {
+	        if (this.currentMask !== prevMask) {
+	          this.currentMask.reset();
+	          var d = this.currentMask.append(insertValue, {
+	            raw: true
+	          });
+	          details.tailShift = d.inserted.length - prevValueBeforeTail.length;
+	          if (tailValue) {
+	            details.tailShift += this.currentMask.append(tailValue, {
+	              raw: true,
+	              tail: true
+	            }).tailShift;
+	          }
+	        } else {
+	          this.currentMask.state = prevMaskState;
+	        }
+	      }
+	      return details;
+	    }
+	  }, {
+	    key: "_appendPlaceholder",
+	    value: function _appendPlaceholder() {
+	      var details = this._applyDispatch.apply(this, arguments);
+	      if (this.currentMask) {
+	        details.aggregate(this.currentMask._appendPlaceholder());
+	      }
+	      return details;
+	    }
+	  }, {
+	    key: "doDispatch",
+	    value: function doDispatch(appended) {
+	      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      return this.dispatch(appended, this, flags);
+	    }
+	  }, {
+	    key: "doValidate",
+	    value: function doValidate() {
+	      var _get2, _this$currentMask2;
+	      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+	        args[_key] = arguments[_key];
+	      }
+	      return (_get2 = _get(_getPrototypeOf(MaskedDynamic.prototype), "doValidate", this)).call.apply(_get2, [this].concat(args)) && (!this.currentMask || (_this$currentMask2 = this.currentMask).doValidate.apply(_this$currentMask2, args));
+	    }
+	  }, {
+	    key: "reset",
+	    value: function reset() {
+	      if (this.currentMask) this.currentMask.reset();
+	      this.compiledMasks.forEach(function (m) {
+	        return m.reset();
+	      });
+	    }
+	  }, {
+	    key: "remove",
+	    value: function remove() {
+	      var details = new ChangeDetails();
+	      if (this.currentMask) {
+	        var _this$currentMask3;
+	        details.aggregate((_this$currentMask3 = this.currentMask).remove.apply(_this$currentMask3, arguments))
+	        .aggregate(this._applyDispatch());
+	      }
+	      return details;
+	    }
+	  }, {
+	    key: "extractInput",
+	    value: function extractInput() {
+	      var _this$currentMask4;
+	      return this.currentMask ? (_this$currentMask4 = this.currentMask).extractInput.apply(_this$currentMask4, arguments) : '';
+	    }
+	  }, {
+	    key: "extractTail",
+	    value: function extractTail() {
+	      var _this$currentMask5, _get3;
+	      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+	        args[_key2] = arguments[_key2];
+	      }
+	      return this.currentMask ? (_this$currentMask5 = this.currentMask).extractTail.apply(_this$currentMask5, args) : (_get3 = _get(_getPrototypeOf(MaskedDynamic.prototype), "extractTail", this)).call.apply(_get3, [this].concat(args));
+	    }
+	  }, {
+	    key: "doCommit",
+	    value: function doCommit() {
+	      if (this.currentMask) this.currentMask.doCommit();
+	      _get(_getPrototypeOf(MaskedDynamic.prototype), "doCommit", this).call(this);
+	    }
+	  }, {
+	    key: "nearestInputPos",
+	    value: function nearestInputPos() {
+	      var _this$currentMask6, _get4;
+	      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+	        args[_key3] = arguments[_key3];
+	      }
+	      return this.currentMask ? (_this$currentMask6 = this.currentMask).nearestInputPos.apply(_this$currentMask6, args) : (_get4 = _get(_getPrototypeOf(MaskedDynamic.prototype), "nearestInputPos", this)).call.apply(_get4, [this].concat(args));
+	    }
+	  }, {
+	    key: "value",
+	    get: function get() {
+	      return this.currentMask ? this.currentMask.value : '';
+	    },
+	    set: function set(value) {
+	      _set(_getPrototypeOf(MaskedDynamic.prototype), "value", value, this, true);
+	    }
+	  }, {
+	    key: "unmaskedValue",
+	    get: function get() {
+	      return this.currentMask ? this.currentMask.unmaskedValue : '';
+	    },
+	    set: function set(unmaskedValue) {
+	      _set(_getPrototypeOf(MaskedDynamic.prototype), "unmaskedValue", unmaskedValue, this, true);
+	    }
+	  }, {
+	    key: "typedValue",
+	    get: function get() {
+	      return this.currentMask ? this.currentMask.typedValue : '';
+	    }
+	    ,
+	    set: function set(value) {
+	      var unmaskedValue = String(value);
+	      if (this.currentMask) {
+	        this.currentMask.typedValue = value;
+	        unmaskedValue = this.currentMask.unmaskedValue;
+	      }
+	      this.unmaskedValue = unmaskedValue;
+	    }
+	  }, {
+	    key: "isComplete",
+	    get: function get() {
+	      return !!this.currentMask && this.currentMask.isComplete;
+	    }
+	  }, {
+	    key: "state",
+	    get: function get() {
+	      return Object.assign({}, _get(_getPrototypeOf(MaskedDynamic.prototype), "state", this), {
+	        _rawInputValue: this.rawInputValue,
+	        compiledMasks: this.compiledMasks.map(function (m) {
+	          return m.state;
+	        }),
+	        currentMaskRef: this.currentMask,
+	        currentMask: this.currentMask && this.currentMask.state
+	      });
+	    },
+	    set: function set(state) {
+	      var compiledMasks = state.compiledMasks,
+	          currentMaskRef = state.currentMaskRef,
+	          currentMask = state.currentMask,
+	          maskedState = _objectWithoutProperties(state, ["compiledMasks", "currentMaskRef", "currentMask"]);
+	      this.compiledMasks.forEach(function (m, mi) {
+	        return m.state = compiledMasks[mi];
+	      });
+	      if (currentMaskRef != null) {
+	        this.currentMask = currentMaskRef;
+	        this.currentMask.state = currentMask;
+	      }
+	      _set(_getPrototypeOf(MaskedDynamic.prototype), "state", maskedState, this, true);
+	    }
+	  }, {
+	    key: "overwrite",
+	    get: function get() {
+	      return this.currentMask ? this.currentMask.overwrite : _get(_getPrototypeOf(MaskedDynamic.prototype), "overwrite", this);
+	    },
+	    set: function set(overwrite) {
+	      console.warn('"overwrite" option is not available in dynamic mask, use this option in siblings');
+	    }
+	  }]);
+	  return MaskedDynamic;
+	}(Masked);
+	MaskedDynamic.DEFAULTS = {
+	  dispatch: function dispatch(appended, masked, flags) {
+	    if (!masked.compiledMasks.length) return;
+	    var inputValue = masked.rawInputValue;
+	    var inputs = masked.compiledMasks.map(function (m, index) {
+	      m.reset();
+	      m.append(inputValue, {
+	        raw: true
+	      });
+	      m.append(appended, flags);
+	      var weight = m.rawInputValue.length;
+	      return {
+	        weight: weight,
+	        index: index
+	      };
+	    });
+	    inputs.sort(function (i1, i2) {
+	      return i2.weight - i1.weight;
+	    });
+	    return masked.compiledMasks[inputs[0].index];
+	  }
+	};
+	IMask.MaskedDynamic = MaskedDynamic;
+
+	var PIPE_TYPE = {
+	  MASKED: 'value',
+	  UNMASKED: 'unmaskedValue',
+	  TYPED: 'typedValue'
+	};
+	function createPipe(mask) {
+	  var from = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : PIPE_TYPE.MASKED;
+	  var to = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : PIPE_TYPE.MASKED;
+	  var masked = createMask(mask);
+	  return function (value) {
+	    return masked.runIsolated(function (m) {
+	      m[from] = value;
+	      return m[to];
+	    });
+	  };
+	}
+	function pipe(value) {
+	  for (var _len = arguments.length, pipeArgs = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+	    pipeArgs[_key - 1] = arguments[_key];
+	  }
+	  return createPipe.apply(void 0, pipeArgs)(value);
+	}
+	IMask.PIPE_TYPE = PIPE_TYPE;
+	IMask.createPipe = createPipe;
+	IMask.pipe = pipe;
+
+	try {
+	  globalThis.IMask = IMask;
+	} catch (e) {}
+
+	var maskElementList = [].slice.call(document.querySelectorAll('[data-mask]'));
+	maskElementList.map(function (maskEl) {
+	  return new IMask(maskEl, {
+	    mask: maskEl.dataset.mask,
+	    lazy: maskEl.dataset['mask-visible'] === 'true'
+	  });
+	});
+
+	(function () {
+	  var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="tooltip"]'));
+	  tooltipTriggerList.map(function (tooltipTriggerEl) {
+	    var options = {
+	      delay: {
+	        show: 50,
+	        hide: 50
+	      },
+	      html: true,
+	      placement: 'auto'
+	    };
+	    return new bootstrap.Tooltip(tooltipTriggerEl, options);
+	  });
+	  var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="popover"]'));
+	  popoverTriggerList.map(function (popoverTriggerEl) {
+	    var options = {
+	      delay: {
+	        show: 50,
+	        hide: 50
+	      },
+	      html: true,
+	      placement: 'auto'
+	    };
+	    return new bootstrap.Popover(popoverTriggerEl, options);
+	  });
+	  var dropdownTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="dropdown"]'));
+	  dropdownTriggerList.map(function (dropdownTriggerEl) {
+	    return new bootstrap.Dropdown(dropdownTriggerEl);
+	  });
+	})();
 
 })));
diff --git a/demo/dist/js/tabler.min.js b/demo/dist/js/tabler.min.js
index 4c35213c6..8f1addd6c 100644
--- a/demo/dist/js/tabler.min.js
+++ b/demo/dist/js/tabler.min.js
@@ -1,9 +1,9 @@
 /*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
+* Tabler v1.0.0-alpha.9 (https://tabler.io)
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 */
-!function(t){"function"==typeof define&&define.amd?define(t):t()}(function(){"use strict";var t="undefined"!=typeof window&&"undefined"!=typeof document&&"undefined"!=typeof navigator,e=function(){for(var e=["Edge","Trident","Firefox"],n=0;n<e.length;n+=1)if(t&&navigator.userAgent.indexOf(e[n])>=0)return 1;return 0}();var n=t&&window.Promise?function(t){var e=!1;return function(){e||(e=!0,window.Promise.resolve().then(function(){e=!1,t()}))}}:function(t){var n=!1;return function(){n||(n=!0,setTimeout(function(){n=!1,t()},e))}};function i(t){return t&&"[object Function]"==={}.toString.call(t)}function o(t,e){if(1!==t.nodeType)return[];var n=t.ownerDocument.defaultView.getComputedStyle(t,null);return e?n[e]:n}function r(t){return"HTML"===t.nodeName?t:t.parentNode||t.host}function s(t){if(!t)return document.body;switch(t.nodeName){case"HTML":case"BODY":return t.ownerDocument.body;case"#document":return t.body}var e=o(t),n=e.overflow,i=e.overflowX,a=e.overflowY;return/(auto|scroll|overlay)/.test(n+a+i)?t:s(r(t))}function a(t){return t&&t.referenceNode?t.referenceNode:t}var l=t&&!(!window.MSInputMethodContext||!document.documentMode),c=t&&/MSIE 10/.test(navigator.userAgent);function f(t){return 11===t?l:10===t?c:l||c}function u(t){if(!t)return document.documentElement;for(var e=f(10)?document.body:null,n=t.offsetParent||null;n===e&&t.nextElementSibling;)n=(t=t.nextElementSibling).offsetParent;var i=n&&n.nodeName;return i&&"BODY"!==i&&"HTML"!==i?-1!==["TH","TD","TABLE"].indexOf(n.nodeName)&&"static"===o(n,"position")?u(n):n:t?t.ownerDocument.documentElement:document.documentElement}function h(t){return null!==t.parentNode?h(t.parentNode):t}function d(t,e){if(!(t&&t.nodeType&&e&&e.nodeType))return document.documentElement;var n=t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING,i=n?t:e,o=n?e:t,r=document.createRange();r.setStart(i,0),r.setEnd(o,0);var s,a,l=r.commonAncestorContainer;if(t!==l&&e!==l||i.contains(o))return"BODY"===(a=(s=l).nodeName)||"HTML"!==a&&u(s.firstElementChild)!==s?u(l):l;var c=h(t);return c.host?d(c.host,e):d(t,h(e).host)}function p(t){var e="top"===(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top")?"scrollTop":"scrollLeft",n=t.nodeName;if("BODY"===n||"HTML"===n){var i=t.ownerDocument.documentElement;return(t.ownerDocument.scrollingElement||i)[e]}return t[e]}function g(t,e){var n="x"===e?"Left":"Top",i="Left"===n?"Right":"Bottom";return parseFloat(t["border"+n+"Width"])+parseFloat(t["border"+i+"Width"])}function m(t,e,n,i){return Math.max(e["offset"+t],e["scroll"+t],n["client"+t],n["offset"+t],n["scroll"+t],f(10)?parseInt(n["offset"+t])+parseInt(i["margin"+("Height"===t?"Top":"Left")])+parseInt(i["margin"+("Height"===t?"Bottom":"Right")]):0)}function v(t){var e=t.body,n=t.documentElement,i=f(10)&&getComputedStyle(n);return{height:m("Height",e,n,i),width:m("Width",e,n,i)}}var _=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},b=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}(),y=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t},w=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t};function E(t){return w({},t,{right:t.left+t.width,bottom:t.top+t.height})}function T(t){var e={};try{if(f(10)){e=t.getBoundingClientRect();var n=p(t,"top"),i=p(t,"left");e.top+=n,e.left+=i,e.bottom+=n,e.right+=i}else e=t.getBoundingClientRect()}catch(t){}var r={left:e.left,top:e.top,width:e.right-e.left,height:e.bottom-e.top},s="HTML"===t.nodeName?v(t.ownerDocument):{},a=s.width||t.clientWidth||r.width,l=s.height||t.clientHeight||r.height,c=t.offsetWidth-a,u=t.offsetHeight-l;if(c||u){var h=o(t);c-=g(h,"x"),u-=g(h,"y"),r.width-=c,r.height-=u}return E(r)}function D(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=f(10),r="HTML"===e.nodeName,a=T(t),l=T(e),c=s(t),u=o(e),h=parseFloat(u.borderTopWidth),d=parseFloat(u.borderLeftWidth);n&&r&&(l.top=Math.max(l.top,0),l.left=Math.max(l.left,0));var g=E({top:a.top-l.top-h,left:a.left-l.left-d,width:a.width,height:a.height});if(g.marginTop=0,g.marginLeft=0,!i&&r){var m=parseFloat(u.marginTop),v=parseFloat(u.marginLeft);g.top-=h-m,g.bottom-=h-m,g.left-=d-v,g.right-=d-v,g.marginTop=m,g.marginLeft=v}return(i&&!n?e.contains(c):e===c&&"BODY"!==c.nodeName)&&(g=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=p(e,"top"),o=p(e,"left"),r=n?-1:1;return t.top+=i*r,t.bottom+=i*r,t.left+=o*r,t.right+=o*r,t}(g,e)),g}function L(t){if(!t||!t.parentElement||f())return document.documentElement;for(var e=t.parentElement;e&&"none"===o(e,"transform");)e=e.parentElement;return e||document.documentElement}function C(t,e,n,i){var l=arguments.length>4&&void 0!==arguments[4]&&arguments[4],c={top:0,left:0},f=l?L(t):d(t,a(e));if("viewport"===i)c=function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=t.ownerDocument.documentElement,i=D(t,n),o=Math.max(n.clientWidth,window.innerWidth||0),r=Math.max(n.clientHeight,window.innerHeight||0),s=e?0:p(n),a=e?0:p(n,"left");return E({top:s-i.top+i.marginTop,left:a-i.left+i.marginLeft,width:o,height:r})}(f,l);else{var u=void 0;"scrollParent"===i?"BODY"===(u=s(r(e))).nodeName&&(u=t.ownerDocument.documentElement):u="window"===i?t.ownerDocument.documentElement:i;var h=D(u,f,l);if("HTML"!==u.nodeName||function t(e){var n=e.nodeName;if("BODY"===n||"HTML"===n)return!1;if("fixed"===o(e,"position"))return!0;var i=r(e);return!!i&&t(i)}(f))c=h;else{var g=v(t.ownerDocument),m=g.height,_=g.width;c.top+=h.top-h.marginTop,c.bottom=m+h.top,c.left+=h.left-h.marginLeft,c.right=_+h.left}}var b="number"==typeof(n=n||0);return c.left+=b?n:n.left||0,c.top+=b?n:n.top||0,c.right-=b?n:n.right||0,c.bottom-=b?n:n.bottom||0,c}function k(t,e,n,i,o){var r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;if(-1===t.indexOf("auto"))return t;var s=C(n,i,r,o),a={top:{width:s.width,height:e.top-s.top},right:{width:s.right-e.right,height:s.height},bottom:{width:s.width,height:s.bottom-e.bottom},left:{width:e.left-s.left,height:s.height}},l=Object.keys(a).map(function(t){return w({key:t},a[t],{area:(e=a[t],e.width*e.height)});var e}).sort(function(t,e){return e.area-t.area}),c=l.filter(function(t){var e=t.width,i=t.height;return e>=n.clientWidth&&i>=n.clientHeight}),f=c.length>0?c[0].key:l[0].key,u=t.split("-")[1];return f+(u?"-"+u:"")}function O(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;return D(n,i?L(e):d(e,a(n)),i)}function A(t){var e=t.ownerDocument.defaultView.getComputedStyle(t),n=parseFloat(e.marginTop||0)+parseFloat(e.marginBottom||0),i=parseFloat(e.marginLeft||0)+parseFloat(e.marginRight||0);return{width:t.offsetWidth+i,height:t.offsetHeight+n}}function S(t){var e={left:"right",right:"left",bottom:"top",top:"bottom"};return t.replace(/left|right|bottom|top/g,function(t){return e[t]})}function N(t,e,n){n=n.split("-")[0];var i=A(t),o={width:i.width,height:i.height},r=-1!==["right","left"].indexOf(n),s=r?"top":"left",a=r?"left":"top",l=r?"height":"width",c=r?"width":"height";return o[s]=e[s]+e[l]/2-i[l]/2,o[a]=n===a?e[a]-i[c]:e[S(a)],o}function x(t,e){return Array.prototype.find?t.find(e):t.filter(e)[0]}function I(t,e,n){return(void 0===n?t:t.slice(0,function(t,e,n){if(Array.prototype.findIndex)return t.findIndex(function(t){return t[e]===n});var i=x(t,function(t){return t[e]===n});return t.indexOf(i)}(t,"name",n))).forEach(function(t){t.function&&console.warn("`modifier.function` is deprecated, use `modifier.fn`!");var n=t.function||t.fn;t.enabled&&i(n)&&(e.offsets.popper=E(e.offsets.popper),e.offsets.reference=E(e.offsets.reference),e=n(e,t))}),e}function j(t,e){return t.some(function(t){var n=t.name;return t.enabled&&n===e})}function P(t){for(var e=[!1,"ms","Webkit","Moz","O"],n=t.charAt(0).toUpperCase()+t.slice(1),i=0;i<e.length;i++){var o=e[i],r=o?""+o+n:t;if(void 0!==document.body.style[r])return r}return null}function M(t){var e=t.ownerDocument;return e?e.defaultView:window}function H(t,e,n,i){n.updateBound=i,M(t).addEventListener("resize",n.updateBound,{passive:!0});var o=s(t);return function t(e,n,i,o){var r="BODY"===e.nodeName,a=r?e.ownerDocument.defaultView:e;a.addEventListener(n,i,{passive:!0}),r||t(s(a.parentNode),n,i,o),o.push(a)}(o,"scroll",n.updateBound,n.scrollParents),n.scrollElement=o,n.eventsEnabled=!0,n}function R(){var t,e;this.state.eventsEnabled&&(cancelAnimationFrame(this.scheduleUpdate),this.state=(t=this.reference,e=this.state,M(t).removeEventListener("resize",e.updateBound),e.scrollParents.forEach(function(t){t.removeEventListener("scroll",e.updateBound)}),e.updateBound=null,e.scrollParents=[],e.scrollElement=null,e.eventsEnabled=!1,e))}function B(t){return""!==t&&!isNaN(parseFloat(t))&&isFinite(t)}function F(t,e){Object.keys(e).forEach(function(n){var i="";-1!==["width","height","top","right","bottom","left"].indexOf(n)&&B(e[n])&&(i="px"),t.style[n]=e[n]+i})}var W=t&&/Firefox/i.test(navigator.userAgent);function U(t,e,n){var i=x(t,function(t){return t.name===e}),o=!!i&&t.some(function(t){return t.name===n&&t.enabled&&t.order<i.order});if(!o){var r="`"+e+"`",s="`"+n+"`";console.warn(s+" modifier is required by "+r+" modifier in order to work, be sure to include it before "+r+"!")}return o}var Q=["auto-start","auto","auto-end","top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"],K=Q.slice(3);function V(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=K.indexOf(t),i=K.slice(n+1).concat(K.slice(0,n));return e?i.reverse():i}var q={FLIP:"flip",CLOCKWISE:"clockwise",COUNTERCLOCKWISE:"counterclockwise"};function Y(t,e,n,i){var o=[0,0],r=-1!==["right","left"].indexOf(i),s=t.split(/(\+|\-)/).map(function(t){return t.trim()}),a=s.indexOf(x(s,function(t){return-1!==t.search(/,|\s/)}));s[a]&&-1===s[a].indexOf(",")&&console.warn("Offsets separated by white space(s) are deprecated, use a comma (,) instead.");var l=/\s*,\s*|\s+/,c=-1!==a?[s.slice(0,a).concat([s[a].split(l)[0]]),[s[a].split(l)[1]].concat(s.slice(a+1))]:[s];return(c=c.map(function(t,i){var o=(1===i?!r:r)?"height":"width",s=!1;return t.reduce(function(t,e){return""===t[t.length-1]&&-1!==["+","-"].indexOf(e)?(t[t.length-1]=e,s=!0,t):s?(t[t.length-1]+=e,s=!1,t):t.concat(e)},[]).map(function(t){return function(t,e,n,i){var o=t.match(/((?:\-|\+)?\d*\.?\d*)(.*)/),r=+o[1],s=o[2];if(!r)return t;if(0===s.indexOf("%")){var a=void 0;switch(s){case"%p":a=n;break;case"%":case"%r":default:a=i}return E(a)[e]/100*r}if("vh"===s||"vw"===s)return("vh"===s?Math.max(document.documentElement.clientHeight,window.innerHeight||0):Math.max(document.documentElement.clientWidth,window.innerWidth||0))/100*r;return r}(t,o,e,n)})})).forEach(function(t,e){t.forEach(function(n,i){B(n)&&(o[e]+=n*("-"===t[i-1]?-1:1))})}),o}var z={placement:"bottom",positionFixed:!1,eventsEnabled:!0,removeOnDestroy:!1,onCreate:function(){},onUpdate:function(){},modifiers:{shift:{order:100,enabled:!0,fn:function(t){var e=t.placement,n=e.split("-")[0],i=e.split("-")[1];if(i){var o=t.offsets,r=o.reference,s=o.popper,a=-1!==["bottom","top"].indexOf(n),l=a?"left":"top",c=a?"width":"height",f={start:y({},l,r[l]),end:y({},l,r[l]+r[c]-s[c])};t.offsets.popper=w({},s,f[i])}return t}},offset:{order:200,enabled:!0,fn:function(t,e){var n=e.offset,i=t.placement,o=t.offsets,r=o.popper,s=o.reference,a=i.split("-")[0],l=void 0;return l=B(+n)?[+n,0]:Y(n,r,s,a),"left"===a?(r.top+=l[0],r.left-=l[1]):"right"===a?(r.top+=l[0],r.left+=l[1]):"top"===a?(r.left+=l[0],r.top-=l[1]):"bottom"===a&&(r.left+=l[0],r.top+=l[1]),t.popper=r,t},offset:0},preventOverflow:{order:300,enabled:!0,fn:function(t,e){var n=e.boundariesElement||u(t.instance.popper);t.instance.reference===n&&(n=u(n));var i=P("transform"),o=t.instance.popper.style,r=o.top,s=o.left,a=o[i];o.top="",o.left="",o[i]="";var l=C(t.instance.popper,t.instance.reference,e.padding,n,t.positionFixed);o.top=r,o.left=s,o[i]=a,e.boundaries=l;var c=e.priority,f=t.offsets.popper,h={primary:function(t){var n=f[t];return f[t]<l[t]&&!e.escapeWithReference&&(n=Math.max(f[t],l[t])),y({},t,n)},secondary:function(t){var n="right"===t?"left":"top",i=f[n];return f[t]>l[t]&&!e.escapeWithReference&&(i=Math.min(f[n],l[t]-("right"===t?f.width:f.height))),y({},n,i)}};return c.forEach(function(t){var e=-1!==["left","top"].indexOf(t)?"primary":"secondary";f=w({},f,h[e](t))}),t.offsets.popper=f,t},priority:["left","right","top","bottom"],padding:5,boundariesElement:"scrollParent"},keepTogether:{order:400,enabled:!0,fn:function(t){var e=t.offsets,n=e.popper,i=e.reference,o=t.placement.split("-")[0],r=Math.floor,s=-1!==["top","bottom"].indexOf(o),a=s?"right":"bottom",l=s?"left":"top",c=s?"width":"height";return n[a]<r(i[l])&&(t.offsets.popper[l]=r(i[l])-n[c]),n[l]>r(i[a])&&(t.offsets.popper[l]=r(i[a])),t}},arrow:{order:500,enabled:!0,fn:function(t,e){var n;if(!U(t.instance.modifiers,"arrow","keepTogether"))return t;var i=e.element;if("string"==typeof i){if(!(i=t.instance.popper.querySelector(i)))return t}else if(!t.instance.popper.contains(i))return console.warn("WARNING: `arrow.element` must be child of its popper element!"),t;var r=t.placement.split("-")[0],s=t.offsets,a=s.popper,l=s.reference,c=-1!==["left","right"].indexOf(r),f=c?"height":"width",u=c?"Top":"Left",h=u.toLowerCase(),d=c?"left":"top",p=c?"bottom":"right",g=A(i)[f];l[p]-g<a[h]&&(t.offsets.popper[h]-=a[h]-(l[p]-g)),l[h]+g>a[p]&&(t.offsets.popper[h]+=l[h]+g-a[p]),t.offsets.popper=E(t.offsets.popper);var m=l[h]+l[f]/2-g/2,v=o(t.instance.popper),_=parseFloat(v["margin"+u]),b=parseFloat(v["border"+u+"Width"]),w=m-t.offsets.popper[h]-_-b;return w=Math.max(Math.min(a[f]-g,w),0),t.arrowElement=i,t.offsets.arrow=(y(n={},h,Math.round(w)),y(n,d,""),n),t},element:"[x-arrow]"},flip:{order:600,enabled:!0,fn:function(t,e){if(j(t.instance.modifiers,"inner"))return t;if(t.flipped&&t.placement===t.originalPlacement)return t;var n=C(t.instance.popper,t.instance.reference,e.padding,e.boundariesElement,t.positionFixed),i=t.placement.split("-")[0],o=S(i),r=t.placement.split("-")[1]||"",s=[];switch(e.behavior){case q.FLIP:s=[i,o];break;case q.CLOCKWISE:s=V(i);break;case q.COUNTERCLOCKWISE:s=V(i,!0);break;default:s=e.behavior}return s.forEach(function(a,l){if(i!==a||s.length===l+1)return t;i=t.placement.split("-")[0],o=S(i);var c=t.offsets.popper,f=t.offsets.reference,u=Math.floor,h="left"===i&&u(c.right)>u(f.left)||"right"===i&&u(c.left)<u(f.right)||"top"===i&&u(c.bottom)>u(f.top)||"bottom"===i&&u(c.top)<u(f.bottom),d=u(c.left)<u(n.left),p=u(c.right)>u(n.right),g=u(c.top)<u(n.top),m=u(c.bottom)>u(n.bottom),v="left"===i&&d||"right"===i&&p||"top"===i&&g||"bottom"===i&&m,_=-1!==["top","bottom"].indexOf(i),b=!!e.flipVariations&&(_&&"start"===r&&d||_&&"end"===r&&p||!_&&"start"===r&&g||!_&&"end"===r&&m),y=!!e.flipVariationsByContent&&(_&&"start"===r&&p||_&&"end"===r&&d||!_&&"start"===r&&m||!_&&"end"===r&&g),E=b||y;(h||v||E)&&(t.flipped=!0,(h||v)&&(i=s[l+1]),E&&(r=function(t){return"end"===t?"start":"start"===t?"end":t}(r)),t.placement=i+(r?"-"+r:""),t.offsets.popper=w({},t.offsets.popper,N(t.instance.popper,t.offsets.reference,t.placement)),t=I(t.instance.modifiers,t,"flip"))}),t},behavior:"flip",padding:5,boundariesElement:"viewport",flipVariations:!1,flipVariationsByContent:!1},inner:{order:700,enabled:!1,fn:function(t){var e=t.placement,n=e.split("-")[0],i=t.offsets,o=i.popper,r=i.reference,s=-1!==["left","right"].indexOf(n),a=-1===["top","left"].indexOf(n);return o[s?"left":"top"]=r[n]-(a?o[s?"width":"height"]:0),t.placement=S(e),t.offsets.popper=E(o),t}},hide:{order:800,enabled:!0,fn:function(t){if(!U(t.instance.modifiers,"hide","preventOverflow"))return t;var e=t.offsets.reference,n=x(t.instance.modifiers,function(t){return"preventOverflow"===t.name}).boundaries;if(e.bottom<n.top||e.left>n.right||e.top>n.bottom||e.right<n.left){if(!0===t.hide)return t;t.hide=!0,t.attributes["x-out-of-boundaries"]=""}else{if(!1===t.hide)return t;t.hide=!1,t.attributes["x-out-of-boundaries"]=!1}return t}},computeStyle:{order:850,enabled:!0,fn:function(t,e){var n=e.x,i=e.y,o=t.offsets.popper,r=x(t.instance.modifiers,function(t){return"applyStyle"===t.name}).gpuAcceleration;void 0!==r&&console.warn("WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!");var s=void 0!==r?r:e.gpuAcceleration,a=u(t.instance.popper),l=T(a),c={position:o.position},f=function(t,e){var n=t.offsets,i=n.popper,o=n.reference,r=Math.round,s=Math.floor,a=function(t){return t},l=r(o.width),c=r(i.width),f=-1!==["left","right"].indexOf(t.placement),u=-1!==t.placement.indexOf("-"),h=e?f||u||l%2==c%2?r:s:a,d=e?r:a;return{left:h(l%2==1&&c%2==1&&!u&&e?i.left-1:i.left),top:d(i.top),bottom:d(i.bottom),right:h(i.right)}}(t,window.devicePixelRatio<2||!W),h="bottom"===n?"top":"bottom",d="right"===i?"left":"right",p=P("transform"),g=void 0,m=void 0;if(m="bottom"===h?"HTML"===a.nodeName?-a.clientHeight+f.bottom:-l.height+f.bottom:f.top,g="right"===d?"HTML"===a.nodeName?-a.clientWidth+f.right:-l.width+f.right:f.left,s&&p)c[p]="translate3d("+g+"px, "+m+"px, 0)",c[h]=0,c[d]=0,c.willChange="transform";else{var v="bottom"===h?-1:1,_="right"===d?-1:1;c[h]=m*v,c[d]=g*_,c.willChange=h+", "+d}var b={"x-placement":t.placement};return t.attributes=w({},b,t.attributes),t.styles=w({},c,t.styles),t.arrowStyles=w({},t.offsets.arrow,t.arrowStyles),t},gpuAcceleration:!0,x:"bottom",y:"right"},applyStyle:{order:900,enabled:!0,fn:function(t){var e,n;return F(t.instance.popper,t.styles),e=t.instance.popper,n=t.attributes,Object.keys(n).forEach(function(t){!1!==n[t]?e.setAttribute(t,n[t]):e.removeAttribute(t)}),t.arrowElement&&Object.keys(t.arrowStyles).length&&F(t.arrowElement,t.arrowStyles),t},onLoad:function(t,e,n,i,o){var r=O(o,e,t,n.positionFixed),s=k(n.placement,r,e,t,n.modifiers.flip.boundariesElement,n.modifiers.flip.padding);return e.setAttribute("x-placement",s),F(e,{position:n.positionFixed?"fixed":"absolute"}),n},gpuAcceleration:void 0}}},X=function(){function t(e,o){var r=this,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};_(this,t),this.scheduleUpdate=function(){return requestAnimationFrame(r.update)},this.update=n(this.update.bind(this)),this.options=w({},t.Defaults,s),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=e&&e.jquery?e[0]:e,this.popper=o&&o.jquery?o[0]:o,this.options.modifiers={},Object.keys(w({},t.Defaults.modifiers,s.modifiers)).forEach(function(e){r.options.modifiers[e]=w({},t.Defaults.modifiers[e]||{},s.modifiers?s.modifiers[e]:{})}),this.modifiers=Object.keys(this.options.modifiers).map(function(t){return w({name:t},r.options.modifiers[t])}).sort(function(t,e){return t.order-e.order}),this.modifiers.forEach(function(t){t.enabled&&i(t.onLoad)&&t.onLoad(r.reference,r.popper,r.options,t,r.state)}),this.update();var a=this.options.eventsEnabled;a&&this.enableEventListeners(),this.state.eventsEnabled=a}return b(t,[{key:"update",value:function(){return function(){if(!this.state.isDestroyed){var t={instance:this,styles:{},arrowStyles:{},attributes:{},flipped:!1,offsets:{}};t.offsets.reference=O(this.state,this.popper,this.reference,this.options.positionFixed),t.placement=k(this.options.placement,t.offsets.reference,this.popper,this.reference,this.options.modifiers.flip.boundariesElement,this.options.modifiers.flip.padding),t.originalPlacement=t.placement,t.positionFixed=this.options.positionFixed,t.offsets.popper=N(this.popper,t.offsets.reference,t.placement),t.offsets.popper.position=this.options.positionFixed?"fixed":"absolute",t=I(this.modifiers,t),this.state.isCreated?this.options.onUpdate(t):(this.state.isCreated=!0,this.options.onCreate(t))}}.call(this)}},{key:"destroy",value:function(){return function(){return this.state.isDestroyed=!0,j(this.modifiers,"applyStyle")&&(this.popper.removeAttribute("x-placement"),this.popper.style.position="",this.popper.style.top="",this.popper.style.left="",this.popper.style.right="",this.popper.style.bottom="",this.popper.style.willChange="",this.popper.style[P("transform")]=""),this.disableEventListeners(),this.options.removeOnDestroy&&this.popper.parentNode.removeChild(this.popper),this}.call(this)}},{key:"enableEventListeners",value:function(){return function(){this.state.eventsEnabled||(this.state=H(this.reference,this.options,this.state,this.scheduleUpdate))}.call(this)}},{key:"disableEventListeners",value:function(){return R.call(this)}}]),t}();function G(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function $(t,e,n){return e&&G(t.prototype,e),n&&G(t,n),t}function Z(){return(Z=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t}).apply(this,arguments)}X.Utils=("undefined"!=typeof window?window:global).PopperUtils,X.placements=Q,X.Defaults=z;var J,tt,et,nt,it="transitionend",ot=function(t){do{t+=Math.floor(1e6*Math.random())}while(document.getElementById(t));return t},rt=function(t){var e=t.getAttribute("data-target");if(!e||"#"===e){var n=t.getAttribute("href");e=n&&"#"!==n?n.trim():null}return e},st=function(t){var e=rt(t);return e&&document.querySelector(e)?e:null},at=function(t){var e=rt(t);return e?document.querySelector(e):null},lt=function(t){if(!t)return 0;var e=window.getComputedStyle(t),n=e.transitionDuration,i=e.transitionDelay,o=parseFloat(n),r=parseFloat(i);return o||r?(n=n.split(",")[0],i=i.split(",")[0],1e3*(parseFloat(n)+parseFloat(i))):0},ct=function(t){t.dispatchEvent(new Event(it))},ft=function(t){return(t[0]||t).nodeType},ut=function(t,e){var n=!1,i=e+5;t.addEventListener(it,function e(){n=!0,t.removeEventListener(it,e)}),setTimeout(function(){n||ct(t)},i)},ht=function(t,e,n){Object.keys(n).forEach(function(i){var o,r=n[i],s=e[i],a=s&&ft(s)?"element":null==(o=s)?""+o:{}.toString.call(o).match(/\s([a-z]+)/i)[1].toLowerCase();if(!new RegExp(r).test(a))throw new Error(t.toUpperCase()+': Option "'+i+'" provided type "'+a+'" but expected type "'+r+'".')})},dt=function(t){if(!t)return!1;if(t.style&&t.parentNode&&t.parentNode.style){var e=getComputedStyle(t),n=getComputedStyle(t.parentNode);return"none"!==e.display&&"none"!==n.display&&"hidden"!==e.visibility}return!1},pt=function(){return function(){}},gt=function(t){return t.offsetHeight},mt=function(){var t=window.jQuery;return t&&!document.body.hasAttribute("data-no-jquery")?t:null},vt=(J={},tt=1,{set:function(t,e,n){void 0===t.bsKey&&(t.bsKey={key:e,id:tt},tt++),J[t.bsKey.id]=n},get:function(t,e){if(!t||void 0===t.bsKey)return null;var n=t.bsKey;return n.key===e?J[n.id]:null},delete:function(t,e){if(void 0!==t.bsKey){var n=t.bsKey;n.key===e&&(delete J[n.id],delete t.bsKey)}}}),_t={setData:function(t,e,n){vt.set(t,e,n)},getData:function(t,e){return vt.get(t,e)},removeData:function(t,e){vt.delete(t,e)}},bt=Element.prototype.querySelectorAll,yt=Element.prototype.querySelector,wt=(et=new CustomEvent("Bootstrap",{cancelable:!0}),(nt=document.createElement("div")).addEventListener("Bootstrap",function(){return null}),et.preventDefault(),nt.dispatchEvent(et),et.defaultPrevented),Et=/:scope\b/;(function(){var t=document.createElement("div");try{t.querySelectorAll(":scope *")}catch(t){return!1}return!0})()||(bt=function(t){if(!Et.test(t))return this.querySelectorAll(t);var e=Boolean(this.id);e||(this.id=ot("scope"));var n=null;try{t=t.replace(Et,"#"+this.id),n=this.querySelectorAll(t)}finally{e||this.removeAttribute("id")}return n},yt=function(t){if(!Et.test(t))return this.querySelector(t);var e=bt.call(this,t);return void 0!==e[0]?e[0]:null});var Tt=mt(),Dt=/[^.]*(?=\..*)\.|.*/,Lt=/\..*/,Ct=/::\d+$/,kt={},Ot=1,At={mouseenter:"mouseover",mouseleave:"mouseout"},St=["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"];function Nt(t,e){return e&&e+"::"+Ot++||t.uidEvent||Ot++}function xt(t){var e=Nt(t);return t.uidEvent=e,kt[e]=kt[e]||{},kt[e]}function It(t,e,n){void 0===n&&(n=null);for(var i=Object.keys(t),o=0,r=i.length;o<r;o++){var s=t[i[o]];if(s.originalHandler===e&&s.delegationSelector===n)return s}return null}function jt(t,e,n){var i="string"==typeof e,o=i?n:e,r=t.replace(Lt,""),s=At[r];return s&&(r=s),St.indexOf(r)>-1||(r=t),[i,o,r]}function Pt(t,e,n,i,o){if("string"==typeof e&&t){n||(n=i,i=null);var r=jt(e,n,i),s=r[0],a=r[1],l=r[2],c=xt(t),f=c[l]||(c[l]={}),u=It(f,a,s?n:null);if(u)u.oneOff=u.oneOff&&o;else{var h=Nt(a,e.replace(Dt,"")),d=s?function(t,e,n){return function i(o){for(var r=t.querySelectorAll(e),s=o.target;s&&s!==this;s=s.parentNode)for(var a=r.length;a--;)if(r[a]===s)return o.delegateTarget=s,i.oneOff&&Ht.off(t,o.type,n),n.apply(s,[o]);return null}}(t,n,i):function(t,e){return function n(i){return i.delegateTarget=t,n.oneOff&&Ht.off(t,i.type,e),e.apply(t,[i])}}(t,n);d.delegationSelector=s?n:null,d.originalHandler=a,d.oneOff=o,d.uidEvent=h,f[h]=d,t.addEventListener(l,d,s)}}}function Mt(t,e,n,i,o){var r=It(e[n],i,o);r&&(t.removeEventListener(n,r,Boolean(o)),delete e[n][r.uidEvent])}var Ht={on:function(t,e,n,i){Pt(t,e,n,i,!1)},one:function(t,e,n,i){Pt(t,e,n,i,!0)},off:function(t,e,n,i){if("string"==typeof e&&t){var o=jt(e,n,i),r=o[0],s=o[1],a=o[2],l=a!==e,c=xt(t),f="."===e.charAt(0);if(void 0===s){f&&Object.keys(c).forEach(function(n){!function(t,e,n,i){var o=e[n]||{};Object.keys(o).forEach(function(r){if(r.indexOf(i)>-1){var s=o[r];Mt(t,e,n,s.originalHandler,s.delegationSelector)}})}(t,c,n,e.slice(1))});var u=c[a]||{};Object.keys(u).forEach(function(n){var i=n.replace(Ct,"");if(!l||e.indexOf(i)>-1){var o=u[n];Mt(t,c,a,o.originalHandler,o.delegationSelector)}})}else{if(!c||!c[a])return;Mt(t,c,a,s,r?n:null)}}},trigger:function(t,e,n){if("string"!=typeof e||!t)return null;var i,o=e.replace(Lt,""),r=e!==o,s=St.indexOf(o)>-1,a=!0,l=!0,c=!1,f=null;return r&&Tt&&(i=Tt.Event(e,n),Tt(t).trigger(i),a=!i.isPropagationStopped(),l=!i.isImmediatePropagationStopped(),c=i.isDefaultPrevented()),s?(f=document.createEvent("HTMLEvents")).initEvent(o,a,!0):f=new CustomEvent(e,{bubbles:a,cancelable:!0}),void 0!==n&&Object.keys(n).forEach(function(t){Object.defineProperty(f,t,{get:function(){return n[t]}})}),c&&(f.preventDefault(),wt||Object.defineProperty(f,"defaultPrevented",{get:function(){return!0}})),l&&t.dispatchEvent(f),f.defaultPrevented&&void 0!==i&&i.preventDefault(),f}},Rt="bs.alert",Bt="."+Rt,Ft="close"+Bt,Wt="closed"+Bt,Ut="click"+Bt+".data-api",Qt=function(){function t(t){this._element=t,this._element&&_t.setData(t,Rt,this)}var e=t.prototype;return e.close=function(t){var e=t?this._getRootElement(t):this._element,n=this._triggerCloseEvent(e);null===n||n.defaultPrevented||this._removeElement(e)},e.dispose=function(){_t.removeData(this._element,Rt),this._element=null},e._getRootElement=function(t){return at(t)||t.closest(".alert")},e._triggerCloseEvent=function(t){return Ht.trigger(t,Ft)},e._removeElement=function(t){var e=this;if(t.classList.remove("show"),t.classList.contains("fade")){var n=lt(t);Ht.one(t,it,function(){return e._destroyElement(t)}),ut(t,n)}else this._destroyElement(t)},e._destroyElement=function(t){t.parentNode&&t.parentNode.removeChild(t),Ht.trigger(t,Wt)},t.jQueryInterface=function(e){return this.each(function(){var n=_t.getData(this,Rt);n||(n=new t(this)),"close"===e&&n[e](this)})},t.handleDismiss=function(t){return function(e){e&&e.preventDefault(),t.close(this)}},t.getInstance=function(t){return _t.getData(t,Rt)},$(t,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}}]),t}();Ht.on(document,Ut,'[data-dismiss="alert"]',Qt.handleDismiss(new Qt));var Kt=mt();if(Kt){var Vt=Kt.fn.alert;Kt.fn.alert=Qt.jQueryInterface,Kt.fn.alert.Constructor=Qt,Kt.fn.alert.noConflict=function(){return Kt.fn.alert=Vt,Qt.jQueryInterface}}var qt="bs.button",Yt="click"+("."+qt)+".data-api",zt=function(){function t(t){this._element=t,_t.setData(t,qt,this)}var e=t.prototype;return e.toggle=function(){this._element.setAttribute("aria-pressed",this._element.classList.toggle("active"))},e.dispose=function(){_t.removeData(this._element,qt),this._element=null},t.jQueryInterface=function(e){return this.each(function(){var n=_t.getData(this,qt);n||(n=new t(this)),"toggle"===e&&n[e]()})},t.getInstance=function(t){return _t.getData(t,qt)},$(t,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}}]),t}();Ht.on(document,Yt,'[data-toggle="button"]',function(t){t.preventDefault();var e=t.target.closest('[data-toggle="button"]'),n=_t.getData(e,qt);n||(n=new zt(e)),n.toggle()});var Xt=mt();if(Xt){var Gt=Xt.fn.button;Xt.fn.button=zt.jQueryInterface,Xt.fn.button.Constructor=zt,Xt.fn.button.noConflict=function(){return Xt.fn.button=Gt,zt.jQueryInterface}}function $t(t){return"true"===t||"false"!==t&&(t===Number(t).toString()?Number(t):""===t||"null"===t?null:t)}function Zt(t){return t.replace(/[A-Z]/g,function(t){return"-"+t.toLowerCase()})}var Jt={setDataAttribute:function(t,e,n){t.setAttribute("data-"+Zt(e),n)},removeDataAttribute:function(t,e){t.removeAttribute("data-"+Zt(e))},getDataAttributes:function(t){if(!t)return{};var e=Z({},t.dataset);return Object.keys(e).forEach(function(t){e[t]=$t(e[t])}),e},getDataAttribute:function(t,e){return $t(t.getAttribute("data-"+Zt(e)))},offset:function(t){var e=t.getBoundingClientRect();return{top:e.top+document.body.scrollTop,left:e.left+document.body.scrollLeft}},position:function(t){return{top:t.offsetTop,left:t.offsetLeft}},toggleClass:function(t,e){t&&(t.classList.contains(e)?t.classList.remove(e):t.classList.add(e))}},te={matches:function(t,e){return t.matches(e)},find:function(t,e){var n;return void 0===e&&(e=document.documentElement),(n=[]).concat.apply(n,bt.call(e,t))},findOne:function(t,e){return void 0===e&&(e=document.documentElement),yt.call(e,t)},children:function(t,e){var n,i=(n=[]).concat.apply(n,t.children);return i.filter(function(t){return t.matches(e)})},parents:function(t,e){for(var n=[],i=t.parentNode;i&&i.nodeType===Node.ELEMENT_NODE&&3!==i.nodeType;)this.matches(i,e)&&n.push(i),i=i.parentNode;return n},prev:function(t,e){for(var n=t.previousElementSibling;n;){if(n.matches(e))return[n];n=n.previousElementSibling}return[]},next:function(t,e){for(var n=t.nextElementSibling;n;){if(this.matches(n,e))return[n];n=n.nextElementSibling}return[]}},ee="carousel",ne="bs.carousel",ie="."+ne,oe={interval:5e3,keyboard:!0,slide:!1,pause:"hover",wrap:!0,touch:!0},re={interval:"(number|boolean)",keyboard:"boolean",slide:"(boolean|string)",pause:"(string|boolean)",wrap:"boolean",touch:"boolean"},se="slide"+ie,ae="slid"+ie,le="keydown"+ie,ce="mouseenter"+ie,fe="mouseleave"+ie,ue="touchstart"+ie,he="touchmove"+ie,de="touchend"+ie,pe="pointerdown"+ie,ge="pointerup"+ie,me="dragstart"+ie,ve="load"+ie+".data-api",_e="click"+ie+".data-api",be=".carousel-indicators",ye={TOUCH:"touch",PEN:"pen"},we=function(){function t(t,e){this._items=null,this._interval=null,this._activeElement=null,this._isPaused=!1,this._isSliding=!1,this.touchTimeout=null,this.touchStartX=0,this.touchDeltaX=0,this._config=this._getConfig(e),this._element=t,this._indicatorsElement=te.findOne(be,this._element),this._touchSupported="ontouchstart"in document.documentElement||navigator.maxTouchPoints>0,this._pointerEvent=Boolean(window.PointerEvent),this._addEventListeners(),_t.setData(t,ne,this)}var e=t.prototype;return e.next=function(){this._isSliding||this._slide("next")},e.nextWhenVisible=function(){!document.hidden&&dt(this._element)&&this.next()},e.prev=function(){this._isSliding||this._slide("prev")},e.pause=function(t){t||(this._isPaused=!0),te.findOne(".carousel-item-next, .carousel-item-prev",this._element)&&(ct(this._element),this.cycle(!0)),clearInterval(this._interval),this._interval=null},e.cycle=function(t){t||(this._isPaused=!1),this._interval&&(clearInterval(this._interval),this._interval=null),this._config&&this._config.interval&&!this._isPaused&&(this._interval=setInterval((document.visibilityState?this.nextWhenVisible:this.next).bind(this),this._config.interval))},e.to=function(t){var e=this;this._activeElement=te.findOne(".active.carousel-item",this._element);var n=this._getItemIndex(this._activeElement);if(!(t>this._items.length-1||t<0))if(this._isSliding)Ht.one(this._element,ae,function(){return e.to(t)});else{if(n===t)return this.pause(),void this.cycle();var i=t>n?"next":"prev";this._slide(i,this._items[t])}},e.dispose=function(){Ht.off(this._element,ie),_t.removeData(this._element,ne),this._items=null,this._config=null,this._element=null,this._interval=null,this._isPaused=null,this._isSliding=null,this._activeElement=null,this._indicatorsElement=null},e._getConfig=function(t){return t=Z({},oe,t),ht(ee,t,re),t},e._handleSwipe=function(){var t=Math.abs(this.touchDeltaX);if(!(t<=40)){var e=t/this.touchDeltaX;this.touchDeltaX=0,e>0&&this.prev(),e<0&&this.next()}},e._addEventListeners=function(){var t=this;this._config.keyboard&&Ht.on(this._element,le,function(e){return t._keydown(e)}),"hover"===this._config.pause&&(Ht.on(this._element,ce,function(e){return t.pause(e)}),Ht.on(this._element,fe,function(e){return t.cycle(e)})),this._config.touch&&this._touchSupported&&this._addTouchEventListeners()},e._addTouchEventListeners=function(){var t=this,e=function(e){t._pointerEvent&&ye[e.pointerType.toUpperCase()]?t.touchStartX=e.clientX:t._pointerEvent||(t.touchStartX=e.touches[0].clientX)},n=function(e){t._pointerEvent&&ye[e.pointerType.toUpperCase()]&&(t.touchDeltaX=e.clientX-t.touchStartX),t._handleSwipe(),"hover"===t._config.pause&&(t.pause(),t.touchTimeout&&clearTimeout(t.touchTimeout),t.touchTimeout=setTimeout(function(e){return t.cycle(e)},500+t._config.interval))};te.find(".carousel-item img",this._element).forEach(function(t){Ht.on(t,me,function(t){return t.preventDefault()})}),this._pointerEvent?(Ht.on(this._element,pe,function(t){return e(t)}),Ht.on(this._element,ge,function(t){return n(t)}),this._element.classList.add("pointer-event")):(Ht.on(this._element,ue,function(t){return e(t)}),Ht.on(this._element,he,function(e){return function(e){e.touches&&e.touches.length>1?t.touchDeltaX=0:t.touchDeltaX=e.touches[0].clientX-t.touchStartX}(e)}),Ht.on(this._element,de,function(t){return n(t)}))},e._keydown=function(t){if(!/input|textarea/i.test(t.target.tagName))switch(t.key){case"ArrowLeft":t.preventDefault(),this.prev();break;case"ArrowRight":t.preventDefault(),this.next()}},e._getItemIndex=function(t){return this._items=t&&t.parentNode?te.find(".carousel-item",t.parentNode):[],this._items.indexOf(t)},e._getItemByDirection=function(t,e){var n="next"===t,i="prev"===t,o=this._getItemIndex(e),r=this._items.length-1;if((i&&0===o||n&&o===r)&&!this._config.wrap)return e;var s=(o+("prev"===t?-1:1))%this._items.length;return-1===s?this._items[this._items.length-1]:this._items[s]},e._triggerSlideEvent=function(t,e){var n=this._getItemIndex(t),i=this._getItemIndex(te.findOne(".active.carousel-item",this._element));return Ht.trigger(this._element,se,{relatedTarget:t,direction:e,from:i,to:n})},e._setActiveIndicatorElement=function(t){if(this._indicatorsElement){for(var e=te.find(".active",this._indicatorsElement),n=0;n<e.length;n++)e[n].classList.remove("active");var i=this._indicatorsElement.children[this._getItemIndex(t)];i&&i.classList.add("active")}},e._slide=function(t,e){var n,i,o,r=this,s=te.findOne(".active.carousel-item",this._element),a=this._getItemIndex(s),l=e||s&&this._getItemByDirection(t,s),c=this._getItemIndex(l),f=Boolean(this._interval);if("next"===t?(n="carousel-item-left",i="carousel-item-next",o="left"):(n="carousel-item-right",i="carousel-item-prev",o="right"),l&&l.classList.contains("active"))this._isSliding=!1;else if(!this._triggerSlideEvent(l,o).defaultPrevented&&s&&l){if(this._isSliding=!0,f&&this.pause(),this._setActiveIndicatorElement(l),this._element.classList.contains("slide")){l.classList.add(i),gt(l),s.classList.add(n),l.classList.add(n);var u=parseInt(l.getAttribute("data-interval"),10);u?(this._config.defaultInterval=this._config.defaultInterval||this._config.interval,this._config.interval=u):this._config.interval=this._config.defaultInterval||this._config.interval;var h=lt(s);Ht.one(s,it,function(){l.classList.remove(n,i),l.classList.add("active"),s.classList.remove("active",i,n),r._isSliding=!1,setTimeout(function(){Ht.trigger(r._element,ae,{relatedTarget:l,direction:o,from:a,to:c})},0)}),ut(s,h)}else s.classList.remove("active"),l.classList.add("active"),this._isSliding=!1,Ht.trigger(this._element,ae,{relatedTarget:l,direction:o,from:a,to:c});f&&this.cycle()}},t.carouselInterface=function(e,n){var i=_t.getData(e,ne),o=Z({},oe,Jt.getDataAttributes(e));"object"==typeof n&&(o=Z({},o,n));var r="string"==typeof n?n:o.slide;if(i||(i=new t(e,o)),"number"==typeof n)i.to(n);else if("string"==typeof r){if(void 0===i[r])throw new TypeError('No method named "'+r+'"');i[r]()}else o.interval&&o.ride&&(i.pause(),i.cycle())},t.jQueryInterface=function(e){return this.each(function(){t.carouselInterface(this,e)})},t.dataApiClickHandler=function(e){var n=at(this);if(n&&n.classList.contains("carousel")){var i=Z({},Jt.getDataAttributes(n),Jt.getDataAttributes(this)),o=this.getAttribute("data-slide-to");o&&(i.interval=!1),t.carouselInterface(n,i),o&&_t.getData(n,ne).to(o),e.preventDefault()}},t.getInstance=function(t){return _t.getData(t,ne)},$(t,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}},{key:"Default",get:function(){return oe}}]),t}();Ht.on(document,_e,"[data-slide], [data-slide-to]",we.dataApiClickHandler),Ht.on(window,ve,function(){for(var t=te.find('[data-ride="carousel"]'),e=0,n=t.length;e<n;e++)we.carouselInterface(t[e],_t.getData(t[e],ne))});var Ee=mt();if(Ee){var Te=Ee.fn[ee];Ee.fn[ee]=we.jQueryInterface,Ee.fn[ee].Constructor=we,Ee.fn[ee].noConflict=function(){return Ee.fn[ee]=Te,we.jQueryInterface}}var De="collapse",Le="bs.collapse",Ce="."+Le,ke={toggle:!0,parent:""},Oe={toggle:"boolean",parent:"(string|element)"},Ae="show"+Ce,Se="shown"+Ce,Ne="hide"+Ce,xe="hidden"+Ce,Ie="click"+Ce+".data-api",je='[data-toggle="collapse"]',Pe=function(){function t(t,e){this._isTransitioning=!1,this._element=t,this._config=this._getConfig(e),this._triggerArray=te.find(je+'[href="#'+t.id+'"],'+je+'[data-target="#'+t.id+'"]');for(var n=te.find(je),i=0,o=n.length;i<o;i++){var r=n[i],s=st(r),a=te.find(s).filter(function(e){return e===t});null!==s&&a.length&&(this._selector=s,this._triggerArray.push(r))}this._parent=this._config.parent?this._getParent():null,this._config.parent||this._addAriaAndCollapsedClass(this._element,this._triggerArray),this._config.toggle&&this.toggle(),_t.setData(t,Le,this)}var e=t.prototype;return e.toggle=function(){this._element.classList.contains("show")?this.hide():this.show()},e.show=function(){var e=this;if(!this._isTransitioning&&!this._element.classList.contains("show")){var n,i;this._parent&&0===(n=te.find(".show, .collapsing",this._parent).filter(function(t){return"string"==typeof e._config.parent?t.getAttribute("data-parent")===e._config.parent:t.classList.contains("collapse")})).length&&(n=null);var o=te.findOne(this._selector);if(n){var r=n.filter(function(t){return o!==t});if((i=r[0]?_t.getData(r[0],Le):null)&&i._isTransitioning)return}if(!Ht.trigger(this._element,Ae).defaultPrevented){n&&n.forEach(function(e){o!==e&&t.collapseInterface(e,"hide"),i||_t.setData(e,Le,null)});var s=this._getDimension();this._element.classList.remove("collapse"),this._element.classList.add("collapsing"),this._element.style[s]=0,this._triggerArray.length&&this._triggerArray.forEach(function(t){t.classList.remove("collapsed"),t.setAttribute("aria-expanded",!0)}),this.setTransitioning(!0);var a="scroll"+(s[0].toUpperCase()+s.slice(1)),l=lt(this._element);Ht.one(this._element,it,function(){e._element.classList.remove("collapsing"),e._element.classList.add("collapse","show"),e._element.style[s]="",e.setTransitioning(!1),Ht.trigger(e._element,Se)}),ut(this._element,l),this._element.style[s]=this._element[a]+"px"}}},e.hide=function(){var t=this;if(!this._isTransitioning&&this._element.classList.contains("show")&&!Ht.trigger(this._element,Ne).defaultPrevented){var e=this._getDimension();this._element.style[e]=this._element.getBoundingClientRect()[e]+"px",gt(this._element),this._element.classList.add("collapsing"),this._element.classList.remove("collapse","show");var n=this._triggerArray.length;if(n>0)for(var i=0;i<n;i++){var o=this._triggerArray[i],r=at(o);r&&!r.classList.contains("show")&&(o.classList.add("collapsed"),o.setAttribute("aria-expanded",!1))}this.setTransitioning(!0);this._element.style[e]="";var s=lt(this._element);Ht.one(this._element,it,function(){t.setTransitioning(!1),t._element.classList.remove("collapsing"),t._element.classList.add("collapse"),Ht.trigger(t._element,xe)}),ut(this._element,s)}},e.setTransitioning=function(t){this._isTransitioning=t},e.dispose=function(){_t.removeData(this._element,Le),this._config=null,this._parent=null,this._element=null,this._triggerArray=null,this._isTransitioning=null},e._getConfig=function(t){return(t=Z({},ke,t)).toggle=Boolean(t.toggle),ht(De,t,Oe),t},e._getDimension=function(){return this._element.classList.contains("width")?"width":"height"},e._getParent=function(){var t=this,e=this._config.parent;ft(e)?void 0===e.jquery&&void 0===e[0]||(e=e[0]):e=te.findOne(e);var n=je+'[data-parent="'+e+'"]';return te.find(n,e).forEach(function(e){var n=at(e);t._addAriaAndCollapsedClass(n,[e])}),e},e._addAriaAndCollapsedClass=function(t,e){if(t&&e.length){var n=t.classList.contains("show");e.forEach(function(t){n?t.classList.remove("collapsed"):t.classList.add("collapsed"),t.setAttribute("aria-expanded",n)})}},t.collapseInterface=function(e,n){var i=_t.getData(e,Le),o=Z({},ke,Jt.getDataAttributes(e),"object"==typeof n&&n?n:{});if(!i&&o.toggle&&"string"==typeof n&&/show|hide/.test(n)&&(o.toggle=!1),i||(i=new t(e,o)),"string"==typeof n){if(void 0===i[n])throw new TypeError('No method named "'+n+'"');i[n]()}},t.jQueryInterface=function(e){return this.each(function(){t.collapseInterface(this,e)})},t.getInstance=function(t){return _t.getData(t,Le)},$(t,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}},{key:"Default",get:function(){return ke}}]),t}();Ht.on(document,Ie,je,function(t){"A"===t.target.tagName&&t.preventDefault();var e=Jt.getDataAttributes(this),n=st(this);te.find(n).forEach(function(t){var n,i=_t.getData(t,Le);i?(null===i._parent&&"string"==typeof e.parent&&(i._config.parent=e.parent,i._parent=i._getParent()),n="toggle"):n=e,Pe.collapseInterface(t,n)})});var Me=mt();if(Me){var He=Me.fn[De];Me.fn[De]=Pe.jQueryInterface,Me.fn[De].Constructor=Pe,Me.fn[De].noConflict=function(){return Me.fn[De]=He,Pe.jQueryInterface}}var Re="dropdown",Be="bs.dropdown",Fe="."+Be,We=new RegExp("ArrowUp|ArrowDown|Escape"),Ue="hide"+Fe,Qe="hidden"+Fe,Ke="show"+Fe,Ve="shown"+Fe,qe="click"+Fe,Ye="click"+Fe+".data-api",ze="keydown"+Fe+".data-api",Xe="keyup"+Fe+".data-api",Ge={offset:0,flip:!0,boundary:"scrollParent",reference:"toggle",display:"dynamic",popperConfig:null},$e={offset:"(number|string|function)",flip:"boolean",boundary:"(string|element)",reference:"(string|element)",display:"string",popperConfig:"(null|object)"},Ze=function(){function t(t,e){this._element=t,this._popper=null,this._config=this._getConfig(e),this._menu=this._getMenuElement(),this._inNavbar=this._detectNavbar(),this._addEventListeners(),_t.setData(t,Be,this)}var e=t.prototype;return e.toggle=function(){if(!this._element.disabled&&!this._element.classList.contains("disabled")){var e=this._element.classList.contains("show");t.clearMenus(),e||this.show()}},e.show=function(){if(!(this._element.disabled||this._element.classList.contains("disabled")||this._menu.classList.contains("show"))){var e=t.getParentFromElement(this._element),n={relatedTarget:this._element};if(!Ht.trigger(this._element,Ke,n).defaultPrevented){if(!this._inNavbar){if(void 0===X)throw new TypeError("Bootstrap's dropdowns require Popper.js (https://popper.js.org)");var i=this._element;"parent"===this._config.reference?i=e:ft(this._config.reference)&&(i=this._config.reference,void 0!==this._config.reference.jquery&&(i=this._config.reference[0])),"scrollParent"!==this._config.boundary&&e.classList.add("position-static"),this._popper=new X(i,this._menu,this._getPopperConfig())}var o;if("ontouchstart"in document.documentElement&&!e.closest(".navbar-nav"))(o=[]).concat.apply(o,document.body.children).forEach(function(t){return Ht.on(t,"mouseover",null,function(){})});this._element.focus(),this._element.setAttribute("aria-expanded",!0),Jt.toggleClass(this._menu,"show"),Jt.toggleClass(this._element,"show"),Ht.trigger(e,Ve,n)}}},e.hide=function(){if(!this._element.disabled&&!this._element.classList.contains("disabled")&&this._menu.classList.contains("show")){var e=t.getParentFromElement(this._element),n={relatedTarget:this._element};Ht.trigger(e,Ue,n).defaultPrevented||(this._popper&&this._popper.destroy(),Jt.toggleClass(this._menu,"show"),Jt.toggleClass(this._element,"show"),Ht.trigger(e,Qe,n))}},e.dispose=function(){_t.removeData(this._element,Be),Ht.off(this._element,Fe),this._element=null,this._menu=null,this._popper&&(this._popper.destroy(),this._popper=null)},e.update=function(){this._inNavbar=this._detectNavbar(),this._popper&&this._popper.scheduleUpdate()},e._addEventListeners=function(){var t=this;Ht.on(this._element,qe,function(e){e.preventDefault(),e.stopPropagation(),t.toggle()})},e._getConfig=function(t){return t=Z({},this.constructor.Default,Jt.getDataAttributes(this._element),t),ht(Re,t,this.constructor.DefaultType),t},e._getMenuElement=function(){return te.next(this._element,".dropdown-menu")[0]},e._getPlacement=function(){var t=this._element.parentNode,e="bottom-start";return t.classList.contains("dropup")?(e="top-start",this._menu.classList.contains("dropdown-menu-right")&&(e="top-end")):t.classList.contains("dropright")?e="right-start":t.classList.contains("dropleft")?e="left-start":this._menu.classList.contains("dropdown-menu-right")&&(e="bottom-end"),e},e._detectNavbar=function(){return Boolean(this._element.closest(".navbar"))},e._getOffset=function(){var t=this,e={};return"function"==typeof this._config.offset?e.fn=function(e){return e.offsets=Z({},e.offsets,t._config.offset(e.offsets,t._element)||{}),e}:e.offset=this._config.offset,e},e._getPopperConfig=function(){var t={placement:this._getPlacement(),modifiers:{offset:this._getOffset(),flip:{enabled:this._config.flip},preventOverflow:{boundariesElement:this._config.boundary}}};return"static"===this._config.display&&(t.modifiers.applyStyle={enabled:!1}),Z({},t,this._config.popperConfig)},t.dropdownInterface=function(e,n){var i=_t.getData(e,Be);if(i||(i=new t(e,"object"==typeof n?n:null)),"string"==typeof n){if(void 0===i[n])throw new TypeError('No method named "'+n+'"');i[n]()}},t.jQueryInterface=function(e){return this.each(function(){t.dropdownInterface(this,e)})},t.clearMenus=function(e){if(!e||2!==e.button&&("keyup"!==e.type||"Tab"===e.key))for(var n=te.find('[data-toggle="dropdown"]'),i=0,o=n.length;i<o;i++){var r=t.getParentFromElement(n[i]),s=_t.getData(n[i],Be),a={relatedTarget:n[i]};if(e&&"click"===e.type&&(a.clickEvent=e),s){var l=s._menu;if(n[i].classList.contains("show"))if(!(e&&("click"===e.type&&/input|textarea/i.test(e.target.tagName)||"keyup"===e.type&&"Tab"===e.key)&&l.contains(e.target)))if(!Ht.trigger(r,Ue,a).defaultPrevented){var c;if("ontouchstart"in document.documentElement)(c=[]).concat.apply(c,document.body.children).forEach(function(t){return Ht.off(t,"mouseover",null,function(){})});n[i].setAttribute("aria-expanded","false"),s._popper&&s._popper.destroy(),l.classList.remove("show"),n[i].classList.remove("show"),Ht.trigger(r,Qe,a)}}}},t.getParentFromElement=function(t){return at(t)||t.parentNode},t.dataApiKeydownHandler=function(e){if((/input|textarea/i.test(e.target.tagName)?!("Space"===e.key||"Escape"!==e.key&&("ArrowDown"!==e.key&&"ArrowUp"!==e.key||e.target.closest(".dropdown-menu"))):We.test(e.key))&&(e.preventDefault(),e.stopPropagation(),!this.disabled&&!this.classList.contains("disabled"))){var n=t.getParentFromElement(this),i=this.classList.contains("show");if("Escape"===e.key)return(this.matches('[data-toggle="dropdown"]')?this:te.prev(this,'[data-toggle="dropdown"]')[0]).focus(),void t.clearMenus();if(i&&"Space"!==e.key){var o=te.find(".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)",n).filter(dt);if(o.length){var r=o.indexOf(e.target);"ArrowUp"===e.key&&r>0&&r--,"ArrowDown"===e.key&&r<o.length-1&&r++,o[r=-1===r?0:r].focus()}}else t.clearMenus()}},t.getInstance=function(t){return _t.getData(t,Be)},$(t,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}},{key:"Default",get:function(){return Ge}},{key:"DefaultType",get:function(){return $e}}]),t}();Ht.on(document,ze,'[data-toggle="dropdown"]',Ze.dataApiKeydownHandler),Ht.on(document,ze,".dropdown-menu",Ze.dataApiKeydownHandler),Ht.on(document,Ye,Ze.clearMenus),Ht.on(document,Xe,Ze.clearMenus),Ht.on(document,Ye,'[data-toggle="dropdown"]',function(t){t.preventDefault(),t.stopPropagation(),Ze.dropdownInterface(this,"toggle")}),Ht.on(document,Ye,".dropdown form",function(t){return t.stopPropagation()});var Je=mt();if(Je){var tn=Je.fn[Re];Je.fn[Re]=Ze.jQueryInterface,Je.fn[Re].Constructor=Ze,Je.fn[Re].noConflict=function(){return Je.fn[Re]=tn,Ze.jQueryInterface}}var en="bs.modal",nn="."+en,on={backdrop:!0,keyboard:!0,focus:!0,show:!0},rn={backdrop:"(boolean|string)",keyboard:"boolean",focus:"boolean",show:"boolean"},sn="hide"+nn,an="hidePrevented"+nn,ln="hidden"+nn,cn="show"+nn,fn="shown"+nn,un="focusin"+nn,hn="resize"+nn,dn="click.dismiss"+nn,pn="keydown.dismiss"+nn,gn="mouseup.dismiss"+nn,mn="mousedown.dismiss"+nn,vn="click"+nn+".data-api",_n=".modal-dialog",bn=function(){function t(t,e){this._config=this._getConfig(e),this._element=t,this._dialog=te.findOne(_n,t),this._backdrop=null,this._isShown=!1,this._isBodyOverflowing=!1,this._ignoreBackdropClick=!1,this._isTransitioning=!1,this._scrollbarWidth=0,_t.setData(t,en,this)}var e=t.prototype;return e.toggle=function(t){return this._isShown?this.hide():this.show(t)},e.show=function(t){var e=this;if(!this._isShown&&!this._isTransitioning){this._element.classList.contains("fade")&&(this._isTransitioning=!0);var n=Ht.trigger(this._element,cn,{relatedTarget:t});this._isShown||n.defaultPrevented||(this._isShown=!0,this._checkScrollbar(),this._setScrollbar(),this._adjustDialog(),this._setEscapeEvent(),this._setResizeEvent(),Ht.on(this._element,dn,'[data-dismiss="modal"]',function(t){return e.hide(t)}),Ht.on(this._dialog,mn,function(){Ht.one(e._element,gn,function(t){t.target===e._element&&(e._ignoreBackdropClick=!0)})}),this._showBackdrop(function(){return e._showElement(t)}))}},e.hide=function(t){var e=this;if((t&&t.preventDefault(),this._isShown&&!this._isTransitioning)&&!Ht.trigger(this._element,sn).defaultPrevented){this._isShown=!1;var n=this._element.classList.contains("fade");if(n&&(this._isTransitioning=!0),this._setEscapeEvent(),this._setResizeEvent(),Ht.off(document,un),this._element.classList.remove("show"),Ht.off(this._element,dn),Ht.off(this._dialog,mn),n){var i=lt(this._element);Ht.one(this._element,it,function(t){return e._hideModal(t)}),ut(this._element,i)}else this._hideModal()}},e.dispose=function(){[window,this._element,this._dialog].forEach(function(t){return Ht.off(t,nn)}),Ht.off(document,un),_t.removeData(this._element,en),this._config=null,this._element=null,this._dialog=null,this._backdrop=null,this._isShown=null,this._isBodyOverflowing=null,this._ignoreBackdropClick=null,this._isTransitioning=null,this._scrollbarWidth=null},e.handleUpdate=function(){this._adjustDialog()},e._getConfig=function(t){return t=Z({},on,t),ht("modal",t,rn),t},e._showElement=function(t){var e=this,n=this._element.classList.contains("fade"),i=te.findOne(".modal-body",this._dialog);this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE||document.body.appendChild(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.scrollTop=0,i&&(i.scrollTop=0),n&&gt(this._element),this._element.classList.add("show"),this._config.focus&&this._enforceFocus();var o=function(){e._config.focus&&e._element.focus(),e._isTransitioning=!1,Ht.trigger(e._element,fn,{relatedTarget:t})};if(n){var r=lt(this._dialog);Ht.one(this._dialog,it,o),ut(this._dialog,r)}else o()},e._enforceFocus=function(){var t=this;Ht.off(document,un),Ht.on(document,un,function(e){document===e.target||t._element===e.target||t._element.contains(e.target)||t._element.focus()})},e._setEscapeEvent=function(){var t=this;this._isShown?Ht.on(this._element,pn,function(e){t._config.keyboard&&"Escape"===e.key?(e.preventDefault(),t.hide()):t._config.keyboard||"Escape"!==e.key||t._triggerBackdropTransition()}):Ht.off(this._element,pn)},e._setResizeEvent=function(){var t=this;this._isShown?Ht.on(window,hn,function(){return t._adjustDialog()}):Ht.off(window,hn)},e._hideModal=function(){var t=this;this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._isTransitioning=!1,this._showBackdrop(function(){document.body.classList.remove("modal-open"),t._resetAdjustments(),t._resetScrollbar(),Ht.trigger(t._element,ln)})},e._removeBackdrop=function(){this._backdrop.parentNode.removeChild(this._backdrop),this._backdrop=null},e._showBackdrop=function(t){var e=this,n=this._element.classList.contains("fade")?"fade":"";if(this._isShown&&this._config.backdrop){if(this._backdrop=document.createElement("div"),this._backdrop.className="modal-backdrop",n&&this._backdrop.classList.add(n),document.body.appendChild(this._backdrop),Ht.on(this._element,dn,function(t){e._ignoreBackdropClick?e._ignoreBackdropClick=!1:t.target===t.currentTarget&&e._triggerBackdropTransition()}),n&&gt(this._backdrop),this._backdrop.classList.add("show"),!n)return void t();var i=lt(this._backdrop);Ht.one(this._backdrop,it,t),ut(this._backdrop,i)}else if(!this._isShown&&this._backdrop){this._backdrop.classList.remove("show");var o=function(){e._removeBackdrop(),t()};if(this._element.classList.contains("fade")){var r=lt(this._backdrop);Ht.one(this._backdrop,it,o),ut(this._backdrop,r)}else o()}else t()},e._triggerBackdropTransition=function(){var t=this;if("static"===this._config.backdrop){if(Ht.trigger(this._element,an).defaultPrevented)return;var e=this._element.scrollHeight>document.documentElement.clientHeight;e||(this._element.style.overflowY="hidden"),this._element.classList.add("modal-static");var n=lt(this._dialog);Ht.off(this._element,it),Ht.one(this._element,it,function(){t._element.classList.remove("modal-static"),e||(Ht.one(t._element,it,function(){t._element.style.overflowY=""}),ut(t._element,n))}),ut(this._element,n),this._element.focus()}else this.hide()},e._adjustDialog=function(){var t=this._element.scrollHeight>document.documentElement.clientHeight;!this._isBodyOverflowing&&t&&(this._element.style.paddingLeft=this._scrollbarWidth+"px"),this._isBodyOverflowing&&!t&&(this._element.style.paddingRight=this._scrollbarWidth+"px")},e._resetAdjustments=function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""},e._checkScrollbar=function(){var t=document.body.getBoundingClientRect();this._isBodyOverflowing=Math.round(t.left+t.right)<window.innerWidth,this._scrollbarWidth=this._getScrollbarWidth()},e._setScrollbar=function(){var t=this;if(this._isBodyOverflowing){te.find(".fixed-top, .fixed-bottom, .is-fixed, .sticky-top").forEach(function(e){var n=e.style.paddingRight,i=window.getComputedStyle(e)["padding-right"];Jt.setDataAttribute(e,"padding-right",n),e.style.paddingRight=parseFloat(i)+t._scrollbarWidth+"px"}),te.find(".sticky-top").forEach(function(e){var n=e.style.marginRight,i=window.getComputedStyle(e)["margin-right"];Jt.setDataAttribute(e,"margin-right",n),e.style.marginRight=parseFloat(i)-t._scrollbarWidth+"px"});var e=document.body.style.paddingRight,n=window.getComputedStyle(document.body)["padding-right"];Jt.setDataAttribute(document.body,"padding-right",e),document.body.style.paddingRight=parseFloat(n)+this._scrollbarWidth+"px"}document.body.classList.add("modal-open")},e._resetScrollbar=function(){te.find(".fixed-top, .fixed-bottom, .is-fixed, .sticky-top").forEach(function(t){var e=Jt.getDataAttribute(t,"padding-right");void 0!==e&&(Jt.removeDataAttribute(t,"padding-right"),t.style.paddingRight=e)}),te.find(".sticky-top").forEach(function(t){var e=Jt.getDataAttribute(t,"margin-right");void 0!==e&&(Jt.removeDataAttribute(t,"margin-right"),t.style.marginRight=e)});var t=Jt.getDataAttribute(document.body,"padding-right");void 0===t?document.body.style.paddingRight="":(Jt.removeDataAttribute(document.body,"padding-right"),document.body.style.paddingRight=t)},e._getScrollbarWidth=function(){var t=document.createElement("div");t.className="modal-scrollbar-measure",document.body.appendChild(t);var e=t.getBoundingClientRect().width-t.clientWidth;return document.body.removeChild(t),e},t.jQueryInterface=function(e,n){return this.each(function(){var i=_t.getData(this,en),o=Z({},on,Jt.getDataAttributes(this),"object"==typeof e&&e?e:{});if(i||(i=new t(this,o)),"string"==typeof e){if(void 0===i[e])throw new TypeError('No method named "'+e+'"');i[e](n)}else o.show&&i.show(n)})},t.getInstance=function(t){return _t.getData(t,en)},$(t,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}},{key:"Default",get:function(){return on}}]),t}();Ht.on(document,vn,'[data-toggle="modal"]',function(t){var e=this,n=at(this);"A"!==this.tagName&&"AREA"!==this.tagName||t.preventDefault(),Ht.one(n,cn,function(t){t.defaultPrevented||Ht.one(n,ln,function(){dt(e)&&e.focus()})});var i=_t.getData(n,en);if(!i){var o=Z({},Jt.getDataAttributes(n),Jt.getDataAttributes(this));i=new bn(n,o)}i.show(this)});var yn=mt();if(yn){var wn=yn.fn.modal;yn.fn.modal=bn.jQueryInterface,yn.fn.modal.Constructor=bn,yn.fn.modal.noConflict=function(){return yn.fn.modal=wn,bn.jQueryInterface}}var En=["background","cite","href","itemtype","longdesc","poster","src","xlink:href"],Tn=/^(?:(?:https?|mailto|ftp|tel|file):|[^#&\/:?]*(?:[#\/?]|$))/gi,Dn=/^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[\d+\/a-z]+=*$/i,Ln=function(t,e){var n=t.nodeName.toLowerCase();if(-1!==e.indexOf(n))return-1===En.indexOf(n)||Boolean(t.nodeValue.match(Tn)||t.nodeValue.match(Dn));for(var i=e.filter(function(t){return t instanceof RegExp}),o=0,r=i.length;o<r;o++)if(n.match(i[o]))return!0;return!1},Cn={"*":["class","dir","id","lang","role",/^aria-[\w-]*$/i],a:["target","href","title","rel"],area:[],b:[],br:[],col:[],code:[],div:[],em:[],hr:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],i:[],img:["src","srcset","alt","title","width","height"],li:[],ol:[],p:[],pre:[],s:[],small:[],span:[],sub:[],sup:[],strong:[],u:[],ul:[]};function kn(t,e,n){var i;if(!t.length)return t;if(n&&"function"==typeof n)return n(t);for(var o=(new window.DOMParser).parseFromString(t,"text/html"),r=Object.keys(e),s=(i=[]).concat.apply(i,o.body.querySelectorAll("*")),a=function(t,n){var i,o=s[t],a=o.nodeName.toLowerCase();if(-1===r.indexOf(a))return o.parentNode.removeChild(o),"continue";var l=(i=[]).concat.apply(i,o.attributes),c=[].concat(e["*"]||[],e[a]||[]);l.forEach(function(t){Ln(t,c)||o.removeAttribute(t.nodeName)})},l=0,c=s.length;l<c;l++)a(l);return o.body.innerHTML}var On="tooltip",An=new RegExp("(^|\\s)bs-tooltip\\S+","g"),Sn=["sanitize","allowList","sanitizeFn"],Nn={animation:"boolean",template:"string",title:"(string|element|function)",trigger:"string",delay:"(number|object)",html:"boolean",selector:"(string|boolean)",placement:"(string|function)",offset:"(number|string|function)",container:"(string|element|boolean)",fallbackPlacement:"(string|array)",boundary:"(string|element)",sanitize:"boolean",sanitizeFn:"(null|function)",allowList:"object",popperConfig:"(null|object)"},xn={AUTO:"auto",TOP:"top",RIGHT:"right",BOTTOM:"bottom",LEFT:"left"},In={animation:!0,template:'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",offset:0,container:!1,fallbackPlacement:"flip",boundary:"scrollParent",sanitize:!0,sanitizeFn:null,allowList:Cn,popperConfig:null},jn={HIDE:"hide.bs.tooltip",HIDDEN:"hidden.bs.tooltip",SHOW:"show.bs.tooltip",SHOWN:"shown.bs.tooltip",INSERTED:"inserted.bs.tooltip",CLICK:"click.bs.tooltip",FOCUSIN:"focusin.bs.tooltip",FOCUSOUT:"focusout.bs.tooltip",MOUSEENTER:"mouseenter.bs.tooltip",MOUSELEAVE:"mouseleave.bs.tooltip"},Pn=function(){function t(t,e){if(void 0===X)throw new TypeError("Bootstrap's tooltips require Popper.js (https://popper.js.org)");this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this.element=t,this.config=this._getConfig(e),this.tip=null,this._setListeners(),_t.setData(t,this.constructor.DATA_KEY,this)}var e=t.prototype;return e.enable=function(){this._isEnabled=!0},e.disable=function(){this._isEnabled=!1},e.toggleEnabled=function(){this._isEnabled=!this._isEnabled},e.toggle=function(t){if(this._isEnabled)if(t){var e=this.constructor.DATA_KEY,n=_t.getData(t.delegateTarget,e);n||(n=new this.constructor(t.delegateTarget,this._getDelegateConfig()),_t.setData(t.delegateTarget,e,n)),n._activeTrigger.click=!n._activeTrigger.click,n._isWithActiveTrigger()?n._enter(null,n):n._leave(null,n)}else{if(this.getTipElement().classList.contains("show"))return void this._leave(null,this);this._enter(null,this)}},e.dispose=function(){clearTimeout(this._timeout),_t.removeData(this.element,this.constructor.DATA_KEY),Ht.off(this.element,this.constructor.EVENT_KEY),Ht.off(this.element.closest(".modal"),"hide.bs.modal",this._hideModalHandler),this.tip&&this.tip.parentNode.removeChild(this.tip),this._isEnabled=null,this._timeout=null,this._hoverState=null,this._activeTrigger=null,this._popper&&this._popper.destroy(),this._popper=null,this.element=null,this.config=null,this.tip=null},e.show=function(){var t=this;if("none"===this.element.style.display)throw new Error("Please use show on visible elements");if(this.isWithContent()&&this._isEnabled){var e=Ht.trigger(this.element,this.constructor.Event.SHOW),n=function t(e){if(!document.documentElement.attachShadow)return null;if("function"==typeof e.getRootNode){var n=e.getRootNode();return n instanceof ShadowRoot?n:null}return e instanceof ShadowRoot?e:e.parentNode?t(e.parentNode):null}(this.element),i=null===n?this.element.ownerDocument.documentElement.contains(this.element):n.contains(this.element);if(e.defaultPrevented||!i)return;var o=this.getTipElement(),r=ot(this.constructor.NAME);o.setAttribute("id",r),this.element.setAttribute("aria-describedby",r),this.setContent(),this.config.animation&&o.classList.add("fade");var s="function"==typeof this.config.placement?this.config.placement.call(this,o,this.element):this.config.placement,a=this._getAttachment(s);this._addAttachmentClass(a);var l,c=this._getContainer();if(_t.setData(o,this.constructor.DATA_KEY,this),this.element.ownerDocument.documentElement.contains(this.tip)||c.appendChild(o),Ht.trigger(this.element,this.constructor.Event.INSERTED),this._popper=new X(this.element,o,this._getPopperConfig(a)),o.classList.add("show"),"ontouchstart"in document.documentElement)(l=[]).concat.apply(l,document.body.children).forEach(function(t){Ht.on(t,"mouseover",function(){})});var f=function(){t.config.animation&&t._fixTransition();var e=t._hoverState;t._hoverState=null,Ht.trigger(t.element,t.constructor.Event.SHOWN),"out"===e&&t._leave(null,t)};if(this.tip.classList.contains("fade")){var u=lt(this.tip);Ht.one(this.tip,it,f),ut(this.tip,u)}else f()}},e.hide=function(){var t=this;if(this._popper){var e=this.getTipElement(),n=function(){"show"!==t._hoverState&&e.parentNode&&e.parentNode.removeChild(e),t._cleanTipClass(),t.element.removeAttribute("aria-describedby"),Ht.trigger(t.element,t.constructor.Event.HIDDEN),t._popper.destroy()};if(!Ht.trigger(this.element,this.constructor.Event.HIDE).defaultPrevented){var i;if(e.classList.remove("show"),"ontouchstart"in document.documentElement)(i=[]).concat.apply(i,document.body.children).forEach(function(t){return Ht.off(t,"mouseover",pt)});if(this._activeTrigger.click=!1,this._activeTrigger.focus=!1,this._activeTrigger.hover=!1,this.tip.classList.contains("fade")){var o=lt(e);Ht.one(e,it,n),ut(e,o)}else n();this._hoverState=""}}},e.update=function(){null!==this._popper&&this._popper.scheduleUpdate()},e.isWithContent=function(){return Boolean(this.getTitle())},e.getTipElement=function(){if(this.tip)return this.tip;var t=document.createElement("div");return t.innerHTML=this.config.template,this.tip=t.children[0],this.tip},e.setContent=function(){var t=this.getTipElement();this.setElementContent(te.findOne(".tooltip-inner",t),this.getTitle()),t.classList.remove("fade","show")},e.setElementContent=function(t,e){if(null!==t)return"object"==typeof e&&ft(e)?(e.jquery&&(e=e[0]),void(this.config.html?e.parentNode!==t&&(t.innerHTML="",t.appendChild(e)):t.textContent=e.textContent)):void(this.config.html?(this.config.sanitize&&(e=kn(e,this.config.allowList,this.config.sanitizeFn)),t.innerHTML=e):t.textContent=e)},e.getTitle=function(){var t=this.element.getAttribute("data-original-title");return t||(t="function"==typeof this.config.title?this.config.title.call(this.element):this.config.title),t},e._getPopperConfig=function(t){var e=this;return Z({},{placement:t,modifiers:{offset:this._getOffset(),flip:{behavior:this.config.fallbackPlacement},arrow:{element:"."+this.constructor.NAME+"-arrow"},preventOverflow:{boundariesElement:this.config.boundary}},onCreate:function(t){t.originalPlacement!==t.placement&&e._handlePopperPlacementChange(t)},onUpdate:function(t){return e._handlePopperPlacementChange(t)}},this.config.popperConfig)},e._addAttachmentClass=function(t){this.getTipElement().classList.add("bs-tooltip-"+t)},e._getOffset=function(){var t=this,e={};return"function"==typeof this.config.offset?e.fn=function(e){return e.offsets=Z({},e.offsets,t.config.offset(e.offsets,t.element)||{}),e}:e.offset=this.config.offset,e},e._getContainer=function(){return!1===this.config.container?document.body:ft(this.config.container)?this.config.container:te.findOne(this.config.container)},e._getAttachment=function(t){return xn[t.toUpperCase()]},e._setListeners=function(){var t=this;this.config.trigger.split(" ").forEach(function(e){if("click"===e)Ht.on(t.element,t.constructor.Event.CLICK,t.config.selector,function(e){return t.toggle(e)});else if("manual"!==e){var n="hover"===e?t.constructor.Event.MOUSEENTER:t.constructor.Event.FOCUSIN,i="hover"===e?t.constructor.Event.MOUSELEAVE:t.constructor.Event.FOCUSOUT;Ht.on(t.element,n,t.config.selector,function(e){return t._enter(e)}),Ht.on(t.element,i,t.config.selector,function(e){return t._leave(e)})}}),this._hideModalHandler=function(){t.element&&t.hide()},Ht.on(this.element.closest(".modal"),"hide.bs.modal",this._hideModalHandler),this.config.selector?this.config=Z({},this.config,{trigger:"manual",selector:""}):this._fixTitle()},e._fixTitle=function(){var t=typeof this.element.getAttribute("data-original-title");(this.element.getAttribute("title")||"string"!==t)&&(this.element.setAttribute("data-original-title",this.element.getAttribute("title")||""),this.element.setAttribute("title",""))},e._enter=function(t,e){var n=this.constructor.DATA_KEY;(e=e||_t.getData(t.delegateTarget,n))||(e=new this.constructor(t.delegateTarget,this._getDelegateConfig()),_t.setData(t.delegateTarget,n,e)),t&&(e._activeTrigger["focusin"===t.type?"focus":"hover"]=!0),e.getTipElement().classList.contains("show")||"show"===e._hoverState?e._hoverState="show":(clearTimeout(e._timeout),e._hoverState="show",e.config.delay&&e.config.delay.show?e._timeout=setTimeout(function(){"show"===e._hoverState&&e.show()},e.config.delay.show):e.show())},e._leave=function(t,e){var n=this.constructor.DATA_KEY;(e=e||_t.getData(t.delegateTarget,n))||(e=new this.constructor(t.delegateTarget,this._getDelegateConfig()),_t.setData(t.delegateTarget,n,e)),t&&(e._activeTrigger["focusout"===t.type?"focus":"hover"]=!1),e._isWithActiveTrigger()||(clearTimeout(e._timeout),e._hoverState="out",e.config.delay&&e.config.delay.hide?e._timeout=setTimeout(function(){"out"===e._hoverState&&e.hide()},e.config.delay.hide):e.hide())},e._isWithActiveTrigger=function(){for(var t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1},e._getConfig=function(t){var e=Jt.getDataAttributes(this.element);return Object.keys(e).forEach(function(t){-1!==Sn.indexOf(t)&&delete e[t]}),t&&"object"==typeof t.container&&t.container.jquery&&(t.container=t.container[0]),"number"==typeof(t=Z({},this.constructor.Default,e,"object"==typeof t&&t?t:{})).delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),ht(On,t,this.constructor.DefaultType),t.sanitize&&(t.template=kn(t.template,t.allowList,t.sanitizeFn)),t},e._getDelegateConfig=function(){var t={};if(this.config)for(var e in this.config)this.constructor.Default[e]!==this.config[e]&&(t[e]=this.config[e]);return t},e._cleanTipClass=function(){var t=this.getTipElement(),e=t.getAttribute("class").match(An);null!==e&&e.length>0&&e.map(function(t){return t.trim()}).forEach(function(e){return t.classList.remove(e)})},e._handlePopperPlacementChange=function(t){this.tip=t.instance.popper,this._cleanTipClass(),this._addAttachmentClass(this._getAttachment(t.placement))},e._fixTransition=function(){var t=this.getTipElement(),e=this.config.animation;null===t.getAttribute("x-placement")&&(t.classList.remove("fade"),this.config.animation=!1,this.hide(),this.show(),this.config.animation=e)},t.jQueryInterface=function(e){return this.each(function(){var n=_t.getData(this,"bs.tooltip"),i="object"==typeof e&&e;if((n||!/dispose|hide/.test(e))&&(n||(n=new t(this,i)),"string"==typeof e)){if(void 0===n[e])throw new TypeError('No method named "'+e+'"');n[e]()}})},t.getInstance=function(t){return _t.getData(t,"bs.tooltip")},$(t,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}},{key:"Default",get:function(){return In}},{key:"NAME",get:function(){return On}},{key:"DATA_KEY",get:function(){return"bs.tooltip"}},{key:"Event",get:function(){return jn}},{key:"EVENT_KEY",get:function(){return".bs.tooltip"}},{key:"DefaultType",get:function(){return Nn}}]),t}(),Mn=mt();if(Mn){var Hn=Mn.fn.tooltip;Mn.fn.tooltip=Pn.jQueryInterface,Mn.fn.tooltip.Constructor=Pn,Mn.fn.tooltip.noConflict=function(){return Mn.fn.tooltip=Hn,Pn.jQueryInterface}}var Rn="popover",Bn=new RegExp("(^|\\s)bs-popover\\S+","g"),Fn=Z({},Pn.Default,{placement:"right",trigger:"click",content:"",template:'<div class="popover" role="tooltip"><div class="popover-arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'}),Wn=Z({},Pn.DefaultType,{content:"(string|element|function)"}),Un={HIDE:"hide.bs.popover",HIDDEN:"hidden.bs.popover",SHOW:"show.bs.popover",SHOWN:"shown.bs.popover",INSERTED:"inserted.bs.popover",CLICK:"click.bs.popover",FOCUSIN:"focusin.bs.popover",FOCUSOUT:"focusout.bs.popover",MOUSEENTER:"mouseenter.bs.popover",MOUSELEAVE:"mouseleave.bs.popover"},Qn=function(t){var e,n;function i(){return t.apply(this,arguments)||this}n=t,(e=i).prototype=Object.create(n.prototype),e.prototype.constructor=e,e.__proto__=n;var o=i.prototype;return o.isWithContent=function(){return this.getTitle()||this._getContent()},o.setContent=function(){var t=this.getTipElement();this.setElementContent(te.findOne(".popover-header",t),this.getTitle());var e=this._getContent();"function"==typeof e&&(e=e.call(this.element)),this.setElementContent(te.findOne(".popover-body",t),e),t.classList.remove("fade","show")},o._addAttachmentClass=function(t){this.getTipElement().classList.add("bs-popover-"+t)},o._getContent=function(){return this.element.getAttribute("data-content")||this.config.content},o._cleanTipClass=function(){var t=this.getTipElement(),e=t.getAttribute("class").match(Bn);null!==e&&e.length>0&&e.map(function(t){return t.trim()}).forEach(function(e){return t.classList.remove(e)})},i.jQueryInterface=function(t){return this.each(function(){var e=_t.getData(this,"bs.popover"),n="object"==typeof t?t:null;if((e||!/dispose|hide/.test(t))&&(e||(e=new i(this,n),_t.setData(this,"bs.popover",e)),"string"==typeof t)){if(void 0===e[t])throw new TypeError('No method named "'+t+'"');e[t]()}})},i.getInstance=function(t){return _t.getData(t,"bs.popover")},$(i,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}},{key:"Default",get:function(){return Fn}},{key:"NAME",get:function(){return Rn}},{key:"DATA_KEY",get:function(){return"bs.popover"}},{key:"Event",get:function(){return Un}},{key:"EVENT_KEY",get:function(){return".bs.popover"}},{key:"DefaultType",get:function(){return Wn}}]),i}(Pn),Kn=mt();if(Kn){var Vn=Kn.fn.popover;Kn.fn.popover=Qn.jQueryInterface,Kn.fn.popover.Constructor=Qn,Kn.fn.popover.noConflict=function(){return Kn.fn.popover=Vn,Qn.jQueryInterface}}var qn="scrollspy",Yn="bs.scrollspy",zn="."+Yn,Xn={offset:10,method:"auto",target:""},Gn={offset:"number",method:"string",target:"(string|element)"},$n="activate"+zn,Zn="scroll"+zn,Jn="load"+zn+".data-api",ti="dropdown-item",ei=".nav-link",ni=".list-group-item",ii=function(){function t(t,e){var n=this;this._element=t,this._scrollElement="BODY"===t.tagName?window:t,this._config=this._getConfig(e),this._selector=this._config.target+" "+ei+", "+this._config.target+" "+ni+", "+this._config.target+" ."+ti,this._offsets=[],this._targets=[],this._activeTarget=null,this._scrollHeight=0,Ht.on(this._scrollElement,Zn,function(t){return n._process(t)}),this.refresh(),this._process(),_t.setData(t,Yn,this)}var e=t.prototype;return e.refresh=function(){var t=this,e=this._scrollElement===this._scrollElement.window?"offset":"position",n="auto"===this._config.method?e:this._config.method,i="position"===n?this._getScrollTop():0;this._offsets=[],this._targets=[],this._scrollHeight=this._getScrollHeight(),te.find(this._selector).map(function(t){var e=st(t),o=e?te.findOne(e):null;if(o){var r=o.getBoundingClientRect();if(r.width||r.height)return[Jt[n](o).top+i,e]}return null}).filter(function(t){return t}).sort(function(t,e){return t[0]-e[0]}).forEach(function(e){t._offsets.push(e[0]),t._targets.push(e[1])})},e.dispose=function(){_t.removeData(this._element,Yn),Ht.off(this._scrollElement,zn),this._element=null,this._scrollElement=null,this._config=null,this._selector=null,this._offsets=null,this._targets=null,this._activeTarget=null,this._scrollHeight=null},e._getConfig=function(t){if("string"!=typeof(t=Z({},Xn,"object"==typeof t&&t?t:{})).target&&ft(t.target)){var e=t.target.id;e||(e=ot(qn),t.target.id=e),t.target="#"+e}return ht(qn,t,Gn),t},e._getScrollTop=function(){return this._scrollElement===window?this._scrollElement.pageYOffset:this._scrollElement.scrollTop},e._getScrollHeight=function(){return this._scrollElement.scrollHeight||Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)},e._getOffsetHeight=function(){return this._scrollElement===window?window.innerHeight:this._scrollElement.getBoundingClientRect().height},e._process=function(){var t=this._getScrollTop()+this._config.offset,e=this._getScrollHeight(),n=this._config.offset+e-this._getOffsetHeight();if(this._scrollHeight!==e&&this.refresh(),t>=n){var i=this._targets[this._targets.length-1];this._activeTarget!==i&&this._activate(i)}else{if(this._activeTarget&&t<this._offsets[0]&&this._offsets[0]>0)return this._activeTarget=null,void this._clear();for(var o=this._offsets.length;o--;){this._activeTarget!==this._targets[o]&&t>=this._offsets[o]&&(void 0===this._offsets[o+1]||t<this._offsets[o+1])&&this._activate(this._targets[o])}}},e._activate=function(t){this._activeTarget=t,this._clear();var e=this._selector.split(",").map(function(e){return e+'[data-target="'+t+'"],'+e+'[href="'+t+'"]'}),n=te.findOne(e.join(","));n.classList.contains(ti)?(te.findOne(".dropdown-toggle",n.closest(".dropdown")).classList.add("active"),n.classList.add("active")):(n.classList.add("active"),te.parents(n,".nav, .list-group").forEach(function(t){te.prev(t,ei+", "+ni).forEach(function(t){return t.classList.add("active")}),te.prev(t,".nav-item").forEach(function(t){te.children(t,ei).forEach(function(t){return t.classList.add("active")})})})),Ht.trigger(this._scrollElement,$n,{relatedTarget:t})},e._clear=function(){te.find(this._selector).filter(function(t){return t.classList.contains("active")}).forEach(function(t){return t.classList.remove("active")})},t.jQueryInterface=function(e){return this.each(function(){var n=_t.getData(this,Yn);if(n||(n=new t(this,"object"==typeof e&&e)),"string"==typeof e){if(void 0===n[e])throw new TypeError('No method named "'+e+'"');n[e]()}})},t.getInstance=function(t){return _t.getData(t,Yn)},$(t,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}},{key:"Default",get:function(){return Xn}}]),t}();Ht.on(window,Jn,function(){te.find('[data-spy="scroll"]').forEach(function(t){return new ii(t,Jt.getDataAttributes(t))})});var oi=mt();if(oi){var ri=oi.fn[qn];oi.fn[qn]=ii.jQueryInterface,oi.fn[qn].Constructor=ii,oi.fn[qn].noConflict=function(){return oi.fn[qn]=ri,ii.jQueryInterface}}var si="bs.tab",ai="."+si,li="hide"+ai,ci="hidden"+ai,fi="show"+ai,ui="shown"+ai,hi="click"+ai+".data-api",di=function(){function t(t){this._element=t,_t.setData(this._element,si,this)}var e=t.prototype;return e.show=function(){var t=this;if(!(this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE&&this._element.classList.contains("active")||this._element.classList.contains("disabled"))){var e,n=at(this._element),i=this._element.closest(".nav, .list-group");if(i){var o="UL"===i.nodeName||"OL"===i.nodeName?":scope > li > .active":".active";e=(e=te.find(o,i))[e.length-1]}var r=null;if(e&&(r=Ht.trigger(e,li,{relatedTarget:this._element})),!(Ht.trigger(this._element,fi,{relatedTarget:e}).defaultPrevented||null!==r&&r.defaultPrevented)){this._activate(this._element,i);var s=function(){Ht.trigger(e,ci,{relatedTarget:t._element}),Ht.trigger(t._element,ui,{relatedTarget:e})};n?this._activate(n,n.parentNode,s):s()}}},e.dispose=function(){_t.removeData(this._element,si),this._element=null},e._activate=function(t,e,n){var i=this,o=(!e||"UL"!==e.nodeName&&"OL"!==e.nodeName?te.children(e,".active"):te.find(":scope > li > .active",e))[0],r=n&&o&&o.classList.contains("fade"),s=function(){return i._transitionComplete(t,o,n)};if(o&&r){var a=lt(o);o.classList.remove("show"),Ht.one(o,it,s),ut(o,a)}else s()},e._transitionComplete=function(t,e,n){if(e){e.classList.remove("active");var i=te.findOne(":scope > .dropdown-menu .active",e.parentNode);i&&i.classList.remove("active"),"tab"===e.getAttribute("role")&&e.setAttribute("aria-selected",!1)}(t.classList.add("active"),"tab"===t.getAttribute("role")&&t.setAttribute("aria-selected",!0),gt(t),t.classList.contains("fade")&&t.classList.add("show"),t.parentNode&&t.parentNode.classList.contains("dropdown-menu"))&&(t.closest(".dropdown")&&te.find(".dropdown-toggle").forEach(function(t){return t.classList.add("active")}),t.setAttribute("aria-expanded",!0));n&&n()},t.jQueryInterface=function(e){return this.each(function(){var n=_t.getData(this,si)||new t(this);if("string"==typeof e){if(void 0===n[e])throw new TypeError('No method named "'+e+'"');n[e]()}})},t.getInstance=function(t){return _t.getData(t,si)},$(t,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}}]),t}();Ht.on(document,hi,'[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',function(t){t.preventDefault(),(_t.getData(this,si)||new di(this)).show()});var pi=mt();if(pi){var gi=pi.fn.tab;pi.fn.tab=di.jQueryInterface,pi.fn.tab.Constructor=di,pi.fn.tab.noConflict=function(){return pi.fn.tab=gi,di.jQueryInterface}}var mi="bs.toast",vi="."+mi,_i="click.dismiss"+vi,bi="hide"+vi,yi="hidden"+vi,wi="show"+vi,Ei="shown"+vi,Ti={animation:"boolean",autohide:"boolean",delay:"number"},Di={animation:!0,autohide:!0,delay:5e3},Li=function(){function t(t,e){this._element=t,this._config=this._getConfig(e),this._timeout=null,this._setListeners(),_t.setData(t,mi,this)}var e=t.prototype;return e.show=function(){var t=this;if(!Ht.trigger(this._element,wi).defaultPrevented){this._clearTimeout(),this._config.animation&&this._element.classList.add("fade");var e=function(){t._element.classList.remove("showing"),t._element.classList.add("show"),Ht.trigger(t._element,Ei),t._config.autohide&&(t._timeout=setTimeout(function(){t.hide()},t._config.delay))};if(this._element.classList.remove("hide"),gt(this._element),this._element.classList.add("showing"),this._config.animation){var n=lt(this._element);Ht.one(this._element,it,e),ut(this._element,n)}else e()}},e.hide=function(){var t=this;if(this._element.classList.contains("show")&&!Ht.trigger(this._element,bi).defaultPrevented){var e=function(){t._element.classList.add("hide"),Ht.trigger(t._element,yi)};if(this._element.classList.remove("show"),this._config.animation){var n=lt(this._element);Ht.one(this._element,it,e),ut(this._element,n)}else e()}},e.dispose=function(){this._clearTimeout(),this._element.classList.contains("show")&&this._element.classList.remove("show"),Ht.off(this._element,_i),_t.removeData(this._element,mi),this._element=null,this._config=null},e._getConfig=function(t){return t=Z({},Di,Jt.getDataAttributes(this._element),"object"==typeof t&&t?t:{}),ht("toast",t,this.constructor.DefaultType),t},e._setListeners=function(){var t=this;Ht.on(this._element,_i,'[data-dismiss="toast"]',function(){return t.hide()})},e._clearTimeout=function(){clearTimeout(this._timeout),this._timeout=null},t.jQueryInterface=function(e){return this.each(function(){var n=_t.getData(this,mi);if(n||(n=new t(this,"object"==typeof e&&e)),"string"==typeof e){if(void 0===n[e])throw new TypeError('No method named "'+e+'"');n[e](this)}})},t.getInstance=function(t){return _t.getData(t,mi)},$(t,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}},{key:"DefaultType",get:function(){return Ti}},{key:"Default",get:function(){return Di}}]),t}(),Ci=mt();if(Ci){var ki=Ci.fn.toast;Ci.fn.toast=Li.jQueryInterface,Ci.fn.toast.Constructor=Li,Ci.fn.toast.noConflict=function(){return Ci.fn.toast=ki,Li.jQueryInterface}}[].slice.call(document.querySelectorAll('[data-toggle="tooltip"]')).map(function(t){return new bootstrap.Tooltip(t,{delay:{show:50,hide:50},html:!0,placement:"auto"})}),[].slice.call(document.querySelectorAll('[data-toggle="popover"]')).map(function(t){return new bootstrap.Popover(t,{delay:{show:50,hide:50},html:!0,placement:"auto"})})});
\ No newline at end of file
+!function(t){"function"==typeof define&&define.amd?define(t):t()}(function(){"use strict";"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;var t,e,n=(function(t,e){!function(t,e){var n,u,i="function"==typeof Map?new Map:(n=[],u=[],{has:function(t){return n.indexOf(t)>-1},get:function(t){return u[n.indexOf(t)]},set:function(t,e){-1===n.indexOf(t)&&(n.push(t),u.push(e))},delete:function(t){var e=n.indexOf(t);e>-1&&(n.splice(e,1),u.splice(e,1))}}),r=function(t){return new Event(t,{bubbles:!0})};try{new Event("test")}catch(t){r=function(t){var e=document.createEvent("Event");return e.initEvent(t,!0,!1),e}}function s(t){if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!i.has(t)){var e=null,n=null,u=null,s=function(){t.clientWidth!==n&&c()},a=function(e){window.removeEventListener("resize",s,!1),t.removeEventListener("input",c,!1),t.removeEventListener("keyup",c,!1),t.removeEventListener("autosize:destroy",a,!1),t.removeEventListener("autosize:update",c,!1),Object.keys(e).forEach(function(n){t.style[n]=e[n]}),i.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",a,!1),"onpropertychange"in t&&"oninput"in t&&t.addEventListener("keyup",c,!1),window.addEventListener("resize",s,!1),t.addEventListener("input",c,!1),t.addEventListener("autosize:update",c,!1),t.style.overflowX="hidden",t.style.wordWrap="break-word",i.set(t,{destroy:a,update:c}),"vertical"===(o=window.getComputedStyle(t,null)).resize?t.style.resize="none":"both"===o.resize&&(t.style.resize="horizontal"),e="content-box"===o.boxSizing?-(parseFloat(o.paddingTop)+parseFloat(o.paddingBottom)):parseFloat(o.borderTopWidth)+parseFloat(o.borderBottomWidth),isNaN(e)&&(e=0),c()}var o;function l(e){var n=t.style.width;t.style.width="0px",t.offsetWidth,t.style.width=n,t.style.overflowY=e}function h(){if(0!==t.scrollHeight){var u=function(t){for(var e=[];t&&t.parentNode&&t.parentNode instanceof Element;)t.parentNode.scrollTop&&e.push({node:t.parentNode,scrollTop:t.parentNode.scrollTop}),t=t.parentNode;return e}(t),i=document.documentElement&&document.documentElement.scrollTop;t.style.height="",t.style.height=t.scrollHeight+e+"px",n=t.clientWidth,u.forEach(function(t){t.node.scrollTop=t.scrollTop}),i&&(document.documentElement.scrollTop=i)}}function c(){h();var e=Math.round(parseFloat(t.style.height)),n=window.getComputedStyle(t,null),i="content-box"===n.boxSizing?Math.round(parseFloat(n.height)):t.offsetHeight;if(i<e?"hidden"===n.overflowY&&(l("scroll"),h(),i="content-box"===n.boxSizing?Math.round(parseFloat(window.getComputedStyle(t,null).height)):t.offsetHeight):"hidden"!==n.overflowY&&(l("hidden"),h(),i="content-box"===n.boxSizing?Math.round(parseFloat(window.getComputedStyle(t,null).height)):t.offsetHeight),u!==i){u=i;var s=r("autosize:resized");try{t.dispatchEvent(s)}catch(t){}}}}function a(t){var e=i.get(t);e&&e.destroy()}function o(t){var e=i.get(t);e&&e.update()}var l=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?((l=function(t){return t}).destroy=function(t){return t},l.update=function(t){return t}):((l=function(t,e){return t&&Array.prototype.forEach.call(t.length?t:[t],function(t){return s(t)}),t}).destroy=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],a),t},l.update=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],o),t}),e.default=l,t.exports=e.default}(t,e)}(e={path:t,exports:{},require:function(t,n){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}(null==n&&e.path)}},e.exports),e.exports),u=document.querySelectorAll('[data-toggle="autosize"]');function i(t){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function s(t,e){for(var n=0;n<e.length;n++){var u=e[n];u.enumerable=u.enumerable||!1,u.configurable=!0,"value"in u&&(u.writable=!0),Object.defineProperty(t,u.key,u)}}function a(t,e,n){return e&&s(t.prototype,e),n&&s(t,n),t}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&h(t,e)}function l(t){return(l=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function h(t,e){return(h=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function c(t,e){if(null==t)return{};var n,u,i=function(t,e){if(null==t)return{};var n,u,i={},r=Object.keys(t);for(u=0;u<r.length;u++)n=r[u],e.indexOf(n)>=0||(i[n]=t[n]);return i}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(u=0;u<r.length;u++)n=r[u],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(i[n]=t[n])}return i}function d(t,e){return!e||"object"!=typeof e&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function f(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=l(t)););return t}function p(t,e,n){return(p="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var u=f(t,e);if(u){var i=Object.getOwnPropertyDescriptor(u,e);return i.get?i.get.call(n):i.value}})(t,e,n||t)}function v(t,e,n,u){return(v="undefined"!=typeof Reflect&&Reflect.set?Reflect.set:function(t,e,n,u){var i,r=f(t,e);if(r){if((i=Object.getOwnPropertyDescriptor(r,e)).set)return i.set.call(u,n),!0;if(!i.writable)return!1}if(i=Object.getOwnPropertyDescriptor(u,e)){if(!i.writable)return!1;i.value=n,Object.defineProperty(u,e,i)}else!function(t,e,n){e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n}(u,e,n);return!0})(t,e,n,u)}function k(t,e,n,u,i){if(!v(t,e,n,u||t)&&i)throw new Error("failed to set property");return n}function g(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;var n=[],u=!0,i=!1,r=void 0;try{for(var s,a=t[Symbol.iterator]();!(u=(s=a.next()).done)&&(n.push(s.value),!e||n.length!==e);u=!0);}catch(t){i=!0,r=t}finally{try{u||null==a.return||a.return()}finally{if(i)throw r}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function y(t){return"string"==typeof t||t instanceof String}u.length&&u.forEach(function(t){n(t)});var m={NONE:"NONE",LEFT:"LEFT",FORCE_LEFT:"FORCE_LEFT",RIGHT:"RIGHT",FORCE_RIGHT:"FORCE_RIGHT"};function _(t){return t.replace(/([.*+?^=!:${}()|[\]\/\\])/g,"\\$1")}var A=function(){function t(e,n,u,i){for(r(this,t),this.value=e,this.cursorPos=n,this.oldValue=u,this.oldSelection=i;this.value.slice(0,this.startChangePos)!==this.oldValue.slice(0,this.startChangePos);)--this.oldSelection.start}return a(t,[{key:"startChangePos",get:function(){return Math.min(this.cursorPos,this.oldSelection.start)}},{key:"insertedCount",get:function(){return this.cursorPos-this.startChangePos}},{key:"inserted",get:function(){return this.value.substr(this.startChangePos,this.insertedCount)}},{key:"removedCount",get:function(){return Math.max(this.oldSelection.end-this.startChangePos||this.oldValue.length-this.value.length,0)}},{key:"removed",get:function(){return this.oldValue.substr(this.startChangePos,this.removedCount)}},{key:"head",get:function(){return this.value.substring(0,this.startChangePos)}},{key:"tail",get:function(){return this.value.substring(this.startChangePos+this.insertedCount)}},{key:"removeDirection",get:function(){return!this.removedCount||this.insertedCount?m.NONE:this.oldSelection.end===this.cursorPos||this.oldSelection.start===this.cursorPos?m.RIGHT:m.LEFT}}]),t}(),E=function(){function t(e){r(this,t),Object.assign(this,{inserted:"",rawInserted:"",skip:!1,tailShift:0},e)}return a(t,[{key:"aggregate",value:function(t){return this.rawInserted+=t.rawInserted,this.skip=this.skip||t.skip,this.inserted+=t.inserted,this.tailShift+=t.tailShift,this}},{key:"offset",get:function(){return this.tailShift+this.inserted.length}}]),t}(),C=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,u=arguments.length>2?arguments[2]:void 0;r(this,t),this.value=e,this.from=n,this.stop=u}return a(t,[{key:"toString",value:function(){return this.value}},{key:"extend",value:function(t){this.value+=String(t)}},{key:"appendTo",value:function(t){return t.append(this.toString(),{tail:!0}).aggregate(t._appendPlaceholder())}},{key:"shiftBefore",value:function(t){if(this.from>=t||!this.value.length)return"";var e=this.value[0];return this.value=this.value.slice(1),e}},{key:"state",get:function(){return{value:this.value,from:this.from,stop:this.stop}},set:function(t){Object.assign(this,t)}}]),t}();function F(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new F.InputMask(t,e)}var b=function(){function t(e){r(this,t),this._value="",this._update(Object.assign({},t.DEFAULTS,{},e)),this.isInitialized=!0}return a(t,[{key:"updateOptions",value:function(t){Object.keys(t).length&&this.withValueRefresh(this._update.bind(this,t))}},{key:"_update",value:function(t){Object.assign(this,t)}},{key:"reset",value:function(){this._value=""}},{key:"resolve",value:function(t){return this.reset(),this.append(t,{input:!0},""),this.doCommit(),this.value}},{key:"nearestInputPos",value:function(t,e){return t}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return this.value.slice(t,e)}},{key:"extractTail",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return new C(this.extractInput(t,e),t)}},{key:"appendTail",value:function(t){return y(t)&&(t=new C(String(t))),t.appendTo(this)}},{key:"_appendCharRaw",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return(t=this.doPrepare(t,e))?(this._value+=t,new E({inserted:t,rawInserted:t})):new E}},{key:"_appendChar",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0,u=this.state,i=this._appendCharRaw(t,e);if(i.inserted){var r,s=!1!==this.doValidate(e);if(s&&null!=n){var a=this.state;this.overwrite&&(r=n.state,n.shiftBefore(this.value.length));var o=this.appendTail(n);(s=o.rawInserted===n.toString())&&o.inserted&&(this.state=a)}s||(i=new E,this.state=u,n&&r&&(n.state=r))}return i}},{key:"_appendPlaceholder",value:function(){return new E}},{key:"append",value:function(t,e,n){if(!y(t))throw new Error("value should be string");var u=new E,i=y(n)?new C(String(n)):n;e.tail&&(e._beforeTailState=this.state);for(var r=0;r<t.length;++r)u.aggregate(this._appendChar(t[r],e,i));return null!=i&&(u.tailShift+=this.appendTail(i).tailShift),u}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return this._value=this.value.slice(0,t)+this.value.slice(e),new E}},{key:"withValueRefresh",value:function(t){if(this._refreshing||!this.isInitialized)return t();this._refreshing=!0;var e=this.rawInputValue,n=this.value,u=t();return this.rawInputValue=e,this.value!==n&&0===n.indexOf(this.value)&&this.append(n.slice(this.value.length),{},""),delete this._refreshing,u}},{key:"runIsolated",value:function(t){if(this._isolated||!this.isInitialized)return t(this);this._isolated=!0;var e=this.state,n=t(this);return this.state=e,delete this._isolated,n}},{key:"doPrepare",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.prepare?this.prepare(t,this,e):t}},{key:"doValidate",value:function(t){return(!this.validate||this.validate(this.value,this,t))&&(!this.parent||this.parent.doValidate(t))}},{key:"doCommit",value:function(){this.commit&&this.commit(this.value,this)}},{key:"doFormat",value:function(t){return this.format?this.format(t,this):t}},{key:"doParse",value:function(t){return this.parse?this.parse(t,this):t}},{key:"splice",value:function(t,e,n,u){var i=t+e,r=this.extractTail(i),s=this.nearestInputPos(t,u);return new E({tailShift:s-t}).aggregate(this.remove(s)).aggregate(this.append(n,{input:!0},r))}},{key:"state",get:function(){return{_value:this.value}},set:function(t){this._value=t._value}},{key:"value",get:function(){return this._value},set:function(t){this.resolve(t)}},{key:"unmaskedValue",get:function(){return this.value},set:function(t){this.reset(),this.append(t,{},""),this.doCommit()}},{key:"typedValue",get:function(){return this.doParse(this.value)},set:function(t){this.value=this.doFormat(t)}},{key:"rawInputValue",get:function(){return this.extractInput(0,this.value.length,{raw:!0})},set:function(t){this.reset(),this.append(t,{raw:!0},""),this.doCommit()}},{key:"isComplete",get:function(){return!0}}]),t}();function S(t){if(null==t)throw new Error("mask property should be defined");return t instanceof RegExp?F.MaskedRegExp:y(t)?F.MaskedPattern:t instanceof Date||t===Date?F.MaskedDate:t instanceof Number||"number"==typeof t||t===Number?F.MaskedNumber:Array.isArray(t)||t===Array?F.MaskedDynamic:F.Masked&&t.prototype instanceof F.Masked?t:t instanceof Function?F.MaskedFunction:t instanceof F.Masked?t.constructor:(console.warn("Mask not found for mask",t),F.Masked)}function D(t){if(F.Masked&&t instanceof F.Masked)return t;var e=(t=Object.assign({},t)).mask;if(F.Masked&&e instanceof F.Masked)return e;var n=S(e);if(!n)throw new Error("Masked class is not found for provided mask, appropriate module needs to be import manually before creating mask.");return new n(t)}b.DEFAULTS={format:function(t){return t},parse:function(t){return t}},F.Masked=b,F.createMask=D;var w={0:/\d/,a:/[\u0041-\u005A\u0061-\u007A\u00AA\u00B5\u00BA\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0\u08A2-\u08AC\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097F\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C33\u0C35-\u0C39\u0C3D\u0C58\u0C59\u0C60\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D60\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F4\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191C\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19C1-\u19C7\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FCC\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA697\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA78E\uA790-\uA793\uA7A0-\uA7AA\uA7F8-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA80-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uABC0-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]/,"*":/./},B=function(){function t(e){r(this,t);var n=e.mask,u=c(e,["mask"]);this.masked=D({mask:n}),Object.assign(this,u)}return a(t,[{key:"reset",value:function(){this._isFilled=!1,this.masked.reset()}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return 0===t&&e>=1?(this._isFilled=!1,this.masked.remove(t,e)):new E}},{key:"_appendChar",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(this._isFilled)return new E;var n=this.masked.state,u=this.masked._appendChar(t,e);return u.inserted&&!1===this.doValidate(e)&&(u.inserted=u.rawInserted="",this.masked.state=n),u.inserted||this.isOptional||this.lazy||e.input||(u.inserted=this.placeholderChar),u.skip=!u.inserted&&!this.isOptional,this._isFilled=Boolean(u.inserted),u}},{key:"append",value:function(){var t;return(t=this.masked).append.apply(t,arguments)}},{key:"_appendPlaceholder",value:function(){var t=new E;return this._isFilled||this.isOptional?t:(this._isFilled=!0,t.inserted=this.placeholderChar,t)}},{key:"extractTail",value:function(){var t;return(t=this.masked).extractTail.apply(t,arguments)}},{key:"appendTail",value:function(){var t;return(t=this.masked).appendTail.apply(t,arguments)}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,n=arguments.length>2?arguments[2]:void 0;return this.masked.extractInput(t,e,n)}},{key:"nearestInputPos",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m.NONE,n=this.value.length,u=Math.min(Math.max(t,0),n);switch(e){case m.LEFT:case m.FORCE_LEFT:return this.isComplete?u:0;case m.RIGHT:case m.FORCE_RIGHT:return this.isComplete?u:n;case m.NONE:default:return u}}},{key:"doValidate",value:function(){var t,e;return(t=this.masked).doValidate.apply(t,arguments)&&(!this.parent||(e=this.parent).doValidate.apply(e,arguments))}},{key:"doCommit",value:function(){this.masked.doCommit()}},{key:"value",get:function(){return this.masked.value||(this._isFilled&&!this.isOptional?this.placeholderChar:"")}},{key:"unmaskedValue",get:function(){return this.masked.unmaskedValue}},{key:"isComplete",get:function(){return Boolean(this.masked.value)||this.isOptional}},{key:"state",get:function(){return{masked:this.masked.state,_isFilled:this._isFilled}},set:function(t){this.masked.state=t.masked,this._isFilled=t._isFilled}}]),t}(),x=function(){function t(e){r(this,t),Object.assign(this,e),this._value=""}return a(t,[{key:"reset",value:function(){this._isRawInput=!1,this._value=""}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this._value.length;return this._value=this._value.slice(0,t)+this._value.slice(e),this._value||(this._isRawInput=!1),new E}},{key:"nearestInputPos",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m.NONE,n=this._value.length;switch(e){case m.LEFT:case m.FORCE_LEFT:return 0;case m.NONE:case m.RIGHT:case m.FORCE_RIGHT:default:return n}}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this._value.length;return(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).raw&&this._isRawInput&&this._value.slice(t,e)||""}},{key:"_appendChar",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=new E;if(this._value)return n;var u=this.char===t[0]&&(this.isUnmasking||e.input||e.raw)&&!e.tail;return u&&(n.rawInserted=this.char),this._value=n.inserted=this.char,this._isRawInput=u&&(e.raw||e.input),n}},{key:"_appendPlaceholder",value:function(){var t=new E;return this._value?t:(this._value=t.inserted=this.char,t)}},{key:"extractTail",value:function(){arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return new C("")}},{key:"appendTail",value:function(t){return y(t)&&(t=new C(String(t))),t.appendTo(this)}},{key:"append",value:function(t,e,n){var u=this._appendChar(t,e);return null!=n&&(u.tailShift+=this.appendTail(n).tailShift),u}},{key:"doCommit",value:function(){}},{key:"value",get:function(){return this._value}},{key:"unmaskedValue",get:function(){return this.isUnmasking?this.value:""}},{key:"isComplete",get:function(){return!0}},{key:"state",get:function(){return{_value:this._value,_isRawInput:this._isRawInput}},set:function(t){Object.assign(this,t)}}]),t}(),T=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;r(this,t),this.chunks=e,this.from=n}return a(t,[{key:"toString",value:function(){return this.chunks.map(String).join("")}},{key:"extend",value:function(e){if(String(e)){y(e)&&(e=new C(String(e)));var n=this.chunks[this.chunks.length-1],u=n&&(n.stop===e.stop||null==e.stop)&&e.from===n.from+n.toString().length;if(e instanceof C)u?n.extend(e.toString()):this.chunks.push(e);else if(e instanceof t){if(null==e.stop)for(var i;e.chunks.length&&null==e.chunks[0].stop;)(i=e.chunks.shift()).from+=e.from,this.extend(i);e.toString()&&(e.stop=e.blockIndex,this.chunks.push(e))}}}},{key:"appendTo",value:function(e){if(!(e instanceof F.MaskedPattern))return new C(this.toString()).appendTo(e);for(var n=new E,u=0;u<this.chunks.length&&!n.skip;++u){var i=this.chunks[u],r=e._mapPosToBlock(e.value.length),s=i.stop,a=void 0;if(null!=s&&(!r||r.index<=s)&&((i instanceof t||e._stops.indexOf(s)>=0)&&n.aggregate(e._appendPlaceholder(s)),a=i instanceof t&&e._blocks[s]),a){var o=a.appendTail(i);o.skip=!1,n.aggregate(o),e._value+=o.inserted;var l=i.toString().slice(o.rawInserted.length);l&&n.aggregate(e.append(l,{tail:!0}))}else n.aggregate(e.append(i.toString(),{tail:!0}))}return n}},{key:"shiftBefore",value:function(t){if(this.from>=t||!this.chunks.length)return"";for(var e=t-this.from,n=0;n<this.chunks.length;){var u=this.chunks[n],i=u.shiftBefore(e);if(u.toString()){if(!i)break;++n}else this.chunks.splice(n,1);if(i)return i}return""}},{key:"state",get:function(){return{chunks:this.chunks.map(function(t){return t.state}),from:this.from,stop:this.stop,blockIndex:this.blockIndex}},set:function(e){var n=e.chunks,u=c(e,["chunks"]);Object.assign(this,u),this.chunks=n.map(function(e){var n="chunks"in e?new t:new C;return n.state=e,n})}}]),t}(),O=function(t){function e(){return r(this,e),d(this,l(e).apply(this,arguments))}return o(e,b),a(e,[{key:"_update",value:function(t){t.mask&&(t.validate=function(e){return e.search(t.mask)>=0}),p(l(e.prototype),"_update",this).call(this,t)}}]),e}();F.MaskedRegExp=O;var M=function(t){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return r(this,e),t.definitions=Object.assign({},w,t.definitions),d(this,l(e).call(this,Object.assign({},e.DEFAULTS,{},t)))}return o(e,b),a(e,[{key:"_update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.definitions=Object.assign({},this.definitions,t.definitions),p(l(e.prototype),"_update",this).call(this,t),this._rebuildMask()}},{key:"_rebuildMask",value:function(){var t=this,n=this.definitions;this._blocks=[],this._stops=[],this._maskedBlocks={};var u=this.mask;if(u&&n)for(var i=!1,r=!1,s=0;s<u.length;++s){if(this.blocks)if("continue"===function(){var e=u.slice(s),n=Object.keys(t.blocks).filter(function(t){return 0===e.indexOf(t)});n.sort(function(t,e){return e.length-t.length});var i=n[0];if(i){var r=D(Object.assign({parent:t,lazy:t.lazy,placeholderChar:t.placeholderChar,overwrite:t.overwrite},t.blocks[i]));return r&&(t._blocks.push(r),t._maskedBlocks[i]||(t._maskedBlocks[i]=[]),t._maskedBlocks[i].push(t._blocks.length-1)),s+=i.length-1,"continue"}}())continue;var a=u[s],o=a in n;if(a!==e.STOP_CHAR)if("{"!==a&&"}"!==a)if("["!==a&&"]"!==a){if(a===e.ESCAPE_CHAR){if(!(a=u[++s]))break;o=!1}var l=o?new B({parent:this,lazy:this.lazy,placeholderChar:this.placeholderChar,mask:n[a],isOptional:r}):new x({char:a,isUnmasking:i});this._blocks.push(l)}else r=!r;else i=!i;else this._stops.push(this._blocks.length)}}},{key:"reset",value:function(){p(l(e.prototype),"reset",this).call(this),this._blocks.forEach(function(t){return t.reset()})}},{key:"doCommit",value:function(){this._blocks.forEach(function(t){return t.doCommit()}),p(l(e.prototype),"doCommit",this).call(this)}},{key:"appendTail",value:function(t){return p(l(e.prototype),"appendTail",this).call(this,t).aggregate(this._appendPlaceholder())}},{key:"_appendCharRaw",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t=this.doPrepare(t,e);var n=this._mapPosToBlock(this.value.length),u=new E;if(!n)return u;for(var i=n.index;;++i){var r=this._blocks[i];if(!r)break;var s=r._appendChar(t,e),a=s.skip;if(u.aggregate(s),a||s.rawInserted)break}return u}},{key:"extractTail",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,u=new T;return e===n?u:(this._forEachBlocksInRange(e,n,function(e,n,i,r){var s=e.extractTail(i,r);s.stop=t._findStopBefore(n),s.from=t._blockStartPos(n),s instanceof T&&(s.blockIndex=n),u.extend(s)}),u)}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(t===e)return"";var u="";return this._forEachBlocksInRange(t,e,function(t,e,i,r){u+=t.extractInput(i,r,n)}),u}},{key:"_findStopBefore",value:function(t){for(var e,n=0;n<this._stops.length;++n){var u=this._stops[n];if(!(u<=t))break;e=u}return e}},{key:"_appendPlaceholder",value:function(t){var e=this,n=new E;if(this.lazy&&null==t)return n;var u=this._mapPosToBlock(this.value.length);if(!u)return n;var i=u.index,r=null!=t?t:this._blocks.length;return this._blocks.slice(i,r).forEach(function(u){if(!u.lazy||null!=t){var i=null!=u._blocks?[u._blocks.length]:[],r=u._appendPlaceholder.apply(u,i);e._value+=r.inserted,n.aggregate(r)}}),n}},{key:"_mapPosToBlock",value:function(t){for(var e="",n=0;n<this._blocks.length;++n){var u=this._blocks[n],i=e.length;if(t<=(e+=u.value).length)return{index:n,offset:t-i}}}},{key:"_blockStartPos",value:function(t){return this._blocks.slice(0,t).reduce(function(t,e){return t+e.value.length},0)}},{key:"_forEachBlocksInRange",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,n=arguments.length>2?arguments[2]:void 0,u=this._mapPosToBlock(t);if(u){var i=this._mapPosToBlock(e),r=i&&u.index===i.index,s=u.offset,a=i&&r?i.offset:this._blocks[u.index].value.length;if(n(this._blocks[u.index],u.index,s,a),i&&!r){for(var o=u.index+1;o<i.index;++o)n(this._blocks[o],o,0,this._blocks[o].value.length);n(this._blocks[i.index],i.index,0,i.offset)}}}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,u=p(l(e.prototype),"remove",this).call(this,t,n);return this._forEachBlocksInRange(t,n,function(t,e,n,i){u.aggregate(t.remove(n,i))}),u}},{key:"nearestInputPos",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m.NONE,n=this._mapPosToBlock(t)||{index:0,offset:0},u=n.offset,i=n.index,r=this._blocks[i];if(!r)return t;var s=u;0!==s&&s<r.value.length&&(s=r.nearestInputPos(u,function(t){switch(t){case m.LEFT:return m.FORCE_LEFT;case m.RIGHT:return m.FORCE_RIGHT;default:return t}}(e)));var a=s===r.value.length;if(!(0===s)&&!a)return this._blockStartPos(i)+s;var o=a?i+1:i;if(e===m.NONE){if(o>0){var l=o-1,h=this._blocks[l],c=h.nearestInputPos(0,m.NONE);if(!h.value.length||c!==h.value.length)return this._blockStartPos(o)}for(var d=o;d<this._blocks.length;++d){var f=this._blocks[d],p=f.nearestInputPos(0,m.NONE);if(!f.value.length||p!==f.value.length)return this._blockStartPos(d)+p}for(var v=o-1;v>=0;--v){var k=this._blocks[v],g=k.nearestInputPos(0,m.NONE);if(!k.value.length||g!==k.value.length)return this._blockStartPos(v)+k.value.length}return t}if(e===m.LEFT||e===m.FORCE_LEFT){for(var y,_=o;_<this._blocks.length;++_)if(this._blocks[_].value){y=_;break}if(null!=y){var A=this._blocks[y],E=A.nearestInputPos(0,m.RIGHT);if(0===E&&A.unmaskedValue.length)return this._blockStartPos(y)+E}for(var C,F=-1,b=o-1;b>=0;--b){var S=this._blocks[b],D=S.nearestInputPos(S.value.length,m.FORCE_LEFT);if(S.value&&0===D||(C=b),0!==D){if(D!==S.value.length)return this._blockStartPos(b)+D;F=b;break}}if(e===m.LEFT)for(var w=F+1;w<=Math.min(o,this._blocks.length-1);++w){var B=this._blocks[w],x=B.nearestInputPos(0,m.NONE),T=this._blockStartPos(w)+x;if(T>t)break;if(x!==B.value.length)return T}if(F>=0)return this._blockStartPos(F)+this._blocks[F].value.length;if(e===m.FORCE_LEFT||this.lazy&&!this.extractInput()&&!function(t){if(!t)return!1;var e=t.value;return!e||t.nearestInputPos(0,m.NONE)!==e.length}(this._blocks[o]))return 0;if(null!=C)return this._blockStartPos(C);for(var O=o;O<this._blocks.length;++O){var M=this._blocks[O],P=M.nearestInputPos(0,m.NONE);if(!M.value.length||P!==M.value.length)return this._blockStartPos(O)+P}return 0}if(e===m.RIGHT||e===m.FORCE_RIGHT){for(var I,R,V=o;V<this._blocks.length;++V){var N=this._blocks[V],j=N.nearestInputPos(0,m.NONE);if(j!==N.value.length){R=this._blockStartPos(V)+j,I=V;break}}if(null!=I&&null!=R){for(var L=I;L<this._blocks.length;++L){var z=this._blocks[L],H=z.nearestInputPos(0,m.FORCE_RIGHT);if(H!==z.value.length)return this._blockStartPos(L)+H}return e===m.FORCE_RIGHT?this.value.length:R}for(var U=Math.min(o,this._blocks.length-1);U>=0;--U){var G=this._blocks[U],Y=G.nearestInputPos(G.value.length,m.LEFT);if(0!==Y){var W=this._blockStartPos(U)+Y;if(W>=t)return W;break}}}return t}},{key:"maskedBlock",value:function(t){return this.maskedBlocks(t)[0]}},{key:"maskedBlocks",value:function(t){var e=this,n=this._maskedBlocks[t];return n?n.map(function(t){return e._blocks[t]}):[]}},{key:"state",get:function(){return Object.assign({},p(l(e.prototype),"state",this),{_blocks:this._blocks.map(function(t){return t.state})})},set:function(t){var n=t._blocks,u=c(t,["_blocks"]);this._blocks.forEach(function(t,e){return t.state=n[e]}),k(l(e.prototype),"state",u,this,!0)}},{key:"isComplete",get:function(){return this._blocks.every(function(t){return t.isComplete})}},{key:"unmaskedValue",get:function(){return this._blocks.reduce(function(t,e){return t+e.unmaskedValue},"")},set:function(t){k(l(e.prototype),"unmaskedValue",t,this,!0)}},{key:"value",get:function(){return this._blocks.reduce(function(t,e){return t+e.value},"")},set:function(t){k(l(e.prototype),"value",t,this,!0)}}]),e}();M.DEFAULTS={lazy:!0,placeholderChar:"_"},M.STOP_CHAR="`",M.ESCAPE_CHAR="\\",M.InputDefinition=B,M.FixedDefinition=x,F.MaskedPattern=M;var P=function(t){function e(){return r(this,e),d(this,l(e).apply(this,arguments))}return o(e,M),a(e,[{key:"_update",value:function(t){t=Object.assign({to:this.to||0,from:this.from||0},t);var n=String(t.to).length;null!=t.maxLength&&(n=Math.max(n,t.maxLength)),t.maxLength=n;for(var u=String(t.from).padStart(n,"0"),i=String(t.to).padStart(n,"0"),r=0;r<i.length&&i[r]===u[r];)++r;t.mask=i.slice(0,r).replace(/0/g,"\\0")+"0".repeat(n-r),p(l(e.prototype),"_update",this).call(this,t)}},{key:"boundaries",value:function(t){var e="",n="",u=g(t.match(/^(\D*)(\d*)(\D*)/)||[],3),i=u[1],r=u[2];return r&&(e="0".repeat(i.length)+r,n="9".repeat(i.length)+r),[e=e.padEnd(this.maxLength,"0"),n=n.padEnd(this.maxLength,"9")]}},{key:"doPrepare",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(t=p(l(e.prototype),"doPrepare",this).call(this,t,n).replace(/\D/g,""),!this.autofix)return t;for(var u=String(this.from).padStart(this.maxLength,"0"),i=String(this.to).padStart(this.maxLength,"0"),r=this.value,s="",a=0;a<t.length;++a){var o=r+s+t[a],h=g(this.boundaries(o),2),c=h[0],d=h[1];Number(d)<this.from?s+=u[o.length-1]:Number(c)>this.to?s+=i[o.length-1]:s+=t[a]}return s}},{key:"doValidate",value:function(){var t,n=this.value;if(-1===n.search(/[^0]/)&&n.length<=this._matchFrom)return!0;for(var u=g(this.boundaries(n),2),i=u[0],r=u[1],s=arguments.length,a=new Array(s),o=0;o<s;o++)a[o]=arguments[o];return this.from<=Number(r)&&Number(i)<=this.to&&(t=p(l(e.prototype),"doValidate",this)).call.apply(t,[this].concat(a))}},{key:"_matchFrom",get:function(){return this.maxLength-String(this.from).length}},{key:"isComplete",get:function(){return p(l(e.prototype),"isComplete",this)&&Boolean(this.value)}}]),e}();F.MaskedRange=P;var I=function(t){function e(t){return r(this,e),d(this,l(e).call(this,Object.assign({},e.DEFAULTS,{},t)))}return o(e,M),a(e,[{key:"_update",value:function(t){t.mask===Date&&delete t.mask,t.pattern&&(t.mask=t.pattern);var n=t.blocks;t.blocks=Object.assign({},e.GET_DEFAULT_BLOCKS()),t.min&&(t.blocks.Y.from=t.min.getFullYear()),t.max&&(t.blocks.Y.to=t.max.getFullYear()),t.min&&t.max&&t.blocks.Y.from===t.blocks.Y.to&&(t.blocks.m.from=t.min.getMonth()+1,t.blocks.m.to=t.max.getMonth()+1,t.blocks.m.from===t.blocks.m.to&&(t.blocks.d.from=t.min.getDate(),t.blocks.d.to=t.max.getDate())),Object.assign(t.blocks,n),Object.keys(t.blocks).forEach(function(e){var n=t.blocks[e];"autofix"in n||(n.autofix=t.autofix)}),p(l(e.prototype),"_update",this).call(this,t)}},{key:"doValidate",value:function(){for(var t,n=this.date,u=arguments.length,i=new Array(u),r=0;r<u;r++)i[r]=arguments[r];return(t=p(l(e.prototype),"doValidate",this)).call.apply(t,[this].concat(i))&&(!this.isComplete||this.isDateExist(this.value)&&null!=n&&(null==this.min||this.min<=n)&&(null==this.max||n<=this.max))}},{key:"isDateExist",value:function(t){return this.format(this.parse(t,this),this).indexOf(t)>=0}},{key:"date",get:function(){return this.typedValue},set:function(t){this.typedValue=t}},{key:"typedValue",get:function(){return this.isComplete?p(l(e.prototype),"typedValue",this):null},set:function(t){k(l(e.prototype),"typedValue",t,this,!0)}}]),e}();I.DEFAULTS={pattern:"d{.}`m{.}`Y",format:function(t){return[String(t.getDate()).padStart(2,"0"),String(t.getMonth()+1).padStart(2,"0"),t.getFullYear()].join(".")},parse:function(t){var e=g(t.split("."),3),n=e[0],u=e[1],i=e[2];return new Date(i,u-1,n)}},I.GET_DEFAULT_BLOCKS=function(){return{d:{mask:P,from:1,to:31,maxLength:2},m:{mask:P,from:1,to:12,maxLength:2},Y:{mask:P,from:1900,to:9999}}},F.MaskedDate=I;var R=function(){function t(){r(this,t)}return a(t,[{key:"select",value:function(t,e){if(null!=t&&null!=e&&(t!==this.selectionStart||e!==this.selectionEnd))try{this._unsafeSelect(t,e)}catch(t){}}},{key:"_unsafeSelect",value:function(t,e){}},{key:"bindEvents",value:function(t){}},{key:"unbindEvents",value:function(){}},{key:"selectionStart",get:function(){var t;try{t=this._unsafeSelectionStart}catch(t){}return null!=t?t:this.value.length}},{key:"selectionEnd",get:function(){var t;try{t=this._unsafeSelectionEnd}catch(t){}return null!=t?t:this.value.length}},{key:"isActive",get:function(){return!1}}]),t}();F.MaskElement=R;var V=function(t){function e(t){var n;return r(this,e),(n=d(this,l(e).call(this))).input=t,n._handlers={},n}return o(e,R),a(e,[{key:"_unsafeSelect",value:function(t,e){this.input.setSelectionRange(t,e)}},{key:"bindEvents",value:function(t){var n=this;Object.keys(t).forEach(function(u){return n._toggleEventHandler(e.EVENTS_MAP[u],t[u])})}},{key:"unbindEvents",value:function(){var t=this;Object.keys(this._handlers).forEach(function(e){return t._toggleEventHandler(e)})}},{key:"_toggleEventHandler",value:function(t,e){this._handlers[t]&&(this.input.removeEventListener(t,this._handlers[t]),delete this._handlers[t]),e&&(this.input.addEventListener(t,e),this._handlers[t]=e)}},{key:"rootElement",get:function(){return this.input.getRootNode?this.input.getRootNode():document}},{key:"isActive",get:function(){return this.input===this.rootElement.activeElement}},{key:"_unsafeSelectionStart",get:function(){return this.input.selectionStart}},{key:"_unsafeSelectionEnd",get:function(){return this.input.selectionEnd}},{key:"value",get:function(){return this.input.value},set:function(t){this.input.value=t}}]),e}();V.EVENTS_MAP={selectionChange:"keydown",input:"input",drop:"drop",click:"click",focus:"focus",commit:"blur"},F.HTMLMaskElement=V;var N=function(t){function e(){return r(this,e),d(this,l(e).apply(this,arguments))}return o(e,V),a(e,[{key:"_unsafeSelect",value:function(t,e){if(this.rootElement.createRange){var n=this.rootElement.createRange();n.setStart(this.input.firstChild||this.input,t),n.setEnd(this.input.lastChild||this.input,e);var u=this.rootElement,i=u.getSelection&&u.getSelection();i&&(i.removeAllRanges(),i.addRange(n))}}},{key:"_unsafeSelectionStart",get:function(){var t=this.rootElement,e=t.getSelection&&t.getSelection();return e&&e.anchorOffset}},{key:"_unsafeSelectionEnd",get:function(){var t=this.rootElement,e=t.getSelection&&t.getSelection();return e&&this._unsafeSelectionStart+String(e).length}},{key:"value",get:function(){return this.input.textContent},set:function(t){this.input.textContent=t}}]),e}();F.HTMLContenteditableMaskElement=N;var j=function(){function t(e,n){r(this,t),this.el=e instanceof R?e:e.isContentEditable&&"INPUT"!==e.tagName&&"TEXTAREA"!==e.tagName?new N(e):new V(e),this.masked=D(n),this._listeners={},this._value="",this._unmaskedValue="",this._saveSelection=this._saveSelection.bind(this),this._onInput=this._onInput.bind(this),this._onChange=this._onChange.bind(this),this._onDrop=this._onDrop.bind(this),this._onFocus=this._onFocus.bind(this),this._onClick=this._onClick.bind(this),this.alignCursor=this.alignCursor.bind(this),this.alignCursorFriendly=this.alignCursorFriendly.bind(this),this._bindEvents(),this.updateValue(),this._onChange()}return a(t,[{key:"maskEquals",value:function(t){return null==t||t===this.masked.mask||t===Date&&this.masked instanceof I}},{key:"_bindEvents",value:function(){this.el.bindEvents({selectionChange:this._saveSelection,input:this._onInput,drop:this._onDrop,click:this._onClick,focus:this._onFocus,commit:this._onChange})}},{key:"_unbindEvents",value:function(){this.el&&this.el.unbindEvents()}},{key:"_fireEvent",value:function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),u=1;u<e;u++)n[u-1]=arguments[u];var i=this._listeners[t];i&&i.forEach(function(t){return t.apply(void 0,n)})}},{key:"_saveSelection",value:function(){this.value!==this.el.value&&console.warn("Element value was changed outside of mask. Syncronize mask using `mask.updateValue()` to work properly."),this._selection={start:this.selectionStart,end:this.cursorPos}}},{key:"updateValue",value:function(){this.masked.value=this.el.value,this._value=this.masked.value}},{key:"updateControl",value:function(){var t=this.masked.unmaskedValue,e=this.masked.value,n=this.unmaskedValue!==t||this.value!==e;this._unmaskedValue=t,this._value=e,this.el.value!==e&&(this.el.value=e),n&&this._fireChangeEvents()}},{key:"updateOptions",value:function(t){var e=t.mask,n=c(t,["mask"]),u=!this.maskEquals(e),r=!function t(e,n){if(n===e)return!0;var u,r=Array.isArray(n),s=Array.isArray(e);if(r&&s){if(n.length!=e.length)return!1;for(u=0;u<n.length;u++)if(!t(n[u],e[u]))return!1;return!0}if(r!=s)return!1;if(n&&e&&"object"===i(n)&&"object"===i(e)){var a=n instanceof Date,o=e instanceof Date;if(a&&o)return n.getTime()==e.getTime();if(a!=o)return!1;var l=n instanceof RegExp,h=e instanceof RegExp;if(l&&h)return n.toString()==e.toString();if(l!=h)return!1;var c=Object.keys(n);for(u=0;u<c.length;u++)if(!Object.prototype.hasOwnProperty.call(e,c[u]))return!1;for(u=0;u<c.length;u++)if(!t(e[c[u]],n[c[u]]))return!1;return!0}return!(!n||!e||"function"!=typeof n||"function"!=typeof e)&&n.toString()===e.toString()}(this.masked,n);u&&(this.mask=e),r&&this.masked.updateOptions(n),(u||r)&&this.updateControl()}},{key:"updateCursor",value:function(t){null!=t&&(this.cursorPos=t,this._delayUpdateCursor(t))}},{key:"_delayUpdateCursor",value:function(t){var e=this;this._abortUpdateCursor(),this._changingCursorPos=t,this._cursorChanging=setTimeout(function(){e.el&&(e.cursorPos=e._changingCursorPos,e._abortUpdateCursor())},10)}},{key:"_fireChangeEvents",value:function(){this._fireEvent("accept",this._inputEvent),this.masked.isComplete&&this._fireEvent("complete",this._inputEvent)}},{key:"_abortUpdateCursor",value:function(){this._cursorChanging&&(clearTimeout(this._cursorChanging),delete this._cursorChanging)}},{key:"alignCursor",value:function(){this.cursorPos=this.masked.nearestInputPos(this.cursorPos,m.LEFT)}},{key:"alignCursorFriendly",value:function(){this.selectionStart===this.cursorPos&&this.alignCursor()}},{key:"on",value:function(t,e){return this._listeners[t]||(this._listeners[t]=[]),this._listeners[t].push(e),this}},{key:"off",value:function(t,e){if(!this._listeners[t])return this;if(!e)return delete this._listeners[t],this;var n=this._listeners[t].indexOf(e);return n>=0&&this._listeners[t].splice(n,1),this}},{key:"_onInput",value:function(t){if(this._inputEvent=t,this._abortUpdateCursor(),!this._selection)return this.updateValue();var e=new A(this.el.value,this.cursorPos,this.value,this._selection),n=this.masked.rawInputValue,u=this.masked.splice(e.startChangePos,e.removed.length,e.inserted,e.removeDirection).offset,i=n===this.masked.rawInputValue?e.removeDirection:m.NONE,r=this.masked.nearestInputPos(e.startChangePos+u,i);this.updateControl(),this.updateCursor(r),delete this._inputEvent}},{key:"_onChange",value:function(){this.value!==this.el.value&&this.updateValue(),this.masked.doCommit(),this.updateControl(),this._saveSelection()}},{key:"_onDrop",value:function(t){t.preventDefault(),t.stopPropagation()}},{key:"_onFocus",value:function(t){this.alignCursorFriendly()}},{key:"_onClick",value:function(t){this.alignCursorFriendly()}},{key:"destroy",value:function(){this._unbindEvents(),this._listeners.length=0,delete this.el}},{key:"mask",get:function(){return this.masked.mask},set:function(t){if(!this.maskEquals(t))if(t instanceof F.Masked||this.masked.constructor!==S(t)){var e=D({mask:t});e.unmaskedValue=this.masked.unmaskedValue,this.masked=e}else this.masked.updateOptions({mask:t})}},{key:"value",get:function(){return this._value},set:function(t){this.masked.value=t,this.updateControl(),this.alignCursor()}},{key:"unmaskedValue",get:function(){return this._unmaskedValue},set:function(t){this.masked.unmaskedValue=t,this.updateControl(),this.alignCursor()}},{key:"typedValue",get:function(){return this.masked.typedValue},set:function(t){this.masked.typedValue=t,this.updateControl(),this.alignCursor()}},{key:"selectionStart",get:function(){return this._cursorChanging?this._changingCursorPos:this.el.selectionStart}},{key:"cursorPos",get:function(){return this._cursorChanging?this._changingCursorPos:this.el.selectionEnd},set:function(t){this.el&&this.el.isActive&&(this.el.select(t,t),this._saveSelection())}}]),t}();F.InputMask=j;var L=function(t){function e(){return r(this,e),d(this,l(e).apply(this,arguments))}return o(e,M),a(e,[{key:"_update",value:function(t){t.enum&&(t.mask="*".repeat(t.enum[0].length)),p(l(e.prototype),"_update",this).call(this,t)}},{key:"doValidate",value:function(){for(var t,n=this,u=arguments.length,i=new Array(u),r=0;r<u;r++)i[r]=arguments[r];return this.enum.some(function(t){return t.indexOf(n.unmaskedValue)>=0})&&(t=p(l(e.prototype),"doValidate",this)).call.apply(t,[this].concat(i))}}]),e}();F.MaskedEnum=L;var z=function(t){function e(t){return r(this,e),d(this,l(e).call(this,Object.assign({},e.DEFAULTS,{},t)))}return o(e,b),a(e,[{key:"_update",value:function(t){p(l(e.prototype),"_update",this).call(this,t),this._updateRegExps()}},{key:"_updateRegExps",value:function(){var t="^"+(this.allowNegative?"[+|\\-]?":""),e=(this.scale?"("+_(this.radix)+"\\d{0,"+this.scale+"})?":"")+"$";this._numberRegExpInput=new RegExp(t+"(0|([1-9]+\\d*))?"+e),this._numberRegExp=new RegExp(t+"\\d*"+e),this._mapToRadixRegExp=new RegExp("["+this.mapToRadix.map(_).join("")+"]","g"),this._thousandsSeparatorRegExp=new RegExp(_(this.thousandsSeparator),"g")}},{key:"_removeThousandsSeparators",value:function(t){return t.replace(this._thousandsSeparatorRegExp,"")}},{key:"_insertThousandsSeparators",value:function(t){var e=t.split(this.radix);return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,this.thousandsSeparator),e.join(this.radix)}},{key:"doPrepare",value:function(t){for(var n,u=arguments.length,i=new Array(u>1?u-1:0),r=1;r<u;r++)i[r-1]=arguments[r];return(n=p(l(e.prototype),"doPrepare",this)).call.apply(n,[this,this._removeThousandsSeparators(t.replace(this._mapToRadixRegExp,this.radix))].concat(i))}},{key:"_separatorsCount",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=0,u=0;u<t;++u)this._value.indexOf(this.thousandsSeparator,u)===u&&(++n,e&&(t+=this.thousandsSeparator.length));return n}},{key:"_separatorsCountFromSlice",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this._value;return this._separatorsCount(this._removeThousandsSeparators(t).length,!0)}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,u=arguments.length>2?arguments[2]:void 0,i=g(this._adjustRangeWithSeparators(t,n),2);return t=i[0],n=i[1],this._removeThousandsSeparators(p(l(e.prototype),"extractInput",this).call(this,t,n,u))}},{key:"_appendCharRaw",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!this.thousandsSeparator)return p(l(e.prototype),"_appendCharRaw",this).call(this,t,n);var u=n.tail&&n._beforeTailState?n._beforeTailState._value:this._value,i=this._separatorsCountFromSlice(u);this._value=this._removeThousandsSeparators(this.value);var r=p(l(e.prototype),"_appendCharRaw",this).call(this,t,n);this._value=this._insertThousandsSeparators(this._value);var s=n.tail&&n._beforeTailState?n._beforeTailState._value:this._value,a=this._separatorsCountFromSlice(s);return r.tailShift+=(a-i)*this.thousandsSeparator.length,r.skip=!r.rawInserted&&t===this.thousandsSeparator,r}},{key:"_findSeparatorAround",value:function(t){if(this.thousandsSeparator){var e=t-this.thousandsSeparator.length+1,n=this.value.indexOf(this.thousandsSeparator,e);if(n<=t)return n}return-1}},{key:"_adjustRangeWithSeparators",value:function(t,e){var n=this._findSeparatorAround(t);n>=0&&(t=n);var u=this._findSeparatorAround(e);return u>=0&&(e=u+this.thousandsSeparator.length),[t,e]}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,n=g(this._adjustRangeWithSeparators(t,e),2);t=n[0],e=n[1];var u=this.value.slice(0,t),i=this.value.slice(e),r=this._separatorsCount(u.length);this._value=this._insertThousandsSeparators(this._removeThousandsSeparators(u+i));var s=this._separatorsCountFromSlice(u);return new E({tailShift:(s-r)*this.thousandsSeparator.length})}},{key:"nearestInputPos",value:function(t,e){if(!this.thousandsSeparator)return t;switch(e){case m.NONE:case m.LEFT:case m.FORCE_LEFT:var n=this._findSeparatorAround(t-1);if(n>=0){var u=n+this.thousandsSeparator.length;if(t<u||this.value.length<=u||e===m.FORCE_LEFT)return n}break;case m.RIGHT:case m.FORCE_RIGHT:var i=this._findSeparatorAround(t);if(i>=0)return i+this.thousandsSeparator.length}return t}},{key:"doValidate",value:function(t){var n=(t.input?this._numberRegExpInput:this._numberRegExp).test(this._removeThousandsSeparators(this.value));if(n){var u=this.number;n=n&&!isNaN(u)&&(null==this.min||this.min>=0||this.min<=this.number)&&(null==this.max||this.max<=0||this.number<=this.max)}return n&&p(l(e.prototype),"doValidate",this).call(this,t)}},{key:"doCommit",value:function(){if(this.value){var t=this.number,n=t;null!=this.min&&(n=Math.max(n,this.min)),null!=this.max&&(n=Math.min(n,this.max)),n!==t&&(this.unmaskedValue=String(n));var u=this.value;this.normalizeZeros&&(u=this._normalizeZeros(u)),this.padFractionalZeros&&(u=this._padFractionalZeros(u)),this._value=u}p(l(e.prototype),"doCommit",this).call(this)}},{key:"_normalizeZeros",value:function(t){var e=this._removeThousandsSeparators(t).split(this.radix);return e[0]=e[0].replace(/^(\D*)(0*)(\d*)/,function(t,e,n,u){return e+u}),t.length&&!/\d$/.test(e[0])&&(e[0]=e[0]+"0"),e.length>1&&(e[1]=e[1].replace(/0*$/,""),e[1].length||(e.length=1)),this._insertThousandsSeparators(e.join(this.radix))}},{key:"_padFractionalZeros",value:function(t){if(!t)return t;var e=t.split(this.radix);return e.length<2&&e.push(""),e[1]=e[1].padEnd(this.scale,"0"),e.join(this.radix)}},{key:"unmaskedValue",get:function(){return this._removeThousandsSeparators(this._normalizeZeros(this.value)).replace(this.radix,".")},set:function(t){k(l(e.prototype),"unmaskedValue",t.replace(".",this.radix),this,!0)}},{key:"typedValue",get:function(){return Number(this.unmaskedValue)},set:function(t){k(l(e.prototype),"unmaskedValue",String(t),this,!0)}},{key:"number",get:function(){return this.typedValue},set:function(t){this.typedValue=t}},{key:"allowNegative",get:function(){return this.signed||null!=this.min&&this.min<0||null!=this.max&&this.max<0}}]),e}();z.DEFAULTS={radix:",",thousandsSeparator:"",mapToRadix:["."],scale:2,signed:!1,normalizeZeros:!0,padFractionalZeros:!1},F.MaskedNumber=z;var H=function(t){function e(){return r(this,e),d(this,l(e).apply(this,arguments))}return o(e,b),a(e,[{key:"_update",value:function(t){t.mask&&(t.validate=t.mask),p(l(e.prototype),"_update",this).call(this,t)}}]),e}();F.MaskedFunction=H;var U=function(t){function e(t){var n;return r(this,e),(n=d(this,l(e).call(this,Object.assign({},e.DEFAULTS,{},t)))).currentMask=null,n}return o(e,b),a(e,[{key:"_update",value:function(t){p(l(e.prototype),"_update",this).call(this,t),"mask"in t&&(this.compiledMasks=Array.isArray(t.mask)?t.mask.map(function(t){return D(t)}):[])}},{key:"_appendCharRaw",value:function(){var t,e=this._applyDispatch.apply(this,arguments);this.currentMask&&e.aggregate((t=this.currentMask)._appendChar.apply(t,arguments));return e}},{key:"_applyDispatch",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.tail&&null!=e._beforeTailState?e._beforeTailState._value:this.value,u=this.rawInputValue,i=e.tail&&null!=e._beforeTailState?e._beforeTailState._rawInputValue:u,r=u.slice(i.length),s=this.currentMask,a=new E,o=s&&s.state;if(this.currentMask=this.doDispatch(t,Object.assign({},e)),this.currentMask)if(this.currentMask!==s){this.currentMask.reset();var l=this.currentMask.append(i,{raw:!0});a.tailShift=l.inserted.length-n.length,r&&(a.tailShift+=this.currentMask.append(r,{raw:!0,tail:!0}).tailShift)}else this.currentMask.state=o;return a}},{key:"_appendPlaceholder",value:function(){var t=this._applyDispatch.apply(this,arguments);return this.currentMask&&t.aggregate(this.currentMask._appendPlaceholder()),t}},{key:"doDispatch",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.dispatch(t,this,e)}},{key:"doValidate",value:function(){for(var t,n,u=arguments.length,i=new Array(u),r=0;r<u;r++)i[r]=arguments[r];return(t=p(l(e.prototype),"doValidate",this)).call.apply(t,[this].concat(i))&&(!this.currentMask||(n=this.currentMask).doValidate.apply(n,i))}},{key:"reset",value:function(){this.currentMask&&this.currentMask.reset(),this.compiledMasks.forEach(function(t){return t.reset()})}},{key:"remove",value:function(){var t,e=new E;this.currentMask&&e.aggregate((t=this.currentMask).remove.apply(t,arguments)).aggregate(this._applyDispatch());return e}},{key:"extractInput",value:function(){var t;return this.currentMask?(t=this.currentMask).extractInput.apply(t,arguments):""}},{key:"extractTail",value:function(){for(var t,n,u=arguments.length,i=new Array(u),r=0;r<u;r++)i[r]=arguments[r];return this.currentMask?(t=this.currentMask).extractTail.apply(t,i):(n=p(l(e.prototype),"extractTail",this)).call.apply(n,[this].concat(i))}},{key:"doCommit",value:function(){this.currentMask&&this.currentMask.doCommit(),p(l(e.prototype),"doCommit",this).call(this)}},{key:"nearestInputPos",value:function(){for(var t,n,u=arguments.length,i=new Array(u),r=0;r<u;r++)i[r]=arguments[r];return this.currentMask?(t=this.currentMask).nearestInputPos.apply(t,i):(n=p(l(e.prototype),"nearestInputPos",this)).call.apply(n,[this].concat(i))}},{key:"value",get:function(){return this.currentMask?this.currentMask.value:""},set:function(t){k(l(e.prototype),"value",t,this,!0)}},{key:"unmaskedValue",get:function(){return this.currentMask?this.currentMask.unmaskedValue:""},set:function(t){k(l(e.prototype),"unmaskedValue",t,this,!0)}},{key:"typedValue",get:function(){return this.currentMask?this.currentMask.typedValue:""},set:function(t){var e=String(t);this.currentMask&&(this.currentMask.typedValue=t,e=this.currentMask.unmaskedValue),this.unmaskedValue=e}},{key:"isComplete",get:function(){return!!this.currentMask&&this.currentMask.isComplete}},{key:"state",get:function(){return Object.assign({},p(l(e.prototype),"state",this),{_rawInputValue:this.rawInputValue,compiledMasks:this.compiledMasks.map(function(t){return t.state}),currentMaskRef:this.currentMask,currentMask:this.currentMask&&this.currentMask.state})},set:function(t){var n=t.compiledMasks,u=t.currentMaskRef,i=t.currentMask,r=c(t,["compiledMasks","currentMaskRef","currentMask"]);this.compiledMasks.forEach(function(t,e){return t.state=n[e]}),null!=u&&(this.currentMask=u,this.currentMask.state=i),k(l(e.prototype),"state",r,this,!0)}},{key:"overwrite",get:function(){return this.currentMask?this.currentMask.overwrite:p(l(e.prototype),"overwrite",this)},set:function(t){console.warn('"overwrite" option is not available in dynamic mask, use this option in siblings')}}]),e}();U.DEFAULTS={dispatch:function(t,e,n){if(e.compiledMasks.length){var u=e.rawInputValue,i=e.compiledMasks.map(function(e,i){return e.reset(),e.append(u,{raw:!0}),e.append(t,n),{weight:e.rawInputValue.length,index:i}});return i.sort(function(t,e){return e.weight-t.weight}),e.compiledMasks[i[0].index]}}},F.MaskedDynamic=U;var G={MASKED:"value",UNMASKED:"unmaskedValue",TYPED:"typedValue"};function Y(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:G.MASKED,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:G.MASKED,u=D(t);return function(t){return u.runIsolated(function(u){return u[e]=t,u[n]})}}F.PIPE_TYPE=G,F.createPipe=Y,F.pipe=function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),u=1;u<e;u++)n[u-1]=arguments[u];return Y.apply(void 0,n)(t)};try{globalThis.IMask=F}catch(t){}[].slice.call(document.querySelectorAll("[data-mask]")).map(function(t){return new F(t,{mask:t.dataset.mask,lazy:"true"===t.dataset["mask-visible"]})}),[].slice.call(document.querySelectorAll('[data-toggle="tooltip"]')).map(function(t){return new bootstrap.Tooltip(t,{delay:{show:50,hide:50},html:!0,placement:"auto"})}),[].slice.call(document.querySelectorAll('[data-toggle="popover"]')).map(function(t){return new bootstrap.Popover(t,{delay:{show:50,hide:50},html:!0,placement:"auto"})}),[].slice.call(document.querySelectorAll('[data-toggle="dropdown"]')).map(function(t){return new bootstrap.Dropdown(t)})});
\ No newline at end of file
diff --git a/demo/dist/libs/autosize/dist/autosize.min.js b/demo/dist/libs/autosize/dist/autosize.min.js
deleted file mode 100644
index 4d9b4e9a7..000000000
--- a/demo/dist/libs/autosize/dist/autosize.min.js
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
-	autosize 4.0.2
-	license: MIT
-	http://www.jacklmoore.com/autosize
-*/
-!function(e,t){if("function"==typeof define&&define.amd)define(["module","exports"],t);else if("undefined"!=typeof exports)t(module,exports);else{var n={exports:{}};t(n,n.exports),e.autosize=n.exports}}(this,function(e,t){"use strict";var n,o,p="function"==typeof Map?new Map:(n=[],o=[],{has:function(e){return-1<n.indexOf(e)},get:function(e){return o[n.indexOf(e)]},set:function(e,t){-1===n.indexOf(e)&&(n.push(e),o.push(t))},delete:function(e){var t=n.indexOf(e);-1<t&&(n.splice(t,1),o.splice(t,1))}}),c=function(e){return new Event(e,{bubbles:!0})};try{new Event("test")}catch(e){c=function(e){var t=document.createEvent("Event");return t.initEvent(e,!0,!1),t}}function r(r){if(r&&r.nodeName&&"TEXTAREA"===r.nodeName&&!p.has(r)){var e,n=null,o=null,i=null,d=function(){r.clientWidth!==o&&a()},l=function(t){window.removeEventListener("resize",d,!1),r.removeEventListener("input",a,!1),r.removeEventListener("keyup",a,!1),r.removeEventListener("autosize:destroy",l,!1),r.removeEventListener("autosize:update",a,!1),Object.keys(t).forEach(function(e){r.style[e]=t[e]}),p.delete(r)}.bind(r,{height:r.style.height,resize:r.style.resize,overflowY:r.style.overflowY,overflowX:r.style.overflowX,wordWrap:r.style.wordWrap});r.addEventListener("autosize:destroy",l,!1),"onpropertychange"in r&&"oninput"in r&&r.addEventListener("keyup",a,!1),window.addEventListener("resize",d,!1),r.addEventListener("input",a,!1),r.addEventListener("autosize:update",a,!1),r.style.overflowX="hidden",r.style.wordWrap="break-word",p.set(r,{destroy:l,update:a}),"vertical"===(e=window.getComputedStyle(r,null)).resize?r.style.resize="none":"both"===e.resize&&(r.style.resize="horizontal"),n="content-box"===e.boxSizing?-(parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)):parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth),isNaN(n)&&(n=0),a()}function s(e){var t=r.style.width;r.style.width="0px",r.offsetWidth,r.style.width=t,r.style.overflowY=e}function u(){if(0!==r.scrollHeight){var e=function(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}(r),t=document.documentElement&&document.documentElement.scrollTop;r.style.height="",r.style.height=r.scrollHeight+n+"px",o=r.clientWidth,e.forEach(function(e){e.node.scrollTop=e.scrollTop}),t&&(document.documentElement.scrollTop=t)}}function a(){u();var e=Math.round(parseFloat(r.style.height)),t=window.getComputedStyle(r,null),n="content-box"===t.boxSizing?Math.round(parseFloat(t.height)):r.offsetHeight;if(n<e?"hidden"===t.overflowY&&(s("scroll"),u(),n="content-box"===t.boxSizing?Math.round(parseFloat(window.getComputedStyle(r,null).height)):r.offsetHeight):"hidden"!==t.overflowY&&(s("hidden"),u(),n="content-box"===t.boxSizing?Math.round(parseFloat(window.getComputedStyle(r,null).height)):r.offsetHeight),i!==n){i=n;var o=c("autosize:resized");try{r.dispatchEvent(o)}catch(e){}}}}function i(e){var t=p.get(e);t&&t.destroy()}function d(e){var t=p.get(e);t&&t.update()}var l=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?((l=function(e){return e}).destroy=function(e){return e},l.update=function(e){return e}):((l=function(e,t){return e&&Array.prototype.forEach.call(e.length?e:[e],function(e){return r(e)}),e}).destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],i),e},l.update=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],d),e}),t.default=l,e.exports=t.default});
\ No newline at end of file
diff --git a/demo/dist/libs/imask/dist/imask.min.js b/demo/dist/libs/imask/dist/imask.min.js
deleted file mode 100644
index 096f2919f..000000000
--- a/demo/dist/libs/imask/dist/imask.min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).IMask={})}(this,(function(t){"use strict";var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function n(t,e){return t(e={exports:{}},e.exports),e.exports}var u=function(t){return t&&t.Math==Math&&t},i=u("object"==typeof globalThis&&globalThis)||u("object"==typeof window&&window)||u("object"==typeof self&&self)||u("object"==typeof e&&e)||Function("return this")(),r=function(t){try{return!!t()}catch(t){return!0}},a=!r((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]})),s={}.propertyIsEnumerable,o=Object.getOwnPropertyDescriptor,l={f:o&&!s.call({1:2},1)?function(t){var e=o(this,t);return!!e&&e.enumerable}:s},h=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}},c={}.toString,f="".split,p=r((function(){return!Object("z").propertyIsEnumerable(0)}))?function(t){return"String"==function(t){return c.call(t).slice(8,-1)}(t)?f.call(t,""):Object(t)}:Object,d=function(t){if(null==t)throw TypeError("Can't call method on "+t);return t},v=function(t){return p(d(t))},k=function(t){return"object"==typeof t?null!==t:"function"==typeof t},g=function(t,e){if(!k(t))return t;var n,u;if(e&&"function"==typeof(n=t.toString)&&!k(u=n.call(t)))return u;if("function"==typeof(n=t.valueOf)&&!k(u=n.call(t)))return u;if(!e&&"function"==typeof(n=t.toString)&&!k(u=n.call(t)))return u;throw TypeError("Can't convert object to primitive value")},y={}.hasOwnProperty,m=function(t,e){return y.call(t,e)},_=i.document,A=k(_)&&k(_.createElement),b=!a&&!r((function(){return 7!=Object.defineProperty((t="div",A?_.createElement(t):{}),"a",{get:function(){return 7}}).a;var t})),C=Object.getOwnPropertyDescriptor,E={f:a?C:function(t,e){if(t=v(t),e=g(e,!0),b)try{return C(t,e)}catch(t){}if(m(t,e))return h(!l.f.call(t,e),t[e])}},F=function(t){if(!k(t))throw TypeError(String(t)+" is not an object");return t},S=Object.defineProperty,D={f:a?S:function(t,e,n){if(F(t),e=g(e,!0),F(n),b)try{return S(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported");return"value"in n&&(t[e]=n.value),t}},B=a?function(t,e,n){return D.f(t,e,h(1,n))}:function(t,e,n){return t[e]=n,t},w=function(t,e){try{B(i,t,e)}catch(n){i[t]=e}return e},M=i["__core-js_shared__"]||w("__core-js_shared__",{}),x=Function.toString;"function"!=typeof M.inspectSource&&(M.inspectSource=function(t){return x.call(t)});var P,O,T,I,j=M.inspectSource,V=i.WeakMap,R="function"==typeof V&&/native code/.test(j(V)),L=n((function(t){(t.exports=function(t,e){return M[t]||(M[t]=void 0!==e?e:{})})("versions",[]).push({version:"3.6.4",mode:"global",copyright:"© 2020 Denis Pushkarev (zloirock.ru)"})})),N=0,U=Math.random(),z=L("keys"),H={},Y=i.WeakMap;if(R){var Z=new Y,K=Z.get,q=Z.has,G=Z.set;P=function(t,e){return G.call(Z,t,e),e},O=function(t){return K.call(Z,t)||{}},T=function(t){return q.call(Z,t)}}else{var W=z[I="state"]||(z[I]=function(t){return"Symbol("+String(void 0===t?"":t)+")_"+(++N+U).toString(36)}(I));H[W]=!0,P=function(t,e){return B(t,W,e),e},O=function(t){return m(t,W)?t[W]:{}},T=function(t){return m(t,W)}}var $={set:P,get:O,has:T,enforce:function(t){return T(t)?O(t):P(t,{})},getterFor:function(t){return function(e){var n;if(!k(e)||(n=O(e)).type!==t)throw TypeError("Incompatible receiver, "+t+" required");return n}}},X=n((function(t){var e=$.get,n=$.enforce,u=String(String).split("String");(t.exports=function(t,e,r,a){var s=!!a&&!!a.unsafe,o=!!a&&!!a.enumerable,l=!!a&&!!a.noTargetGet;"function"==typeof r&&("string"!=typeof e||m(r,"name")||B(r,"name",e),n(r).source=u.join("string"==typeof e?e:"")),t!==i?(s?!l&&t[e]&&(o=!0):delete t[e],o?t[e]=r:B(t,e,r)):o?t[e]=r:w(e,r)})(Function.prototype,"toString",(function(){return"function"==typeof this&&e(this).source||j(this)}))})),J=i,Q=function(t){return"function"==typeof t?t:void 0},tt=function(t,e){return arguments.length<2?Q(J[t])||Q(i[t]):J[t]&&J[t][e]||i[t]&&i[t][e]},et=Math.ceil,nt=Math.floor,ut=function(t){return isNaN(t=+t)?0:(t>0?nt:et)(t)},it=Math.min,rt=function(t){return t>0?it(ut(t),9007199254740991):0},at=Math.max,st=Math.min,ot=function(t){return function(e,n,u){var i,r=v(e),a=rt(r.length),s=function(t,e){var n=ut(t);return n<0?at(n+e,0):st(n,e)}(u,a);if(t&&n!=n){for(;a>s;)if((i=r[s++])!=i)return!0}else for(;a>s;s++)if((t||s in r)&&r[s]===n)return t||s||0;return!t&&-1}},lt={includes:ot(!0),indexOf:ot(!1)}.indexOf,ht=function(t,e){var n,u=v(t),i=0,r=[];for(n in u)!m(H,n)&&m(u,n)&&r.push(n);for(;e.length>i;)m(u,n=e[i++])&&(~lt(r,n)||r.push(n));return r},ct=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"],ft=ct.concat("length","prototype"),pt={f:Object.getOwnPropertyNames||function(t){return ht(t,ft)}},dt={f:Object.getOwnPropertySymbols},vt=tt("Reflect","ownKeys")||function(t){var e=pt.f(F(t)),n=dt.f;return n?e.concat(n(t)):e},kt=function(t,e){for(var n=vt(e),u=D.f,i=E.f,r=0;r<n.length;r++){var a=n[r];m(t,a)||u(t,a,i(e,a))}},gt=/#|\.prototype\./,yt=function(t,e){var n=_t[mt(t)];return n==bt||n!=At&&("function"==typeof e?r(e):!!e)},mt=yt.normalize=function(t){return String(t).replace(gt,".").toLowerCase()},_t=yt.data={},At=yt.NATIVE="N",bt=yt.POLYFILL="P",Ct=yt,Et=E.f,Ft=function(t,e){var n,u,r,a,s,o=t.target,l=t.global,h=t.stat;if(n=l?i:h?i[o]||w(o,{}):(i[o]||{}).prototype)for(u in e){if(a=e[u],r=t.noTargetGet?(s=Et(n,u))&&s.value:n[u],!Ct(l?u:o+(h?".":"#")+u,t.forced)&&void 0!==r){if(typeof a==typeof r)continue;kt(a,r)}(t.sham||r&&r.sham)&&B(a,"sham",!0),X(n,u,a,t)}},St=Object.keys||function(t){return ht(t,ct)},Dt=function(t){return Object(d(t))},Bt=Object.assign,wt=Object.defineProperty,Mt=!Bt||r((function(){if(a&&1!==Bt({b:1},Bt(wt({},"a",{enumerable:!0,get:function(){wt(this,"b",{value:3,enumerable:!1})}}),{b:2})).b)return!0;var t={},e={},n=Symbol();return t[n]=7,"abcdefghijklmnopqrst".split("").forEach((function(t){e[t]=t})),7!=Bt({},t)[n]||"abcdefghijklmnopqrst"!=St(Bt({},e)).join("")}))?function(t,e){for(var n=Dt(t),u=arguments.length,i=1,r=dt.f,s=l.f;u>i;)for(var o,h=p(arguments[i++]),c=r?St(h).concat(r(h)):St(h),f=c.length,d=0;f>d;)o=c[d++],a&&!s.call(h,o)||(n[o]=h[o]);return n}:Bt;Ft({target:"Object",stat:!0,forced:Object.assign!==Mt},{assign:Mt});var xt="".repeat||function(t){var e=String(d(this)),n="",u=ut(t);if(u<0||u==1/0)throw RangeError("Wrong number of repetitions");for(;u>0;(u>>>=1)&&(e+=e))1&u&&(n+=e);return n},Pt=Math.ceil,Ot=function(t){return function(e,n,u){var i,r,a=String(d(e)),s=a.length,o=void 0===u?" ":String(u),l=rt(n);return l<=s||""==o?a:(i=l-s,(r=xt.call(o,Pt(i/o.length))).length>i&&(r=r.slice(0,i)),t?a+r:r+a)}},Tt={start:Ot(!1),end:Ot(!0)},It=tt("navigator","userAgent")||"",jt=/Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(It),Vt=Tt.end;Ft({target:"String",proto:!0,forced:jt},{padEnd:function(t){return Vt(this,t,arguments.length>1?arguments[1]:void 0)}});var Rt=Tt.start;function Lt(t){return(Lt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Nt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ut(t,e){for(var n=0;n<e.length;n++){var u=e[n];u.enumerable=u.enumerable||!1,u.configurable=!0,"value"in u&&(u.writable=!0),Object.defineProperty(t,u.key,u)}}function zt(t,e,n){return e&&Ut(t.prototype,e),n&&Ut(t,n),t}function Ht(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Zt(t,e)}function Yt(t){return(Yt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Zt(t,e){return(Zt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Kt(t,e){if(null==t)return{};var n,u,i=function(t,e){if(null==t)return{};var n,u,i={},r=Object.keys(t);for(u=0;u<r.length;u++)n=r[u],e.indexOf(n)>=0||(i[n]=t[n]);return i}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(u=0;u<r.length;u++)n=r[u],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(i[n]=t[n])}return i}function qt(t,e){return!e||"object"!=typeof e&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Gt(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Yt(t)););return t}function Wt(t,e,n){return(Wt="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var u=Gt(t,e);if(u){var i=Object.getOwnPropertyDescriptor(u,e);return i.get?i.get.call(n):i.value}})(t,e,n||t)}function $t(t,e,n,u){return($t="undefined"!=typeof Reflect&&Reflect.set?Reflect.set:function(t,e,n,u){var i,r=Gt(t,e);if(r){if((i=Object.getOwnPropertyDescriptor(r,e)).set)return i.set.call(u,n),!0;if(!i.writable)return!1}if(i=Object.getOwnPropertyDescriptor(u,e)){if(!i.writable)return!1;i.value=n,Object.defineProperty(u,e,i)}else!function(t,e,n){e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n}(u,e,n);return!0})(t,e,n,u)}function Xt(t,e,n,u,i){if(!$t(t,e,n,u||t)&&i)throw new Error("failed to set property");return n}function Jt(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;var n=[],u=!0,i=!1,r=void 0;try{for(var a,s=t[Symbol.iterator]();!(u=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);u=!0);}catch(t){i=!0,r=t}finally{try{u||null==s.return||s.return()}finally{if(i)throw r}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Qt(t){return"string"==typeof t||t instanceof String}Ft({target:"String",proto:!0,forced:jt},{padStart:function(t){return Rt(this,t,arguments.length>1?arguments[1]:void 0)}}),Ft({target:"String",proto:!0},{repeat:xt}),Ft({global:!0},{globalThis:i});var te="NONE",ee="LEFT",ne="FORCE_LEFT",ue="RIGHT",ie="FORCE_RIGHT";function re(t){switch(t){case ee:return ne;case ue:return ie;default:return t}}function ae(t){return t.replace(/([.*+?^=!:${}()|[\]/\\])/g,"\\$1")}var se=function(){function t(e,n,u,i){for(Nt(this,t),this.value=e,this.cursorPos=n,this.oldValue=u,this.oldSelection=i;this.value.slice(0,this.startChangePos)!==this.oldValue.slice(0,this.startChangePos);)--this.oldSelection.start}return zt(t,[{key:"startChangePos",get:function(){return Math.min(this.cursorPos,this.oldSelection.start)}},{key:"insertedCount",get:function(){return this.cursorPos-this.startChangePos}},{key:"inserted",get:function(){return this.value.substr(this.startChangePos,this.insertedCount)}},{key:"removedCount",get:function(){return Math.max(this.oldSelection.end-this.startChangePos||this.oldValue.length-this.value.length,0)}},{key:"removed",get:function(){return this.oldValue.substr(this.startChangePos,this.removedCount)}},{key:"head",get:function(){return this.value.substring(0,this.startChangePos)}},{key:"tail",get:function(){return this.value.substring(this.startChangePos+this.insertedCount)}},{key:"removeDirection",get:function(){return!this.removedCount||this.insertedCount?te:this.oldSelection.end===this.cursorPos||this.oldSelection.start===this.cursorPos?ue:ee}}]),t}(),oe=function(){function t(e){Nt(this,t),Object.assign(this,{inserted:"",rawInserted:"",skip:!1,tailShift:0},e)}return zt(t,[{key:"aggregate",value:function(t){return this.rawInserted+=t.rawInserted,this.skip=this.skip||t.skip,this.inserted+=t.inserted,this.tailShift+=t.tailShift,this}},{key:"offset",get:function(){return this.tailShift+this.inserted.length}}]),t}(),le=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,u=arguments.length>2?arguments[2]:void 0;Nt(this,t),this.value=e,this.from=n,this.stop=u}return zt(t,[{key:"toString",value:function(){return this.value}},{key:"extend",value:function(t){this.value+=String(t)}},{key:"appendTo",value:function(t){return t.append(this.toString(),{tail:!0}).aggregate(t._appendPlaceholder())}},{key:"shiftBefore",value:function(t){if(this.from>=t||!this.value.length)return"";var e=this.value[0];return this.value=this.value.slice(1),e}},{key:"state",get:function(){return{value:this.value,from:this.from,stop:this.stop}},set:function(t){Object.assign(this,t)}}]),t}();function he(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new he.InputMask(t,e)}var ce=function(){function t(e){Nt(this,t),this._value="",this._update(Object.assign({},t.DEFAULTS,{},e)),this.isInitialized=!0}return zt(t,[{key:"updateOptions",value:function(t){Object.keys(t).length&&this.withValueRefresh(this._update.bind(this,t))}},{key:"_update",value:function(t){Object.assign(this,t)}},{key:"reset",value:function(){this._value=""}},{key:"resolve",value:function(t){return this.reset(),this.append(t,{input:!0},""),this.doCommit(),this.value}},{key:"nearestInputPos",value:function(t,e){return t}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return this.value.slice(t,e)}},{key:"extractTail",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return new le(this.extractInput(t,e),t)}},{key:"appendTail",value:function(t){return Qt(t)&&(t=new le(String(t))),t.appendTo(this)}},{key:"_appendCharRaw",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return(t=this.doPrepare(t,e))?(this._value+=t,new oe({inserted:t,rawInserted:t})):new oe}},{key:"_appendChar",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0,u=this.state,i=this._appendCharRaw(t,e);if(i.inserted){var r,a=!1!==this.doValidate(e);if(a&&null!=n){var s=this.state;this.overwrite&&(r=n.state,n.shiftBefore(this.value.length));var o=this.appendTail(n);(a=o.rawInserted===n.toString())&&o.inserted&&(this.state=s)}a||(i=new oe,this.state=u,n&&r&&(n.state=r))}return i}},{key:"_appendPlaceholder",value:function(){return new oe}},{key:"append",value:function(t,e,n){if(!Qt(t))throw new Error("value should be string");var u=new oe,i=Qt(n)?new le(String(n)):n;e.tail&&(e._beforeTailState=this.state);for(var r=0;r<t.length;++r)u.aggregate(this._appendChar(t[r],e,i));return null!=i&&(u.tailShift+=this.appendTail(i).tailShift),u}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return this._value=this.value.slice(0,t)+this.value.slice(e),new oe}},{key:"withValueRefresh",value:function(t){if(this._refreshing||!this.isInitialized)return t();this._refreshing=!0;var e=this.rawInputValue,n=this.value,u=t();return this.rawInputValue=e,this.value!==n&&0===n.indexOf(this.value)&&this.append(n.slice(this.value.length),{},""),delete this._refreshing,u}},{key:"runIsolated",value:function(t){if(this._isolated||!this.isInitialized)return t(this);this._isolated=!0;var e=this.state,n=t(this);return this.state=e,delete this._isolated,n}},{key:"doPrepare",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.prepare?this.prepare(t,this,e):t}},{key:"doValidate",value:function(t){return(!this.validate||this.validate(this.value,this,t))&&(!this.parent||this.parent.doValidate(t))}},{key:"doCommit",value:function(){this.commit&&this.commit(this.value,this)}},{key:"doFormat",value:function(t){return this.format?this.format(t,this):t}},{key:"doParse",value:function(t){return this.parse?this.parse(t,this):t}},{key:"splice",value:function(t,e,n,u){var i=t+e,r=this.extractTail(i),a=this.nearestInputPos(t,u);return new oe({tailShift:a-t}).aggregate(this.remove(a)).aggregate(this.append(n,{input:!0},r))}},{key:"state",get:function(){return{_value:this.value}},set:function(t){this._value=t._value}},{key:"value",get:function(){return this._value},set:function(t){this.resolve(t)}},{key:"unmaskedValue",get:function(){return this.value},set:function(t){this.reset(),this.append(t,{},""),this.doCommit()}},{key:"typedValue",get:function(){return this.doParse(this.value)},set:function(t){this.value=this.doFormat(t)}},{key:"rawInputValue",get:function(){return this.extractInput(0,this.value.length,{raw:!0})},set:function(t){this.reset(),this.append(t,{raw:!0},""),this.doCommit()}},{key:"isComplete",get:function(){return!0}}]),t}();function fe(t){if(null==t)throw new Error("mask property should be defined");return t instanceof RegExp?he.MaskedRegExp:Qt(t)?he.MaskedPattern:t instanceof Date||t===Date?he.MaskedDate:t instanceof Number||"number"==typeof t||t===Number?he.MaskedNumber:Array.isArray(t)||t===Array?he.MaskedDynamic:he.Masked&&t.prototype instanceof he.Masked?t:t instanceof Function?he.MaskedFunction:t instanceof he.Masked?t.constructor:(console.warn("Mask not found for mask",t),he.Masked)}function pe(t){if(he.Masked&&t instanceof he.Masked)return t;var e=(t=Object.assign({},t)).mask;if(he.Masked&&e instanceof he.Masked)return e;var n=fe(e);if(!n)throw new Error("Masked class is not found for provided mask, appropriate module needs to be import manually before creating mask.");return new n(t)}ce.DEFAULTS={format:function(t){return t},parse:function(t){return t}},he.Masked=ce,he.createMask=pe;var de={0:/\d/,a:/[\u0041-\u005A\u0061-\u007A\u00AA\u00B5\u00BA\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0\u08A2-\u08AC\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097F\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C33\u0C35-\u0C39\u0C3D\u0C58\u0C59\u0C60\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D60\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F4\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191C\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19C1-\u19C7\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FCC\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA697\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA78E\uA790-\uA793\uA7A0-\uA7AA\uA7F8-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA80-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uABC0-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]/,"*":/./},ve=function(){function t(e){Nt(this,t);var n=e.mask,u=Kt(e,["mask"]);this.masked=pe({mask:n}),Object.assign(this,u)}return zt(t,[{key:"reset",value:function(){this._isFilled=!1,this.masked.reset()}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return 0===t&&e>=1?(this._isFilled=!1,this.masked.remove(t,e)):new oe}},{key:"_appendChar",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(this._isFilled)return new oe;var n=this.masked.state,u=this.masked._appendChar(t,e);return u.inserted&&!1===this.doValidate(e)&&(u.inserted=u.rawInserted="",this.masked.state=n),u.inserted||this.isOptional||this.lazy||e.input||(u.inserted=this.placeholderChar),u.skip=!u.inserted&&!this.isOptional,this._isFilled=Boolean(u.inserted),u}},{key:"append",value:function(){var t;return(t=this.masked).append.apply(t,arguments)}},{key:"_appendPlaceholder",value:function(){var t=new oe;return this._isFilled||this.isOptional?t:(this._isFilled=!0,t.inserted=this.placeholderChar,t)}},{key:"extractTail",value:function(){var t;return(t=this.masked).extractTail.apply(t,arguments)}},{key:"appendTail",value:function(){var t;return(t=this.masked).appendTail.apply(t,arguments)}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,n=arguments.length>2?arguments[2]:void 0;return this.masked.extractInput(t,e,n)}},{key:"nearestInputPos",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:te,n=0,u=this.value.length,i=Math.min(Math.max(t,n),u);switch(e){case ee:case ne:return this.isComplete?i:n;case ue:case ie:return this.isComplete?i:u;case te:default:return i}}},{key:"doValidate",value:function(){var t,e;return(t=this.masked).doValidate.apply(t,arguments)&&(!this.parent||(e=this.parent).doValidate.apply(e,arguments))}},{key:"doCommit",value:function(){this.masked.doCommit()}},{key:"value",get:function(){return this.masked.value||(this._isFilled&&!this.isOptional?this.placeholderChar:"")}},{key:"unmaskedValue",get:function(){return this.masked.unmaskedValue}},{key:"isComplete",get:function(){return Boolean(this.masked.value)||this.isOptional}},{key:"state",get:function(){return{masked:this.masked.state,_isFilled:this._isFilled}},set:function(t){this.masked.state=t.masked,this._isFilled=t._isFilled}}]),t}(),ke=function(){function t(e){Nt(this,t),Object.assign(this,e),this._value=""}return zt(t,[{key:"reset",value:function(){this._isRawInput=!1,this._value=""}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this._value.length;return this._value=this._value.slice(0,t)+this._value.slice(e),this._value||(this._isRawInput=!1),new oe}},{key:"nearestInputPos",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:te,n=0,u=this._value.length;switch(e){case ee:case ne:return n;case te:case ue:case ie:default:return u}}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this._value.length,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return n.raw&&this._isRawInput&&this._value.slice(t,e)||""}},{key:"_appendChar",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=new oe;if(this._value)return n;var u=this.char===t[0],i=u&&(this.isUnmasking||e.input||e.raw)&&!e.tail;return i&&(n.rawInserted=this.char),this._value=n.inserted=this.char,this._isRawInput=i&&(e.raw||e.input),n}},{key:"_appendPlaceholder",value:function(){var t=new oe;return this._value?t:(this._value=t.inserted=this.char,t)}},{key:"extractTail",value:function(){arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return new le("")}},{key:"appendTail",value:function(t){return Qt(t)&&(t=new le(String(t))),t.appendTo(this)}},{key:"append",value:function(t,e,n){var u=this._appendChar(t,e);return null!=n&&(u.tailShift+=this.appendTail(n).tailShift),u}},{key:"doCommit",value:function(){}},{key:"value",get:function(){return this._value}},{key:"unmaskedValue",get:function(){return this.isUnmasking?this.value:""}},{key:"isComplete",get:function(){return!0}},{key:"state",get:function(){return{_value:this._value,_isRawInput:this._isRawInput}},set:function(t){Object.assign(this,t)}}]),t}(),ge=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;Nt(this,t),this.chunks=e,this.from=n}return zt(t,[{key:"toString",value:function(){return this.chunks.map(String).join("")}},{key:"extend",value:function(e){if(String(e)){Qt(e)&&(e=new le(String(e)));var n=this.chunks[this.chunks.length-1],u=n&&(n.stop===e.stop||null==e.stop)&&e.from===n.from+n.toString().length;if(e instanceof le)u?n.extend(e.toString()):this.chunks.push(e);else if(e instanceof t){if(null==e.stop)for(var i;e.chunks.length&&null==e.chunks[0].stop;)(i=e.chunks.shift()).from+=e.from,this.extend(i);e.toString()&&(e.stop=e.blockIndex,this.chunks.push(e))}}}},{key:"appendTo",value:function(e){if(!(e instanceof he.MaskedPattern))return new le(this.toString()).appendTo(e);for(var n=new oe,u=0;u<this.chunks.length&&!n.skip;++u){var i=this.chunks[u],r=e._mapPosToBlock(e.value.length),a=i.stop,s=void 0;if(null!=a&&(!r||r.index<=a)&&((i instanceof t||e._stops.indexOf(a)>=0)&&n.aggregate(e._appendPlaceholder(a)),s=i instanceof t&&e._blocks[a]),s){var o=s.appendTail(i);o.skip=!1,n.aggregate(o),e._value+=o.inserted;var l=i.toString().slice(o.rawInserted.length);l&&n.aggregate(e.append(l,{tail:!0}))}else n.aggregate(e.append(i.toString(),{tail:!0}))}return n}},{key:"shiftBefore",value:function(t){if(this.from>=t||!this.chunks.length)return"";for(var e=t-this.from,n=0;n<this.chunks.length;){var u=this.chunks[n],i=u.shiftBefore(e);if(u.toString()){if(!i)break;++n}else this.chunks.splice(n,1);if(i)return i}return""}},{key:"state",get:function(){return{chunks:this.chunks.map((function(t){return t.state})),from:this.from,stop:this.stop,blockIndex:this.blockIndex}},set:function(e){var n=e.chunks,u=Kt(e,["chunks"]);Object.assign(this,u),this.chunks=n.map((function(e){var n="chunks"in e?new t:new le;return n.state=e,n}))}}]),t}(),ye=function(t){function e(){return Nt(this,e),qt(this,Yt(e).apply(this,arguments))}return Ht(e,t),zt(e,[{key:"_update",value:function(t){t.mask&&(t.validate=function(e){return e.search(t.mask)>=0}),Wt(Yt(e.prototype),"_update",this).call(this,t)}}]),e}(ce);he.MaskedRegExp=ye;var me=function(t){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Nt(this,e),t.definitions=Object.assign({},de,t.definitions),qt(this,Yt(e).call(this,Object.assign({},e.DEFAULTS,{},t)))}return Ht(e,t),zt(e,[{key:"_update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.definitions=Object.assign({},this.definitions,t.definitions),Wt(Yt(e.prototype),"_update",this).call(this,t),this._rebuildMask()}},{key:"_rebuildMask",value:function(){var t=this,n=this.definitions;this._blocks=[],this._stops=[],this._maskedBlocks={};var u=this.mask;if(u&&n)for(var i=!1,r=!1,a=0;a<u.length;++a){if(this.blocks)if("continue"===function(){var e=u.slice(a),n=Object.keys(t.blocks).filter((function(t){return 0===e.indexOf(t)}));n.sort((function(t,e){return e.length-t.length}));var i=n[0];if(i){var r=pe(Object.assign({parent:t,lazy:t.lazy,placeholderChar:t.placeholderChar,overwrite:t.overwrite},t.blocks[i]));return r&&(t._blocks.push(r),t._maskedBlocks[i]||(t._maskedBlocks[i]=[]),t._maskedBlocks[i].push(t._blocks.length-1)),a+=i.length-1,"continue"}}())continue;var s=u[a],o=s in n;if(s!==e.STOP_CHAR)if("{"!==s&&"}"!==s)if("["!==s&&"]"!==s){if(s===e.ESCAPE_CHAR){if(++a,!(s=u[a]))break;o=!1}var l=o?new ve({parent:this,lazy:this.lazy,placeholderChar:this.placeholderChar,mask:n[s],isOptional:r}):new ke({char:s,isUnmasking:i});this._blocks.push(l)}else r=!r;else i=!i;else this._stops.push(this._blocks.length)}}},{key:"reset",value:function(){Wt(Yt(e.prototype),"reset",this).call(this),this._blocks.forEach((function(t){return t.reset()}))}},{key:"doCommit",value:function(){this._blocks.forEach((function(t){return t.doCommit()})),Wt(Yt(e.prototype),"doCommit",this).call(this)}},{key:"appendTail",value:function(t){return Wt(Yt(e.prototype),"appendTail",this).call(this,t).aggregate(this._appendPlaceholder())}},{key:"_appendCharRaw",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t=this.doPrepare(t,e);var n=this._mapPosToBlock(this.value.length),u=new oe;if(!n)return u;for(var i=n.index;;++i){var r=this._blocks[i];if(!r)break;var a=r._appendChar(t,e),s=a.skip;if(u.aggregate(a),s||a.rawInserted)break}return u}},{key:"extractTail",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,u=new ge;return e===n?u:(this._forEachBlocksInRange(e,n,(function(e,n,i,r){var a=e.extractTail(i,r);a.stop=t._findStopBefore(n),a.from=t._blockStartPos(n),a instanceof ge&&(a.blockIndex=n),u.extend(a)})),u)}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(t===e)return"";var u="";return this._forEachBlocksInRange(t,e,(function(t,e,i,r){u+=t.extractInput(i,r,n)})),u}},{key:"_findStopBefore",value:function(t){for(var e,n=0;n<this._stops.length;++n){var u=this._stops[n];if(!(u<=t))break;e=u}return e}},{key:"_appendPlaceholder",value:function(t){var e=this,n=new oe;if(this.lazy&&null==t)return n;var u=this._mapPosToBlock(this.value.length);if(!u)return n;var i=u.index,r=null!=t?t:this._blocks.length;return this._blocks.slice(i,r).forEach((function(u){if(!u.lazy||null!=t){var i=null!=u._blocks?[u._blocks.length]:[],r=u._appendPlaceholder.apply(u,i);e._value+=r.inserted,n.aggregate(r)}})),n}},{key:"_mapPosToBlock",value:function(t){for(var e="",n=0;n<this._blocks.length;++n){var u=this._blocks[n],i=e.length;if(t<=(e+=u.value).length)return{index:n,offset:t-i}}}},{key:"_blockStartPos",value:function(t){return this._blocks.slice(0,t).reduce((function(t,e){return t+e.value.length}),0)}},{key:"_forEachBlocksInRange",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,n=arguments.length>2?arguments[2]:void 0,u=this._mapPosToBlock(t);if(u){var i=this._mapPosToBlock(e),r=i&&u.index===i.index,a=u.offset,s=i&&r?i.offset:this._blocks[u.index].value.length;if(n(this._blocks[u.index],u.index,a,s),i&&!r){for(var o=u.index+1;o<i.index;++o)n(this._blocks[o],o,0,this._blocks[o].value.length);n(this._blocks[i.index],i.index,0,i.offset)}}}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,u=Wt(Yt(e.prototype),"remove",this).call(this,t,n);return this._forEachBlocksInRange(t,n,(function(t,e,n,i){u.aggregate(t.remove(n,i))})),u}},{key:"nearestInputPos",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:te,n=this._mapPosToBlock(t)||{index:0,offset:0},u=n.offset,i=n.index,r=this._blocks[i];if(!r)return t;var a=u;0!==a&&a<r.value.length&&(a=r.nearestInputPos(u,re(e)));var s=a===r.value.length,o=0===a;if(!o&&!s)return this._blockStartPos(i)+a;var l=s?i+1:i;if(e===te){if(l>0){var h=l-1,c=this._blocks[h],f=c.nearestInputPos(0,te);if(!c.value.length||f!==c.value.length)return this._blockStartPos(l)}for(var p=l,d=p;d<this._blocks.length;++d){var v=this._blocks[d],k=v.nearestInputPos(0,te);if(!v.value.length||k!==v.value.length)return this._blockStartPos(d)+k}for(var g=l-1;g>=0;--g){var y=this._blocks[g],m=y.nearestInputPos(0,te);if(!y.value.length||m!==y.value.length)return this._blockStartPos(g)+y.value.length}return t}if(e===ee||e===ne){for(var _,A=l;A<this._blocks.length;++A)if(this._blocks[A].value){_=A;break}if(null!=_){var b=this._blocks[_],C=b.nearestInputPos(0,ue);if(0===C&&b.unmaskedValue.length)return this._blockStartPos(_)+C}for(var E,F=-1,S=l-1;S>=0;--S){var D=this._blocks[S],B=D.nearestInputPos(D.value.length,ne);if(D.value&&0===B||(E=S),0!==B){if(B!==D.value.length)return this._blockStartPos(S)+B;F=S;break}}if(e===ee)for(var w=F+1;w<=Math.min(l,this._blocks.length-1);++w){var M=this._blocks[w],x=M.nearestInputPos(0,te),P=this._blockStartPos(w)+x;if(P>t)break;if(x!==M.value.length)return P}if(F>=0)return this._blockStartPos(F)+this._blocks[F].value.length;if(e===ne||this.lazy&&!this.extractInput()&&!_e(this._blocks[l]))return 0;if(null!=E)return this._blockStartPos(E);for(var O=l;O<this._blocks.length;++O){var T=this._blocks[O],I=T.nearestInputPos(0,te);if(!T.value.length||I!==T.value.length)return this._blockStartPos(O)+I}return 0}if(e===ue||e===ie){for(var j,V,R=l;R<this._blocks.length;++R){var L=this._blocks[R],N=L.nearestInputPos(0,te);if(N!==L.value.length){V=this._blockStartPos(R)+N,j=R;break}}if(null!=j&&null!=V){for(var U=j;U<this._blocks.length;++U){var z=this._blocks[U],H=z.nearestInputPos(0,ie);if(H!==z.value.length)return this._blockStartPos(U)+H}return e===ie?this.value.length:V}for(var Y=Math.min(l,this._blocks.length-1);Y>=0;--Y){var Z=this._blocks[Y],K=Z.nearestInputPos(Z.value.length,ee);if(0!==K){var q=this._blockStartPos(Y)+K;if(q>=t)return q;break}}}return t}},{key:"maskedBlock",value:function(t){return this.maskedBlocks(t)[0]}},{key:"maskedBlocks",value:function(t){var e=this,n=this._maskedBlocks[t];return n?n.map((function(t){return e._blocks[t]})):[]}},{key:"state",get:function(){return Object.assign({},Wt(Yt(e.prototype),"state",this),{_blocks:this._blocks.map((function(t){return t.state}))})},set:function(t){var n=t._blocks,u=Kt(t,["_blocks"]);this._blocks.forEach((function(t,e){return t.state=n[e]})),Xt(Yt(e.prototype),"state",u,this,!0)}},{key:"isComplete",get:function(){return this._blocks.every((function(t){return t.isComplete}))}},{key:"unmaskedValue",get:function(){return this._blocks.reduce((function(t,e){return t+e.unmaskedValue}),"")},set:function(t){Xt(Yt(e.prototype),"unmaskedValue",t,this,!0)}},{key:"value",get:function(){return this._blocks.reduce((function(t,e){return t+e.value}),"")},set:function(t){Xt(Yt(e.prototype),"value",t,this,!0)}}]),e}(ce);function _e(t){if(!t)return!1;var e=t.value;return!e||t.nearestInputPos(0,te)!==e.length}me.DEFAULTS={lazy:!0,placeholderChar:"_"},me.STOP_CHAR="`",me.ESCAPE_CHAR="\\",me.InputDefinition=ve,me.FixedDefinition=ke,he.MaskedPattern=me;var Ae=function(t){function e(){return Nt(this,e),qt(this,Yt(e).apply(this,arguments))}return Ht(e,t),zt(e,[{key:"_update",value:function(t){t=Object.assign({to:this.to||0,from:this.from||0},t);var n=String(t.to).length;null!=t.maxLength&&(n=Math.max(n,t.maxLength)),t.maxLength=n;for(var u=String(t.from).padStart(n,"0"),i=String(t.to).padStart(n,"0"),r=0;r<i.length&&i[r]===u[r];)++r;t.mask=i.slice(0,r).replace(/0/g,"\\0")+"0".repeat(n-r),Wt(Yt(e.prototype),"_update",this).call(this,t)}},{key:"boundaries",value:function(t){var e="",n="",u=Jt(t.match(/^(\D*)(\d*)(\D*)/)||[],3),i=u[1],r=u[2];return r&&(e="0".repeat(i.length)+r,n="9".repeat(i.length)+r),[e=e.padEnd(this.maxLength,"0"),n=n.padEnd(this.maxLength,"9")]}},{key:"doPrepare",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(t=Wt(Yt(e.prototype),"doPrepare",this).call(this,t,n).replace(/\D/g,""),!this.autofix)return t;for(var u=String(this.from).padStart(this.maxLength,"0"),i=String(this.to).padStart(this.maxLength,"0"),r=this.value,a="",s=0;s<t.length;++s){var o=r+a+t[s],l=this.boundaries(o),h=Jt(l,2),c=h[0],f=h[1];Number(f)<this.from?a+=u[o.length-1]:Number(c)>this.to?a+=i[o.length-1]:a+=t[s]}return a}},{key:"doValidate",value:function(){var t,n=this.value,u=n.search(/[^0]/);if(-1===u&&n.length<=this._matchFrom)return!0;for(var i=this.boundaries(n),r=Jt(i,2),a=r[0],s=r[1],o=arguments.length,l=new Array(o),h=0;h<o;h++)l[h]=arguments[h];return this.from<=Number(s)&&Number(a)<=this.to&&(t=Wt(Yt(e.prototype),"doValidate",this)).call.apply(t,[this].concat(l))}},{key:"_matchFrom",get:function(){return this.maxLength-String(this.from).length}},{key:"isComplete",get:function(){return Wt(Yt(e.prototype),"isComplete",this)&&Boolean(this.value)}}]),e}(me);he.MaskedRange=Ae;var be=function(t){function e(t){return Nt(this,e),qt(this,Yt(e).call(this,Object.assign({},e.DEFAULTS,{},t)))}return Ht(e,t),zt(e,[{key:"_update",value:function(t){t.mask===Date&&delete t.mask,t.pattern&&(t.mask=t.pattern);var n=t.blocks;t.blocks=Object.assign({},e.GET_DEFAULT_BLOCKS()),t.min&&(t.blocks.Y.from=t.min.getFullYear()),t.max&&(t.blocks.Y.to=t.max.getFullYear()),t.min&&t.max&&t.blocks.Y.from===t.blocks.Y.to&&(t.blocks.m.from=t.min.getMonth()+1,t.blocks.m.to=t.max.getMonth()+1,t.blocks.m.from===t.blocks.m.to&&(t.blocks.d.from=t.min.getDate(),t.blocks.d.to=t.max.getDate())),Object.assign(t.blocks,n),Object.keys(t.blocks).forEach((function(e){var n=t.blocks[e];"autofix"in n||(n.autofix=t.autofix)})),Wt(Yt(e.prototype),"_update",this).call(this,t)}},{key:"doValidate",value:function(){for(var t,n=this.date,u=arguments.length,i=new Array(u),r=0;r<u;r++)i[r]=arguments[r];return(t=Wt(Yt(e.prototype),"doValidate",this)).call.apply(t,[this].concat(i))&&(!this.isComplete||this.isDateExist(this.value)&&null!=n&&(null==this.min||this.min<=n)&&(null==this.max||n<=this.max))}},{key:"isDateExist",value:function(t){return this.format(this.parse(t,this),this).indexOf(t)>=0}},{key:"date",get:function(){return this.typedValue},set:function(t){this.typedValue=t}},{key:"typedValue",get:function(){return this.isComplete?Wt(Yt(e.prototype),"typedValue",this):null},set:function(t){Xt(Yt(e.prototype),"typedValue",t,this,!0)}}]),e}(me);be.DEFAULTS={pattern:"d{.}`m{.}`Y",format:function(t){return[String(t.getDate()).padStart(2,"0"),String(t.getMonth()+1).padStart(2,"0"),t.getFullYear()].join(".")},parse:function(t){var e=Jt(t.split("."),3),n=e[0],u=e[1],i=e[2];return new Date(i,u-1,n)}},be.GET_DEFAULT_BLOCKS=function(){return{d:{mask:Ae,from:1,to:31,maxLength:2},m:{mask:Ae,from:1,to:12,maxLength:2},Y:{mask:Ae,from:1900,to:9999}}},he.MaskedDate=be;var Ce=function(){function t(){Nt(this,t)}return zt(t,[{key:"select",value:function(t,e){if(null!=t&&null!=e&&(t!==this.selectionStart||e!==this.selectionEnd))try{this._unsafeSelect(t,e)}catch(t){}}},{key:"_unsafeSelect",value:function(t,e){}},{key:"bindEvents",value:function(t){}},{key:"unbindEvents",value:function(){}},{key:"selectionStart",get:function(){var t;try{t=this._unsafeSelectionStart}catch(t){}return null!=t?t:this.value.length}},{key:"selectionEnd",get:function(){var t;try{t=this._unsafeSelectionEnd}catch(t){}return null!=t?t:this.value.length}},{key:"isActive",get:function(){return!1}}]),t}();he.MaskElement=Ce;var Ee=function(t){function e(t){var n;return Nt(this,e),(n=qt(this,Yt(e).call(this))).input=t,n._handlers={},n}return Ht(e,t),zt(e,[{key:"_unsafeSelect",value:function(t,e){this.input.setSelectionRange(t,e)}},{key:"bindEvents",value:function(t){var n=this;Object.keys(t).forEach((function(u){return n._toggleEventHandler(e.EVENTS_MAP[u],t[u])}))}},{key:"unbindEvents",value:function(){var t=this;Object.keys(this._handlers).forEach((function(e){return t._toggleEventHandler(e)}))}},{key:"_toggleEventHandler",value:function(t,e){this._handlers[t]&&(this.input.removeEventListener(t,this._handlers[t]),delete this._handlers[t]),e&&(this.input.addEventListener(t,e),this._handlers[t]=e)}},{key:"rootElement",get:function(){return this.input.getRootNode?this.input.getRootNode():document}},{key:"isActive",get:function(){return this.input===this.rootElement.activeElement}},{key:"_unsafeSelectionStart",get:function(){return this.input.selectionStart}},{key:"_unsafeSelectionEnd",get:function(){return this.input.selectionEnd}},{key:"value",get:function(){return this.input.value},set:function(t){this.input.value=t}}]),e}(Ce);Ee.EVENTS_MAP={selectionChange:"keydown",input:"input",drop:"drop",click:"click",focus:"focus",commit:"blur"},he.HTMLMaskElement=Ee;var Fe=function(t){function e(){return Nt(this,e),qt(this,Yt(e).apply(this,arguments))}return Ht(e,t),zt(e,[{key:"_unsafeSelect",value:function(t,e){if(this.rootElement.createRange){var n=this.rootElement.createRange();n.setStart(this.input.firstChild||this.input,t),n.setEnd(this.input.lastChild||this.input,e);var u=this.rootElement,i=u.getSelection&&u.getSelection();i&&(i.removeAllRanges(),i.addRange(n))}}},{key:"_unsafeSelectionStart",get:function(){var t=this.rootElement,e=t.getSelection&&t.getSelection();return e&&e.anchorOffset}},{key:"_unsafeSelectionEnd",get:function(){var t=this.rootElement,e=t.getSelection&&t.getSelection();return e&&this._unsafeSelectionStart+String(e).length}},{key:"value",get:function(){return this.input.textContent},set:function(t){this.input.textContent=t}}]),e}(Ee);he.HTMLContenteditableMaskElement=Fe;var Se=function(){function t(e,n){Nt(this,t),this.el=e instanceof Ce?e:e.isContentEditable&&"INPUT"!==e.tagName&&"TEXTAREA"!==e.tagName?new Fe(e):new Ee(e),this.masked=pe(n),this._listeners={},this._value="",this._unmaskedValue="",this._saveSelection=this._saveSelection.bind(this),this._onInput=this._onInput.bind(this),this._onChange=this._onChange.bind(this),this._onDrop=this._onDrop.bind(this),this._onFocus=this._onFocus.bind(this),this._onClick=this._onClick.bind(this),this.alignCursor=this.alignCursor.bind(this),this.alignCursorFriendly=this.alignCursorFriendly.bind(this),this._bindEvents(),this.updateValue(),this._onChange()}return zt(t,[{key:"maskEquals",value:function(t){return null==t||t===this.masked.mask||t===Date&&this.masked instanceof be}},{key:"_bindEvents",value:function(){this.el.bindEvents({selectionChange:this._saveSelection,input:this._onInput,drop:this._onDrop,click:this._onClick,focus:this._onFocus,commit:this._onChange})}},{key:"_unbindEvents",value:function(){this.el&&this.el.unbindEvents()}},{key:"_fireEvent",value:function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),u=1;u<e;u++)n[u-1]=arguments[u];var i=this._listeners[t];i&&i.forEach((function(t){return t.apply(void 0,n)}))}},{key:"_saveSelection",value:function(){this.value!==this.el.value&&console.warn("Element value was changed outside of mask. Syncronize mask using `mask.updateValue()` to work properly."),this._selection={start:this.selectionStart,end:this.cursorPos}}},{key:"updateValue",value:function(){this.masked.value=this.el.value,this._value=this.masked.value}},{key:"updateControl",value:function(){var t=this.masked.unmaskedValue,e=this.masked.value,n=this.unmaskedValue!==t||this.value!==e;this._unmaskedValue=t,this._value=e,this.el.value!==e&&(this.el.value=e),n&&this._fireChangeEvents()}},{key:"updateOptions",value:function(t){var e=t.mask,n=Kt(t,["mask"]),u=!this.maskEquals(e),i=!function t(e,n){if(n===e)return!0;var u,i=Array.isArray(n),r=Array.isArray(e);if(i&&r){if(n.length!=e.length)return!1;for(u=0;u<n.length;u++)if(!t(n[u],e[u]))return!1;return!0}if(i!=r)return!1;if(n&&e&&"object"===Lt(n)&&"object"===Lt(e)){var a=n instanceof Date,s=e instanceof Date;if(a&&s)return n.getTime()==e.getTime();if(a!=s)return!1;var o=n instanceof RegExp,l=e instanceof RegExp;if(o&&l)return n.toString()==e.toString();if(o!=l)return!1;var h=Object.keys(n);for(u=0;u<h.length;u++)if(!Object.prototype.hasOwnProperty.call(e,h[u]))return!1;for(u=0;u<h.length;u++)if(!t(e[h[u]],n[h[u]]))return!1;return!0}return!(!n||!e||"function"!=typeof n||"function"!=typeof e)&&n.toString()===e.toString()}(this.masked,n);u&&(this.mask=e),i&&this.masked.updateOptions(n),(u||i)&&this.updateControl()}},{key:"updateCursor",value:function(t){null!=t&&(this.cursorPos=t,this._delayUpdateCursor(t))}},{key:"_delayUpdateCursor",value:function(t){var e=this;this._abortUpdateCursor(),this._changingCursorPos=t,this._cursorChanging=setTimeout((function(){e.el&&(e.cursorPos=e._changingCursorPos,e._abortUpdateCursor())}),10)}},{key:"_fireChangeEvents",value:function(){this._fireEvent("accept",this._inputEvent),this.masked.isComplete&&this._fireEvent("complete",this._inputEvent)}},{key:"_abortUpdateCursor",value:function(){this._cursorChanging&&(clearTimeout(this._cursorChanging),delete this._cursorChanging)}},{key:"alignCursor",value:function(){this.cursorPos=this.masked.nearestInputPos(this.cursorPos,ee)}},{key:"alignCursorFriendly",value:function(){this.selectionStart===this.cursorPos&&this.alignCursor()}},{key:"on",value:function(t,e){return this._listeners[t]||(this._listeners[t]=[]),this._listeners[t].push(e),this}},{key:"off",value:function(t,e){if(!this._listeners[t])return this;if(!e)return delete this._listeners[t],this;var n=this._listeners[t].indexOf(e);return n>=0&&this._listeners[t].splice(n,1),this}},{key:"_onInput",value:function(t){if(this._inputEvent=t,this._abortUpdateCursor(),!this._selection)return this.updateValue();var e=new se(this.el.value,this.cursorPos,this.value,this._selection),n=this.masked.rawInputValue,u=this.masked.splice(e.startChangePos,e.removed.length,e.inserted,e.removeDirection).offset,i=n===this.masked.rawInputValue?e.removeDirection:te,r=this.masked.nearestInputPos(e.startChangePos+u,i);this.updateControl(),this.updateCursor(r),delete this._inputEvent}},{key:"_onChange",value:function(){this.value!==this.el.value&&this.updateValue(),this.masked.doCommit(),this.updateControl(),this._saveSelection()}},{key:"_onDrop",value:function(t){t.preventDefault(),t.stopPropagation()}},{key:"_onFocus",value:function(t){this.alignCursorFriendly()}},{key:"_onClick",value:function(t){this.alignCursorFriendly()}},{key:"destroy",value:function(){this._unbindEvents(),this._listeners.length=0,delete this.el}},{key:"mask",get:function(){return this.masked.mask},set:function(t){if(!this.maskEquals(t))if(t instanceof he.Masked||this.masked.constructor!==fe(t)){var e=pe({mask:t});e.unmaskedValue=this.masked.unmaskedValue,this.masked=e}else this.masked.updateOptions({mask:t})}},{key:"value",get:function(){return this._value},set:function(t){this.masked.value=t,this.updateControl(),this.alignCursor()}},{key:"unmaskedValue",get:function(){return this._unmaskedValue},set:function(t){this.masked.unmaskedValue=t,this.updateControl(),this.alignCursor()}},{key:"typedValue",get:function(){return this.masked.typedValue},set:function(t){this.masked.typedValue=t,this.updateControl(),this.alignCursor()}},{key:"selectionStart",get:function(){return this._cursorChanging?this._changingCursorPos:this.el.selectionStart}},{key:"cursorPos",get:function(){return this._cursorChanging?this._changingCursorPos:this.el.selectionEnd},set:function(t){this.el&&this.el.isActive&&(this.el.select(t,t),this._saveSelection())}}]),t}();he.InputMask=Se;var De=function(t){function e(){return Nt(this,e),qt(this,Yt(e).apply(this,arguments))}return Ht(e,t),zt(e,[{key:"_update",value:function(t){t.enum&&(t.mask="*".repeat(t.enum[0].length)),Wt(Yt(e.prototype),"_update",this).call(this,t)}},{key:"doValidate",value:function(){for(var t,n=this,u=arguments.length,i=new Array(u),r=0;r<u;r++)i[r]=arguments[r];return this.enum.some((function(t){return t.indexOf(n.unmaskedValue)>=0}))&&(t=Wt(Yt(e.prototype),"doValidate",this)).call.apply(t,[this].concat(i))}}]),e}(me);he.MaskedEnum=De;var Be=function(t){function e(t){return Nt(this,e),qt(this,Yt(e).call(this,Object.assign({},e.DEFAULTS,{},t)))}return Ht(e,t),zt(e,[{key:"_update",value:function(t){Wt(Yt(e.prototype),"_update",this).call(this,t),this._updateRegExps()}},{key:"_updateRegExps",value:function(){var t="^"+(this.allowNegative?"[+|\\-]?":""),e=(this.scale?"("+ae(this.radix)+"\\d{0,"+this.scale+"})?":"")+"$";this._numberRegExpInput=new RegExp(t+"(0|([1-9]+\\d*))?"+e),this._numberRegExp=new RegExp(t+"\\d*"+e),this._mapToRadixRegExp=new RegExp("["+this.mapToRadix.map(ae).join("")+"]","g"),this._thousandsSeparatorRegExp=new RegExp(ae(this.thousandsSeparator),"g")}},{key:"_removeThousandsSeparators",value:function(t){return t.replace(this._thousandsSeparatorRegExp,"")}},{key:"_insertThousandsSeparators",value:function(t){var e=t.split(this.radix);return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,this.thousandsSeparator),e.join(this.radix)}},{key:"doPrepare",value:function(t){for(var n,u=arguments.length,i=new Array(u>1?u-1:0),r=1;r<u;r++)i[r-1]=arguments[r];return(n=Wt(Yt(e.prototype),"doPrepare",this)).call.apply(n,[this,this._removeThousandsSeparators(t.replace(this._mapToRadixRegExp,this.radix))].concat(i))}},{key:"_separatorsCount",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=0,u=0;u<t;++u)this._value.indexOf(this.thousandsSeparator,u)===u&&(++n,e&&(t+=this.thousandsSeparator.length));return n}},{key:"_separatorsCountFromSlice",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this._value;return this._separatorsCount(this._removeThousandsSeparators(t).length,!0)}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,u=arguments.length>2?arguments[2]:void 0,i=this._adjustRangeWithSeparators(t,n),r=Jt(i,2);return t=r[0],n=r[1],this._removeThousandsSeparators(Wt(Yt(e.prototype),"extractInput",this).call(this,t,n,u))}},{key:"_appendCharRaw",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!this.thousandsSeparator)return Wt(Yt(e.prototype),"_appendCharRaw",this).call(this,t,n);var u=n.tail&&n._beforeTailState?n._beforeTailState._value:this._value,i=this._separatorsCountFromSlice(u);this._value=this._removeThousandsSeparators(this.value);var r=Wt(Yt(e.prototype),"_appendCharRaw",this).call(this,t,n);this._value=this._insertThousandsSeparators(this._value);var a=n.tail&&n._beforeTailState?n._beforeTailState._value:this._value,s=this._separatorsCountFromSlice(a);return r.tailShift+=(s-i)*this.thousandsSeparator.length,r.skip=!r.rawInserted&&t===this.thousandsSeparator,r}},{key:"_findSeparatorAround",value:function(t){if(this.thousandsSeparator){var e=t-this.thousandsSeparator.length+1,n=this.value.indexOf(this.thousandsSeparator,e);if(n<=t)return n}return-1}},{key:"_adjustRangeWithSeparators",value:function(t,e){var n=this._findSeparatorAround(t);n>=0&&(t=n);var u=this._findSeparatorAround(e);return u>=0&&(e=u+this.thousandsSeparator.length),[t,e]}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,n=this._adjustRangeWithSeparators(t,e),u=Jt(n,2);t=u[0],e=u[1];var i=this.value.slice(0,t),r=this.value.slice(e),a=this._separatorsCount(i.length);this._value=this._insertThousandsSeparators(this._removeThousandsSeparators(i+r));var s=this._separatorsCountFromSlice(i);return new oe({tailShift:(s-a)*this.thousandsSeparator.length})}},{key:"nearestInputPos",value:function(t,e){if(!this.thousandsSeparator)return t;switch(e){case te:case ee:case ne:var n=this._findSeparatorAround(t-1);if(n>=0){var u=n+this.thousandsSeparator.length;if(t<u||this.value.length<=u||e===ne)return n}break;case ue:case ie:var i=this._findSeparatorAround(t);if(i>=0)return i+this.thousandsSeparator.length}return t}},{key:"doValidate",value:function(t){var n=(t.input?this._numberRegExpInput:this._numberRegExp).test(this._removeThousandsSeparators(this.value));if(n){var u=this.number;n=n&&!isNaN(u)&&(null==this.min||this.min>=0||this.min<=this.number)&&(null==this.max||this.max<=0||this.number<=this.max)}return n&&Wt(Yt(e.prototype),"doValidate",this).call(this,t)}},{key:"doCommit",value:function(){if(this.value){var t=this.number,n=t;null!=this.min&&(n=Math.max(n,this.min)),null!=this.max&&(n=Math.min(n,this.max)),n!==t&&(this.unmaskedValue=String(n));var u=this.value;this.normalizeZeros&&(u=this._normalizeZeros(u)),this.padFractionalZeros&&(u=this._padFractionalZeros(u)),this._value=u}Wt(Yt(e.prototype),"doCommit",this).call(this)}},{key:"_normalizeZeros",value:function(t){var e=this._removeThousandsSeparators(t).split(this.radix);return e[0]=e[0].replace(/^(\D*)(0*)(\d*)/,(function(t,e,n,u){return e+u})),t.length&&!/\d$/.test(e[0])&&(e[0]=e[0]+"0"),e.length>1&&(e[1]=e[1].replace(/0*$/,""),e[1].length||(e.length=1)),this._insertThousandsSeparators(e.join(this.radix))}},{key:"_padFractionalZeros",value:function(t){if(!t)return t;var e=t.split(this.radix);return e.length<2&&e.push(""),e[1]=e[1].padEnd(this.scale,"0"),e.join(this.radix)}},{key:"unmaskedValue",get:function(){return this._removeThousandsSeparators(this._normalizeZeros(this.value)).replace(this.radix,".")},set:function(t){Xt(Yt(e.prototype),"unmaskedValue",t.replace(".",this.radix),this,!0)}},{key:"typedValue",get:function(){return Number(this.unmaskedValue)},set:function(t){Xt(Yt(e.prototype),"unmaskedValue",String(t),this,!0)}},{key:"number",get:function(){return this.typedValue},set:function(t){this.typedValue=t}},{key:"allowNegative",get:function(){return this.signed||null!=this.min&&this.min<0||null!=this.max&&this.max<0}}]),e}(ce);Be.DEFAULTS={radix:",",thousandsSeparator:"",mapToRadix:["."],scale:2,signed:!1,normalizeZeros:!0,padFractionalZeros:!1},he.MaskedNumber=Be;var we=function(t){function e(){return Nt(this,e),qt(this,Yt(e).apply(this,arguments))}return Ht(e,t),zt(e,[{key:"_update",value:function(t){t.mask&&(t.validate=t.mask),Wt(Yt(e.prototype),"_update",this).call(this,t)}}]),e}(ce);he.MaskedFunction=we;var Me=function(t){function e(t){var n;return Nt(this,e),(n=qt(this,Yt(e).call(this,Object.assign({},e.DEFAULTS,{},t)))).currentMask=null,n}return Ht(e,t),zt(e,[{key:"_update",value:function(t){Wt(Yt(e.prototype),"_update",this).call(this,t),"mask"in t&&(this.compiledMasks=Array.isArray(t.mask)?t.mask.map((function(t){return pe(t)})):[])}},{key:"_appendCharRaw",value:function(){var t,e=this._applyDispatch.apply(this,arguments);this.currentMask&&e.aggregate((t=this.currentMask)._appendChar.apply(t,arguments));return e}},{key:"_applyDispatch",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.tail&&null!=e._beforeTailState?e._beforeTailState._value:this.value,u=this.rawInputValue,i=e.tail&&null!=e._beforeTailState?e._beforeTailState._rawInputValue:u,r=u.slice(i.length),a=this.currentMask,s=new oe,o=a&&a.state;if(this.currentMask=this.doDispatch(t,Object.assign({},e)),this.currentMask)if(this.currentMask!==a){this.currentMask.reset();var l=this.currentMask.append(i,{raw:!0});s.tailShift=l.inserted.length-n.length,r&&(s.tailShift+=this.currentMask.append(r,{raw:!0,tail:!0}).tailShift)}else this.currentMask.state=o;return s}},{key:"_appendPlaceholder",value:function(){var t=this._applyDispatch.apply(this,arguments);return this.currentMask&&t.aggregate(this.currentMask._appendPlaceholder()),t}},{key:"doDispatch",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.dispatch(t,this,e)}},{key:"doValidate",value:function(){for(var t,n,u=arguments.length,i=new Array(u),r=0;r<u;r++)i[r]=arguments[r];return(t=Wt(Yt(e.prototype),"doValidate",this)).call.apply(t,[this].concat(i))&&(!this.currentMask||(n=this.currentMask).doValidate.apply(n,i))}},{key:"reset",value:function(){this.currentMask&&this.currentMask.reset(),this.compiledMasks.forEach((function(t){return t.reset()}))}},{key:"remove",value:function(){var t,e=new oe;this.currentMask&&e.aggregate((t=this.currentMask).remove.apply(t,arguments)).aggregate(this._applyDispatch());return e}},{key:"extractInput",value:function(){var t;return this.currentMask?(t=this.currentMask).extractInput.apply(t,arguments):""}},{key:"extractTail",value:function(){for(var t,n,u=arguments.length,i=new Array(u),r=0;r<u;r++)i[r]=arguments[r];return this.currentMask?(t=this.currentMask).extractTail.apply(t,i):(n=Wt(Yt(e.prototype),"extractTail",this)).call.apply(n,[this].concat(i))}},{key:"doCommit",value:function(){this.currentMask&&this.currentMask.doCommit(),Wt(Yt(e.prototype),"doCommit",this).call(this)}},{key:"nearestInputPos",value:function(){for(var t,n,u=arguments.length,i=new Array(u),r=0;r<u;r++)i[r]=arguments[r];return this.currentMask?(t=this.currentMask).nearestInputPos.apply(t,i):(n=Wt(Yt(e.prototype),"nearestInputPos",this)).call.apply(n,[this].concat(i))}},{key:"value",get:function(){return this.currentMask?this.currentMask.value:""},set:function(t){Xt(Yt(e.prototype),"value",t,this,!0)}},{key:"unmaskedValue",get:function(){return this.currentMask?this.currentMask.unmaskedValue:""},set:function(t){Xt(Yt(e.prototype),"unmaskedValue",t,this,!0)}},{key:"typedValue",get:function(){return this.currentMask?this.currentMask.typedValue:""},set:function(t){var e=String(t);this.currentMask&&(this.currentMask.typedValue=t,e=this.currentMask.unmaskedValue),this.unmaskedValue=e}},{key:"isComplete",get:function(){return!!this.currentMask&&this.currentMask.isComplete}},{key:"state",get:function(){return Object.assign({},Wt(Yt(e.prototype),"state",this),{_rawInputValue:this.rawInputValue,compiledMasks:this.compiledMasks.map((function(t){return t.state})),currentMaskRef:this.currentMask,currentMask:this.currentMask&&this.currentMask.state})},set:function(t){var n=t.compiledMasks,u=t.currentMaskRef,i=t.currentMask,r=Kt(t,["compiledMasks","currentMaskRef","currentMask"]);this.compiledMasks.forEach((function(t,e){return t.state=n[e]})),null!=u&&(this.currentMask=u,this.currentMask.state=i),Xt(Yt(e.prototype),"state",r,this,!0)}},{key:"overwrite",get:function(){return this.currentMask?this.currentMask.overwrite:Wt(Yt(e.prototype),"overwrite",this)},set:function(t){console.warn('"overwrite" option is not available in dynamic mask, use this option in siblings')}}]),e}(ce);Me.DEFAULTS={dispatch:function(t,e,n){if(e.compiledMasks.length){var u=e.rawInputValue,i=e.compiledMasks.map((function(e,i){return e.reset(),e.append(u,{raw:!0}),e.append(t,n),{weight:e.rawInputValue.length,index:i}}));return i.sort((function(t,e){return e.weight-t.weight})),e.compiledMasks[i[0].index]}}},he.MaskedDynamic=Me;var xe={MASKED:"value",UNMASKED:"unmaskedValue",TYPED:"typedValue"};function Pe(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:xe.MASKED,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:xe.MASKED,u=pe(t);return function(t){return u.runIsolated((function(u){return u[e]=t,u[n]}))}}function Oe(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),u=1;u<e;u++)n[u-1]=arguments[u];return Pe.apply(void 0,n)(t)}he.PIPE_TYPE=xe,he.createPipe=Pe,he.pipe=Oe;try{globalThis.IMask=he}catch(t){}t.HTMLContenteditableMaskElement=Fe,t.HTMLMaskElement=Ee,t.InputMask=Se,t.MaskElement=Ce,t.Masked=ce,t.MaskedDate=be,t.MaskedDynamic=Me,t.MaskedEnum=De,t.MaskedFunction=we,t.MaskedNumber=Be,t.MaskedPattern=me,t.MaskedRange=Ae,t.MaskedRegExp=ye,t.PIPE_TYPE=xe,t.createMask=pe,t.createPipe=Pe,t.default=he,t.pipe=Oe,Object.defineProperty(t,"__esModule",{value:!0})}));
-//# sourceMappingURL=imask.min.js.map
diff --git a/demo/docs/alerts.html b/demo/docs/alerts.html
index b5f0aa94a..55a8010f3 100644
--- a/demo/docs/alerts.html
+++ b/demo/docs/alerts.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Alerts - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Alerts - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="Alert messages are used to inform users of the status of their action and help them solve any problems that might have occurred. Good design of alert modals is very important for the overall user experience of a website or app."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -571,7 +578,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Alerts</h2>
+                      <h1 class="h2 mt-0 mb-3">Alerts</h1>
                       <p class="ml-auto">
                         <a href="https://getbootstrap.com/docs/4.4/components/alerts/" target="_blank">
                           <svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
@@ -783,7 +790,7 @@
                           <p>Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.</p>
                           <div class="btn-list">
                             <a href="#" class="btn btn-success">Save changes</a>
-                            <a href="#" class="btn btn-white">Cancel</a>
+                            <a href="#" class="btn">Cancel</a>
                           </div>
                           <a href="#" class="btn-close" data-dismiss="alert" aria-label="close">&times;</a>
                         </div>
@@ -796,7 +803,7 @@
   <span class="nt">&lt;p&gt;</span>Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.<span class="nt">&lt;/p&gt;</span>
   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"btn-list"</span><span class="nt">&gt;</span>
     <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-success"</span><span class="nt">&gt;</span>Save changes<span class="nt">&lt;/a&gt;</span>
-    <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Cancel<span class="nt">&lt;/a&gt;</span>
+    <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Cancel<span class="nt">&lt;/a&gt;</span>
   <span class="nt">&lt;/div&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-dismiss=</span><span class="s">"alert"</span> <span class="na">aria-label=</span><span class="s">"close"</span><span class="nt">&gt;</span><span class="ni">&amp;times;</span><span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;/div&gt;</span></code></pre>
@@ -819,9 +826,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/autosize.html b/demo/docs/autosize.html
index 286f178da..de2c032c8 100644
--- a/demo/docs/autosize.html
+++ b/demo/docs/autosize.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Autosize - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Autosize - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="The autosize element will automatically adjust the textarea height and make it easier for users to follow as they type."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -566,7 +573,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Autosize</h2>
+                      <h1 class="h2 mt-0 mb-3">Autosize</h1>
                     </div>
                     <p>The autosize element will automatically adjust the textarea height and make it easier for users to follow as they type.</p>
                     <h2 id="default-markup">Default markup</h2>
@@ -574,13 +581,13 @@
                     <div class="example no_toc_section">
                       <div class="example-content">
                         <label class="form-label">Autosize example</label>
-                        <textarea class="form-control" data-toggle="autosize" placeholder="Typing something…"></textarea>
+                        <textarea class="form-control" data-toggle="autosize" placeholder="Type something…"></textarea>
                       </div>
                     </div>
                     <div class="example-code">
                       <figure class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">&gt;</span>Autosize example<span class="nt">&lt;/label&gt;</span>
-<span class="nt">&lt;textarea</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">data-toggle=</span><span class="s">"autosize"</span> <span class="na">placeholder=</span><span class="s">"Typing something…"</span><span class="nt">&gt;&lt;/textarea&gt;</span></code></pre>
+<span class="nt">&lt;textarea</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">data-toggle=</span><span class="s">"autosize"</span> <span class="na">placeholder=</span><span class="s">"Type something…"</span><span class="nt">&gt;&lt;/textarea&gt;</span></code></pre>
                       </figure>
                     </div>
                   </div>
@@ -600,9 +607,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
@@ -611,19 +625,8 @@
     </div>
     <!-- Libs JS -->
     <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="../dist/libs/autosize/dist/autosize.min.js"></script>
     <!-- Tabler Core -->
     <script src="../dist/js/tabler.min.js"></script>
-    <script>
-      (function () {
-      	const elements = document.querySelectorAll('[data-toggle="autosize"]');
-      	if (elements.length) {
-      		elements.forEach(function (element) {
-      			autosize(element);
-      		});
-      	}
-      })();
-    </script>
     <script>
       document.body.style.display = "block"
     </script>
diff --git a/demo/docs/avatars.html b/demo/docs/avatars.html
index 409d60c0a..47aad2057 100644
--- a/demo/docs/avatars.html
+++ b/demo/docs/avatars.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Avatars - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Avatars - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="Avatars help customise various elements of a user interface and make the product experience more personalised. They are often used in communication apps, collaboration tools and social media."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -575,7 +582,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Avatars</h2>
+                      <h1 class="h2 mt-0 mb-3">Avatars</h1>
                     </div>
                     <p>Avatars help customise various elements of a user interface and make the product experience more personalised. They are often used in communication apps, collaboration tools and social media.</p>
                     <h2 id="default-markup">Default markup</h2>
@@ -681,6 +688,7 @@
                         <span class="avatar avatar-md" style="background-image: url(../static/avatars/002f.jpg)"></span>
                         <span class="avatar">EP</span>
                         <span class="avatar avatar-sm" style="background-image: url(../static/avatars/001f.jpg)"></span>
+                        <span class="avatar avatar-xs" style="background-image: url(../static/avatars/000f.jpg)"></span>
                       </div>
                     </div>
                     <div class="example-code">
@@ -689,7 +697,8 @@
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-lg"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-md"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span><span class="nt">&gt;</span>EP<span class="nt">&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-sm"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span></code></pre>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-sm"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-xs"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span></code></pre>
                       </figure>
                     </div>
                     <h2 id="avatar-status">Avatar status</h2>
@@ -749,22 +758,22 @@
                     <div class="example no_toc_section example-centered">
                       <div class="example-content">
                         <div class="avatar-list">
-                          <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
-                          <span class="avatar">JL</span>
-                          <span class="avatar" style="background-image: url(../static/avatars/002m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(../static/avatars/003m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(../static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">JL</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(../static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(../static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(../static/avatars/000f.jpg)"></span>
                         </div>
                       </div>
                     </div>
                     <div class="example-code">
                       <figure class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"avatar-list"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span><span class="nt">&gt;</span>JL<span class="nt">&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-sm avatar-rounded"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-sm avatar-rounded"</span><span class="nt">&gt;</span>JL<span class="nt">&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-sm avatar-rounded"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-sm avatar-rounded"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-sm avatar-rounded"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
 <span class="nt">&lt;/div&gt;</span></code></pre>
                       </figure>
                     </div>
@@ -811,9 +820,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/badges.html b/demo/docs/badges.html
index 8e6fb894e..c1a42e2c8 100644
--- a/demo/docs/badges.html
+++ b/demo/docs/badges.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Badges - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Badges - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="Badges are small count and labeling components, which are used to add extra information to an interface element. You can use them to draw users&#39; attention to a new element, notify about unread messages or provide any kind of additional info."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -561,12 +568,9 @@
                   <li class="toc-entry toc-h2"><a href="#pill-badges">Pill badges</a></li>
                   <li class="toc-entry toc-h2"><a href="#soft-color-badges">Soft color badges</a></li>
                   <li class="toc-entry toc-h2"><a href="#links">Links</a></li>
-                  <li class="toc-entry toc-h2"><a href="#empty-badges">Empty badges</a>
-                    <ul>
-                      <li class="toc-entry toc-h3"><a href="#badge-add-ons">Badge add-ons</a></li>
-                      <li class="toc-entry toc-h3"><a href="#badge-avatars">Badge avatars</a></li>
-                    </ul>
-                  </li>
+                  <li class="toc-entry toc-h2"><a href="#empty-badges">Empty badges</a></li>
+                  <li class="toc-entry toc-h2"><a href="#badge-avatars">Badge avatars</a></li>
+                  <li class="toc-entry toc-h2"><a href="#button-with-badge">Button with badge</a></li>
                 </ul>
               </div>
             </div>
@@ -575,7 +579,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Badges</h2>
+                      <h1 class="h2 mt-0 mb-3">Badges</h1>
                       <p class="ml-auto">
                         <a href="https://getbootstrap.com/docs/4.4/components/badge/" target="_blank">
                           <svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
@@ -600,7 +604,6 @@
                         <span class="badge bg-green">green</span>
                         <span class="badge bg-teal">teal</span>
                         <span class="badge bg-cyan">cyan</span>
-                        <span class="badge bg-gray">gray</span>
                       </div>
                     </div>
                     <div class="example-code">
@@ -616,8 +619,7 @@
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-lime"</span><span class="nt">&gt;</span>lime<span class="nt">&lt;/span&gt;</span>
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-green"</span><span class="nt">&gt;</span>green<span class="nt">&lt;/span&gt;</span>
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-teal"</span><span class="nt">&gt;</span>teal<span class="nt">&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-cyan"</span><span class="nt">&gt;</span>cyan<span class="nt">&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-gray"</span><span class="nt">&gt;</span>gray<span class="nt">&lt;/span&gt;</span></code></pre>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-cyan"</span><span class="nt">&gt;</span>cyan<span class="nt">&lt;/span&gt;</span></code></pre>
                       </figure>
                     </div>
                     <h2 id="pill-badges">Pill badges</h2>
@@ -636,7 +638,6 @@
                         <span class="badge badge-pill bg-green">10</span>
                         <span class="badge badge-pill bg-teal">11</span>
                         <span class="badge badge-pill bg-cyan">12</span>
-                        <span class="badge badge-pill bg-gray">13</span>
                       </div>
                     </div>
                     <div class="example-code">
@@ -652,8 +653,7 @@
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge badge-pill bg-lime"</span><span class="nt">&gt;</span>9<span class="nt">&lt;/span&gt;</span>
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge badge-pill bg-green"</span><span class="nt">&gt;</span>10<span class="nt">&lt;/span&gt;</span>
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge badge-pill bg-teal"</span><span class="nt">&gt;</span>11<span class="nt">&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge badge-pill bg-cyan"</span><span class="nt">&gt;</span>12<span class="nt">&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge badge-pill bg-gray"</span><span class="nt">&gt;</span>13<span class="nt">&lt;/span&gt;</span></code></pre>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge badge-pill bg-cyan"</span><span class="nt">&gt;</span>12<span class="nt">&lt;/span&gt;</span></code></pre>
                       </figure>
                     </div>
                     <h2 id="soft-color-badges">Soft color badges</h2>
@@ -672,7 +672,6 @@
                         <span class="badge bg-green-lt">green</span>
                         <span class="badge bg-teal-lt">teal</span>
                         <span class="badge bg-cyan-lt">cyan</span>
-                        <span class="badge bg-gray-lt">gray</span>
                       </div>
                     </div>
                     <div class="example-code">
@@ -688,8 +687,7 @@
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-lime-lt"</span><span class="nt">&gt;</span>lime<span class="nt">&lt;/span&gt;</span>
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-green-lt"</span><span class="nt">&gt;</span>green<span class="nt">&lt;/span&gt;</span>
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-teal-lt"</span><span class="nt">&gt;</span>teal<span class="nt">&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-cyan-lt"</span><span class="nt">&gt;</span>cyan<span class="nt">&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-gray-lt"</span><span class="nt">&gt;</span>gray<span class="nt">&lt;/span&gt;</span></code></pre>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-cyan-lt"</span><span class="nt">&gt;</span>cyan<span class="nt">&lt;/span&gt;</span></code></pre>
                       </figure>
                     </div>
                     <h2 id="links">Links</h2>
@@ -708,7 +706,6 @@
                         <a href="#" class="badge bg-green">green</a>
                         <a href="#" class="badge bg-teal">teal</a>
                         <a href="#" class="badge bg-cyan">cyan</a>
-                        <a href="#" class="badge bg-gray">gray</a>
                       </div>
                     </div>
                     <div class="example-code">
@@ -724,8 +721,7 @@
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"badge bg-lime"</span><span class="nt">&gt;</span>lime<span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"badge bg-green"</span><span class="nt">&gt;</span>green<span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"badge bg-teal"</span><span class="nt">&gt;</span>teal<span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"badge bg-cyan"</span><span class="nt">&gt;</span>cyan<span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"badge bg-gray"</span><span class="nt">&gt;</span>gray<span class="nt">&lt;/a&gt;</span></code></pre>
+<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"badge bg-cyan"</span><span class="nt">&gt;</span>cyan<span class="nt">&lt;/a&gt;</span></code></pre>
                       </figure>
                     </div>
                     <h2 id="empty-badges">Empty badges</h2>
@@ -744,7 +740,6 @@
                         <a href="#" class="badge bg-green"></a>
                         <a href="#" class="badge bg-teal"></a>
                         <a href="#" class="badge bg-cyan"></a>
-                        <a href="#" class="badge bg-gray"></a>
                       </div>
                     </div>
                     <div class="example-code">
@@ -760,94 +755,83 @@
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"badge bg-lime"</span><span class="nt">&gt;&lt;/a&gt;</span>
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"badge bg-green"</span><span class="nt">&gt;&lt;/a&gt;</span>
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"badge bg-teal"</span><span class="nt">&gt;&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"badge bg-cyan"</span><span class="nt">&gt;&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"badge bg-gray"</span><span class="nt">&gt;&lt;/a&gt;</span></code></pre>
+<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"badge bg-cyan"</span><span class="nt">&gt;&lt;/a&gt;</span></code></pre>
                       </figure>
                     </div>
-                    <h3 id="badge-add-ons">Badge add-ons</h3>
-                    <p>Add the <code class="language-plaintext highlighter-rouge">.badge-addon</code> class to create an add-on that will customize your badge and make it more noticeable. You can use any color variants and combine them as you see fit.</p>
-                    <div class="example no_toc_section">
-                      <div class="example-content">
-                        <span class="badge bg-green">
-                          task
-                          <span class="badge-addon ">finished</span>
-                        </span>
-                        <span class="badge bg-purple">
-                          bundle
-                          <span class="badge-addon ">passing</span>
-                        </span>
-                        <span class="badge bg-red-lt">
-                          CSS gzip size
-                          <span class="badge-addon bg-red">20.9kB</span>
-                        </span>
-                      </div>
-                    </div>
-                    <div class="example-code">
-                      <figure class="highlight">
-                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-green"</span><span class="nt">&gt;</span>
-  task
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge-addon "</span><span class="nt">&gt;</span>finished<span class="nt">&lt;/span&gt;</span>
-<span class="nt">&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-purple"</span><span class="nt">&gt;</span>
-  bundle
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge-addon "</span><span class="nt">&gt;</span>passing<span class="nt">&lt;/span&gt;</span>
-<span class="nt">&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-red-lt"</span><span class="nt">&gt;</span>
-  CSS gzip size
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge-addon bg-red"</span><span class="nt">&gt;</span>20.9kB<span class="nt">&lt;/span&gt;</span>
-<span class="nt">&lt;/span&gt;</span></code></pre>
-                      </figure>
-                    </div>
-                    <h3 id="badge-avatars">Badge avatars</h3>
+                    <h2 id="badge-avatars">Badge avatars</h2>
                     <p>Create the <code class="language-plaintext highlighter-rouge">.badge-avatar</code> class to add an avatar that will make a badge more personalized.</p>
                     <div class="example no_toc_section">
                       <div class="example-content">
-                        <span class="badge bg-blue">
-                          <span class="badge-avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                        <span class="badge">
+                          <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
                           Paweł Kuna
                         </span>
-                        <span class="badge bg-blue">
-                          <span class="badge-avatar" style="background-image: url(../)">JL</span>
+                        <span class="badge">
+                          <span class="avatar" style="background-image: url(../)">JL</span>
                           Jeffie Lewzey
                         </span>
-                        <span class="badge bg-blue">
-                          <span class="badge-avatar" style="background-image: url(../static/avatars/002m.jpg)"></span>
+                        <span class="badge">
+                          <span class="avatar" style="background-image: url(../static/avatars/002m.jpg)"></span>
                           Mallory Hulme
                         </span>
-                        <span class="badge bg-blue">
-                          <span class="badge-avatar" style="background-image: url(../static/avatars/003m.jpg)"></span>
+                        <span class="badge">
+                          <span class="avatar" style="background-image: url(../static/avatars/003m.jpg)"></span>
                           Dunn Slane
                         </span>
-                        <span class="badge bg-blue">
-                          <span class="badge-avatar" style="background-image: url(../static/avatars/000f.jpg)"></span>
+                        <span class="badge">
+                          <span class="avatar" style="background-image: url(../static/avatars/000f.jpg)"></span>
                           Emmy Levet
                         </span>
                       </div>
                     </div>
                     <div class="example-code">
                       <figure class="highlight">
-                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-blue"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge-avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge"</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
   Paweł Kuna
 <span class="nt">&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-blue"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge-avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;</span>JL<span class="nt">&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge"</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;</span>JL<span class="nt">&lt;/span&gt;</span>
   Jeffie Lewzey
 <span class="nt">&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-blue"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge-avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge"</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
   Mallory Hulme
 <span class="nt">&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-blue"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge-avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge"</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
   Dunn Slane
 <span class="nt">&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-blue"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge-avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge"</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
   Emmy Levet
 <span class="nt">&lt;/span&gt;</span></code></pre>
                       </figure>
                     </div>
+                    <h2 id="button-with-badge">Button with badge</h2>
+                    <p>Badges can be used as part of links or buttons to provide a counter.</p>
+                    <div class="example no_toc_section">
+                      <div class="example-content">
+                        <div class="btn-list">
+                          <button type="button" class="btn">
+                            Notifications <span class="badge bg-red ml-2">4</span>
+                          </button>
+                          <button type="button" class="btn">
+                            Notifications <span class="badge bg-green ml-2">4</span>
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="example-code">
+                      <figure class="highlight">
+                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>
+  Notifications <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-red ml-2"</span><span class="nt">&gt;</span>4<span class="nt">&lt;/span&gt;</span>
+<span class="nt">&lt;/button&gt;</span>
+<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>
+  Notifications <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"badge bg-green ml-2"</span><span class="nt">&gt;</span>4<span class="nt">&lt;/span&gt;</span>
+<span class="nt">&lt;/button&gt;</span></code></pre>
+                      </figure>
+                    </div>
                   </div>
                 </div>
               </div>
@@ -865,9 +849,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/breadcrumb.html b/demo/docs/breadcrumb.html
index c1a0d01a7..698e97893 100644
--- a/demo/docs/breadcrumb.html
+++ b/demo/docs/breadcrumb.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Breadcrumb - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Breadcrumb - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="Breadcrumbs are used to show the current website or app location and reduce the number of actions users have to take. Thanks to breadcrumbs, they can easily navigate within the website hierarchy and better understand its structure."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -568,7 +575,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Breadcrumb</h2>
+                      <h1 class="h2 mt-0 mb-3">Breadcrumb</h1>
                       <p class="ml-auto">
                         <a href="https://getbootstrap.com/docs/4.4/components/breadcrumb/" target="_blank">
                           <svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
@@ -690,9 +697,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/buttons.html b/demo/docs/buttons.html
index c14b024be..e37e191a3 100644
--- a/demo/docs/buttons.html
+++ b/demo/docs/buttons.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Buttons - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Buttons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,7 +27,8 @@
     <meta name="description" content="Use button styles that best suit your designs and encourage users to take the desired actions. You can customize the button&#39;s properties to improve the user experience of your website or system, changing the size, shape, color and many more."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -43,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -61,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -192,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -339,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -391,7 +397,7 @@
                       </a>
                     </li>
                     <li >
-                      <a class="dropdown-item" href="../docs/buttons.html" >
+                      <a class="dropdown-item active" href="../docs/buttons.html" >
                         Buttons
                       </a>
                     </li>
@@ -542,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -551,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -559,6 +565,7 @@
                 <h5 class="subheader">On this page</h5>
                 <ul class="list-unstyled">
                   <li class="toc-entry toc-h2"><a href="#button-tag">Button tag</a></li>
+                  <li class="toc-entry toc-h2"><a href="#default-button">Default button</a></li>
                   <li class="toc-entry toc-h2"><a href="#button-variations">Button variations</a></li>
                   <li class="toc-entry toc-h2"><a href="#disabled-buttons">Disabled buttons</a></li>
                   <li class="toc-entry toc-h2"><a href="#color-variations">Color variations</a></li>
@@ -582,7 +589,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Buttons</h2>
+                      <h1 class="h2 mt-0 mb-3">Buttons</h1>
                       <p class="ml-auto">
                         <a href="https://getbootstrap.com/docs/4.4/components/buttons/" target="_blank">
                           <svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
@@ -596,21 +603,35 @@
                     <div class="example no_toc_section example-centered">
                       <div class="example-content">
                         <div class="btn-list">
-                          <a href="#" class="btn btn-primary" role="button">Link</a>
-                          <button class="btn btn-primary">Button</button>
-                          <input type="button" class="btn btn-primary" value="Input" />
-                          <input type="submit" class="btn btn-primary" value="Submit" />
-                          <input type="reset" class="btn btn-primary" value="Reset" />
+                          <a href="#" class="btn" role="button">Link</a>
+                          <button class="btn">Button</button>
+                          <input type="button" class="btn" value="Input" />
+                          <input type="submit" class="btn" value="Submit" />
+                          <input type="reset" class="btn" value="Reset" />
                         </div>
                       </div>
                     </div>
                     <div class="example-code">
                       <figure class="highlight">
-                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span> <span class="na">role=</span><span class="s">"button"</span><span class="nt">&gt;</span>Link<span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;button</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span><span class="nt">&gt;</span>Button<span class="nt">&lt;/button&gt;</span>
-<span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span> <span class="na">value=</span><span class="s">"Input"</span><span class="nt">/&gt;</span>
-<span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"submit"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span> <span class="na">value=</span><span class="s">"Submit"</span><span class="nt">/&gt;</span>
-<span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"reset"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span> <span class="na">value=</span><span class="s">"Reset"</span><span class="nt">/&gt;</span></code></pre>
+                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">role=</span><span class="s">"button"</span><span class="nt">&gt;</span>Link<span class="nt">&lt;/a&gt;</span>
+<span class="nt">&lt;button</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Button<span class="nt">&lt;/button&gt;</span>
+<span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">value=</span><span class="s">"Input"</span><span class="nt">/&gt;</span>
+<span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"submit"</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">value=</span><span class="s">"Submit"</span><span class="nt">/&gt;</span>
+<span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"reset"</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">value=</span><span class="s">"Reset"</span><span class="nt">/&gt;</span></code></pre>
+                      </figure>
+                    </div>
+                    <h2 id="default-button">Default button</h2>
+                    <p>The standard button creates a white background and subtle hover animation. It’s meant to look and behave as an interactive element of your page.</p>
+                    <div class="example no_toc_section example-centered">
+                      <div class="example-content">
+                        <div class="btn-list">
+                          <a href="#" class="btn" role="button">Link</a>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="example-code">
+                      <figure class="highlight">
+                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">role=</span><span class="s">"button"</span><span class="nt">&gt;</span>Link<span class="nt">&lt;/a&gt;</span></code></pre>
                       </figure>
                     </div>
                     <h2 id="button-variations">Button variations</h2>
@@ -642,9 +663,6 @@
                           <a href="#" class="btn btn-dark">
                             Dark
                           </a>
-                          <a href="#" class="btn btn-link">
-                            Link
-                          </a>
                         </div>
                       </div>
                     </div>
@@ -673,9 +691,6 @@
 <span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-dark"</span><span class="nt">&gt;</span>
   Dark
-<span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-link"</span><span class="nt">&gt;</span>
-  Link
 <span class="nt">&lt;/a&gt;</span></code></pre>
                       </figure>
                     </div>
@@ -708,9 +723,6 @@
                           <a href="#" class="btn btn-dark disabled">
                             Dark
                           </a>
-                          <a href="#" class="btn btn-link disabled">
-                            Link
-                          </a>
                         </div>
                       </div>
                     </div>
@@ -739,9 +751,6 @@
 <span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-dark disabled"</span><span class="nt">&gt;</span>
   Dark
-<span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-link disabled"</span><span class="nt">&gt;</span>
-  Link
 <span class="nt">&lt;/a&gt;</span></code></pre>
                       </figure>
                     </div>
@@ -762,7 +771,6 @@
                           <a href="#" class="btn btn-green">Green</a>
                           <a href="#" class="btn btn-teal">Teal</a>
                           <a href="#" class="btn btn-cyan">Cyan</a>
-                          <a href="#" class="btn btn-gray">Gray</a>
                         </div>
                       </div>
                     </div>
@@ -779,8 +787,7 @@
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-lime"</span><span class="nt">&gt;</span>Lime<span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-green"</span><span class="nt">&gt;</span>Green<span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-teal"</span><span class="nt">&gt;</span>Teal<span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-cyan"</span><span class="nt">&gt;</span>Cyan<span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-gray"</span><span class="nt">&gt;</span>Gray<span class="nt">&lt;/a&gt;</span></code></pre>
+<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-cyan"</span><span class="nt">&gt;</span>Cyan<span class="nt">&lt;/a&gt;</span></code></pre>
                       </figure>
                     </div>
                     <h2 id="ghost-buttons">Ghost buttons</h2>
@@ -796,7 +803,6 @@
                           <a href="#" class="btn btn-ghost-info">Info</a>
                           <a href="#" class="btn btn-ghost-light">Light</a>
                           <a href="#" class="btn btn-ghost-dark">Dark</a>
-                          <a href="#" class="btn btn-ghost-link">Link</a>
                         </div>
                       </div>
                     </div>
@@ -809,8 +815,7 @@
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-ghost-danger"</span><span class="nt">&gt;</span>Danger<span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-ghost-info"</span><span class="nt">&gt;</span>Info<span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-ghost-light"</span><span class="nt">&gt;</span>Light<span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-ghost-dark"</span><span class="nt">&gt;</span>Dark<span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-ghost-link"</span><span class="nt">&gt;</span>Link<span class="nt">&lt;/a&gt;</span></code></pre>
+<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-ghost-dark"</span><span class="nt">&gt;</span>Dark<span class="nt">&lt;/a&gt;</span></code></pre>
                       </figure>
                     </div>
                     <h2 id="square-buttons">Square buttons</h2>
@@ -842,9 +847,6 @@
                           <a href="#" class="btn btn-dark btn-square">
                             Dark
                           </a>
-                          <a href="#" class="btn btn-link btn-square">
-                            Link
-                          </a>
                         </div>
                       </div>
                     </div>
@@ -873,9 +875,6 @@
 <span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-dark btn-square"</span><span class="nt">&gt;</span>
   Dark
-<span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-link btn-square"</span><span class="nt">&gt;</span>
-  Link
 <span class="nt">&lt;/a&gt;</span></code></pre>
                       </figure>
                     </div>
@@ -908,9 +907,6 @@
                           <a href="#" class="btn btn-dark btn-pill">
                             Dark
                           </a>
-                          <a href="#" class="btn btn-link btn-pill">
-                            Link
-                          </a>
                         </div>
                       </div>
                     </div>
@@ -939,9 +935,6 @@
 <span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-dark btn-pill"</span><span class="nt">&gt;</span>
   Dark
-<span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-link btn-pill"</span><span class="nt">&gt;</span>
-  Link
 <span class="nt">&lt;/a&gt;</span></code></pre>
                       </figure>
                     </div>
@@ -974,9 +967,6 @@
                           <a href="#" class="btn btn-outline-dark">
                             Dark
                           </a>
-                          <a href="#" class="btn btn-outline-link">
-                            Link
-                          </a>
                         </div>
                       </div>
                     </div>
@@ -1005,9 +995,6 @@
 <span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-outline-dark"</span><span class="nt">&gt;</span>
   Dark
-<span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-outline-link"</span><span class="nt">&gt;</span>
-  Link
 <span class="nt">&lt;/a&gt;</span></code></pre>
                       </figure>
                     </div>
@@ -1017,43 +1004,47 @@
                       <div class="example-content">
                         <div class="btn-list">
                           <button type="button" class="btn btn-primary btn-lg">Large button</button>
-                          <button type="button" class="btn btn-white btn-lg">Large button</button>
+                          <button type="button" class="btn btn-lg">Large button</button>
                         </div>
                       </div>
                     </div>
                     <div class="example-code">
                       <figure class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-primary btn-lg"</span><span class="nt">&gt;</span>Large button<span class="nt">&lt;/button&gt;</span>
-<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-white btn-lg"</span><span class="nt">&gt;</span>Large button<span class="nt">&lt;/button&gt;</span></code></pre>
+<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-lg"</span><span class="nt">&gt;</span>Large button<span class="nt">&lt;/button&gt;</span></code></pre>
                       </figure>
                     </div>
                     <div class="example no_toc_section example-centered">
                       <div class="example-content">
                         <div class="btn-list">
                           <button type="button" class="btn btn-primary btn-sm">Small button</button>
-                          <button type="button" class="btn btn-white btn-sm">Small button</button>
+                          <button type="button" class="btn btn-sm">Small button</button>
                         </div>
                       </div>
                     </div>
                     <div class="example-code">
                       <figure class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-primary btn-sm"</span><span class="nt">&gt;</span>Small button<span class="nt">&lt;/button&gt;</span>
-<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-white btn-sm"</span><span class="nt">&gt;</span>Small button<span class="nt">&lt;/button&gt;</span></code></pre>
+<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-sm"</span><span class="nt">&gt;</span>Small button<span class="nt">&lt;/button&gt;</span></code></pre>
                       </figure>
                     </div>
                     <p>You can also add the <code class="language-plaintext highlighter-rouge">.btn-block</code> class to create block level buttons which span the full width of a parent.</p>
                     <div class="example no_toc_section example-centered">
                       <div class="example-content">
                         <div class="btn-list">
-                          <button type="button" class="btn btn-primary btn-block">Block level button</button>
-                          <button type="button" class="btn btn-white btn-block">Block level button</button>
+                          <div>
+                            <button type="button" class="btn btn-primary btn-block">Block level button</button>
+                            <button type="button" class="btn btn-block">Block level button</button>
+                          </div>
                         </div>
                       </div>
                     </div>
                     <div class="example-code">
                       <figure class="highlight">
-                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-primary btn-block"</span><span class="nt">&gt;</span>Block level button<span class="nt">&lt;/button&gt;</span>
-<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-white btn-block"</span><span class="nt">&gt;</span>Block level button<span class="nt">&lt;/button&gt;</span></code></pre>
+                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div&gt;</span>
+  <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-primary btn-block"</span><span class="nt">&gt;</span>Block level button<span class="nt">&lt;/button&gt;</span>
+  <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-block"</span><span class="nt">&gt;</span>Block level button<span class="nt">&lt;/button&gt;</span>
+<span class="nt">&lt;/div&gt;</span></code></pre>
                       </figure>
                     </div>
                     <h2 id="buttons-with-icons">Buttons with icons</h2>
@@ -1062,7 +1053,7 @@
                     <div class="example no_toc_section example-centered">
                       <div class="example-content">
                         <div class="btn-list">
-                          <button type="button" class="btn btn-dark">
+                          <button type="button" class="btn">
                             <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" /><polyline points="7 9 12 4 17 9" /><line x1="12" y1="4" x2="12" y2="16" /></svg>
                             Upload
                           </button>
@@ -1074,7 +1065,7 @@
                             <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M5 12l5 5l10 -10" /></svg>
                             I agree
                           </button>
-                          <button type="button" class="btn btn-outline-primary">
+                          <button type="button" class="btn btn-primary">
                             <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
                             More
                           </button>
@@ -1091,7 +1082,7 @@
                     </div>
                     <div class="example-code">
                       <figure class="highlight">
-                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-dark"</span><span class="nt">&gt;</span>
+                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>
   <span class="c">&lt;!-- SVG icon code --&gt;</span>
   Upload
 <span class="nt">&lt;/button&gt;</span>
@@ -1103,7 +1094,7 @@
   <span class="c">&lt;!-- SVG icon code --&gt;</span>
   I agree
 <span class="nt">&lt;/button&gt;</span>
-<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-outline-primary"</span><span class="nt">&gt;</span>
+<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span><span class="nt">&gt;</span>
   <span class="c">&lt;!-- SVG icon code --&gt;</span>
   More
 <span class="nt">&lt;/button&gt;</span>
@@ -1123,59 +1114,58 @@
                       <div class="example-content">
                         <div class="btn-list">
                           <a href="#" class="btn btn-facebook">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
                             Facebook
                           </a>
                           <a href="#" class="btn btn-twitter">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M23.954 4.569a10 10 0 0 1-2.825.775 4.958 4.958 0 0 0 2.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.691 8.094 4.066 6.13 1.64 3.161a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.061a4.923 4.923 0 0 0 3.946 4.827 4.996 4.996 0 0 1-2.212.085 4.937 4.937 0 0 0 4.604 3.417 9.868 9.868 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63a9.936 9.936 0 0 0 2.46-2.548l-.047-.02z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
                             Twitter
                           </a>
                           <a href="#" class="btn btn-google">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M17.788 5.108a9 9 0 1 0 3.212 6.892h-8" /></svg>
                             Google
                           </a>
                           <a href="#" class="btn btn-youtube">
-                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" fill="currentColor"><path d="M23.495 6.205a3.007 3.007 0 0 0-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 0 0 .527 6.205a31.247 31.247 0 0 0-.522 5.805 31.247 31.247 0 0 0 .522 5.783 3.007 3.007 0 0 0 2.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 0 0 2.088-2.088 31.247 31.247 0 0 0 .5-5.783 31.247 31.247 0 0 0-.5-5.805zM9.609 15.601V8.408l6.264 3.602z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><rect x="3" y="5" width="18" height="14" rx="4" /><path d="M10 9l5 3l-5 3z" /></svg>
                             Youtube
                           </a>
                           <a href="#" class="btn btn-vimeo">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M23.977 6.416c-.105 2.338-1.739 5.543-4.894 9.609-3.268 4.247-6.026 6.37-8.29 6.37-1.409 0-2.578-1.294-3.553-3.881L5.322 11.4C4.603 8.816 3.834 7.522 3.01 7.522c-.179 0-.806.378-1.881 1.132L0 7.197a315.065 315.065 0 0 0 3.501-3.128C5.08 2.701 6.266 1.984 7.055 1.91c1.867-.18 3.016 1.1 3.447 3.838.465 2.953.789 4.789.971 5.507.539 2.45 1.131 3.674 1.776 3.674.502 0 1.256-.796 2.265-2.385 1.004-1.589 1.54-2.797 1.612-3.628.144-1.371-.395-2.061-1.614-2.061-.574 0-1.167.121-1.777.391 1.186-3.868 3.434-5.757 6.762-5.637 2.473.06 3.628 1.664 3.493 4.797l-.013.01z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M3 8.5l1 1s1.5 -1.102 2 -.5c.509 .609 1.863 7.65 2.5 9c.556 1.184 1.978 2.89 4 1.5c2 -1.5 7.5 -5.5 8.5 -11.5c.444 -2.661 -1 -4 -2.5 -4c-2 0 -4.047 1.202 -4.5 4c2.05 -1.254 2.551 1.003 1.5 3c-1.052 2.005 -2 3 -2.5 3c-.49 0 -.924 -1.165 -1.5 -3.5c-.59 -2.42 -.5 -6.5 -3 -6.5s-5.5 4.5 -5.5 4.5z" /></svg>
                             Vimeo
                           </a>
                           <a href="#" class="btn btn-dribbble">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992 7.308a10.28 10.28 0 0 0 4.395-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4a10.161 10.161 0 0 0 6.29 2.166c1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248a65.473 65.473 0 0 0-3.8-5.928 10.275 10.275 0 0 0-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6 3.645-1.365 5.19-3.44 5.373-3.702A10.19 10.19 0 0 0 12 1.764c-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68 1.486.08.18.15.36.22.53 3.41-.43 6.8.26 7.14.33-.02-2.42-.88-4.64-2.31-6.38z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><circle cx="12" cy="12" r="9" /><path d="M9 3.6c5 6 7 10.5 7.5 16.2" /><path d="M6.4 19c3.5 -3.5 6 -6.5 14.5 -6.4" /><path d="M3.1 10.75c5 0 9.814 -.38 15.314 -5" /></svg>
                             Dribbble
                           </a>
                           <a href="#" class="btn btn-github">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
                             Github
                           </a>
                           <a href="#" class="btn btn-instagram">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913a5.885 5.885 0 0 0 1.384 2.126A5.868 5.868 0 0 0 4.14 23.37c.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558a5.898 5.898 0 0 0 2.126-1.384 5.86 5.86 0 0 0 1.384-2.126c.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913a5.89 5.89 0 0 0-1.384-2.126A5.847 5.847 0 0 0 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227a3.81 3.81 0 0 1-.899 1.382 3.744 3.744 0 0 1-1.38.896c-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421a3.716 3.716 0 0 1-1.379-.899 3.644 3.644 0 0 1-.9-1.38c-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 1 0 0-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405a1.441 1.441 0 0 1-2.88 0 1.44 1.44 0 0 1 2.88 0z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><rect x="4" y="4" width="16" height="16" rx="4" /><circle cx="12" cy="12" r="3" /><line x1="16.5" y1="7.5" x2="16.5" y2="7.501" /></svg>
                             Instagram
                           </a>
                           <a href="#" class="btn btn-pinterest">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><line x1="8" y1="20" x2="12" y2="11" /><path d="M10.7 14c.437 1.263 1.43 2 2.55 2c2.071 0 3.75 -1.554 3.75 -4a5 5 0 1 0 -9.7 1.7" /><circle cx="12" cy="12" r="9" /></svg>
                             Pinterest
                           </a>
                           <a href="#" class="btn btn-vk">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M11.701 18.771h1.437s.433-.047.654-.284c.21-.221.21-.63.21-.63s-.031-1.927.869-2.21c.887-.281 2.012 1.86 3.211 2.683.916.629 1.605.494 1.605.494l3.211-.044s1.682-.105.887-1.426c-.061-.105-.451-.975-2.371-2.76-2.012-1.861-1.742-1.561.676-4.787 1.469-1.965 2.07-3.166 1.875-3.676-.166-.48-1.26-.361-1.26-.361l-3.602.031s-.27-.031-.465.09c-.195.119-.314.391-.314.391s-.572 1.529-1.336 2.82c-1.623 2.729-2.268 2.879-2.523 2.699-.604-.391-.449-1.58-.449-2.432 0-2.641.404-3.75-.781-4.035-.39-.091-.681-.15-1.685-.166-1.29-.014-2.378.01-2.995.311-.405.203-.72.652-.539.675.24.03.779.146 1.064.537.375.506.359 1.636.359 1.636s.211 3.116-.494 3.503c-.495.262-1.155-.28-2.595-2.756-.735-1.26-1.291-2.67-1.291-2.67s-.105-.256-.299-.406c-.227-.165-.557-.225-.557-.225l-3.435.03s-.51.016-.689.24c-.166.195-.016.615-.016.615s2.686 6.287 5.732 9.453c2.79 2.902 5.956 2.715 5.956 2.715l-.05-.055z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M10 6h2v12c-4.5 -1 -8 -6.5 -9 -12" /><path d="M20 6c-1 2 -3 5 -5 6h-3" /><path d="M20 18c-1 -2 -3 -5 -5 -6" /></svg>
                             VK
                           </a>
                           <a href="#" class="btn btn-rss">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M19.199 24C19.199 13.467 10.533 4.8 0 4.8V0c13.165 0 24 10.835 24 24h-4.801zM3.291 17.415a3.3 3.3 0 0 1 3.293 3.295A3.303 3.303 0 0 1 3.283 24C1.47 24 0 22.526 0 20.71s1.475-3.294 3.291-3.295zM15.909 24h-4.665c0-6.169-5.075-11.245-11.244-11.245V8.09c8.727 0 15.909 7.184 15.909 15.91z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><circle cx="5" cy="19" r="1" /><path d="M4 4a16 16 0 0 1 16 16" /><path d="M4 11a9 9 0 0 1 9 9" /></svg>
                             RSS
                           </a>
                           <a href="#" class="btn btn-flickr">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M0 12a5.565 5.565 0 0 0 5.565 5.564c3.075 0 5.569-2.49 5.569-5.564S8.641 6.436 5.565 6.436A5.566 5.566 0 0 0 0 12zm12.866 0a5.565 5.565 0 0 0 5.567 5.564C21.496 17.564 24 15.074 24 12s-2.492-5.564-5.564-5.564A5.567 5.567 0 0 0 12.866 12z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><circle cx="7" cy="12" r="3" /><circle cx="17" cy="12" r="3" /></svg>
                             Flickr
                           </a>
                           <a href="#" class="btn btn-bitbucket">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M.778 1.211a.768.768 0 0 0-.768.892l3.263 19.811c.084.499.515.867 1.022.872H19.95a.772.772 0 0 0 .77-.646l3.27-20.03a.768.768 0 0 0-.768-.891L.778 1.211zM14.52 15.528H9.522L8.17 8.464h7.561l-1.211 7.064z" /></svg>
                             Bitbucker
                           </a>
                           <a href="#" class="btn btn-tabler">
-                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" fill="currentColor"><path d="M23.5 5.3C22.9 3 21 1.1 18.7.5 14.3-.2 9.8-.2 5.4.5 3 1.1 1.1 3 .5 5.3c-.7 4.4-.7 8.9 0 13.3.6 2.4 2.5 4.3 4.8 4.9 4.4.7 8.9.7 13.3 0 2.4-.6 4.2-2.4 4.8-4.8.8-4.5.8-8.9.1-13.4zm-11.8 7.6c-1 1.6-2.5 3.1-4.2 4.1-.6.3-1.2.3-1.8 0s-.9-.9-.9-1.5.3-1.2.9-1.5c.9-.5 1.6-1.2 2.3-2-.7-.8-1.4-1.4-2.3-2-.8-.5-1.1-1.6-.6-2.4S6.7 6.5 7.5 7c1.7 1 3.1 2.4 4.2 4.1.4.5.4 1.2 0 1.8zm6 3.6h-4.3c-.8 0-1.4-.4-1.4-1.1 0-.7.6-1.1 1.4-1.1h4.3c.8 0 1.4.4 1.4 1.1 0 .7-.6 1.1-1.4 1.1z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
                             Tabler
                           </a>
                         </div>
@@ -1232,7 +1222,6 @@
   Flickr
 <span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-bitbucket"</span><span class="nt">&gt;</span>
-  <span class="c">&lt;!-- SVG icon code --&gt;</span>
   Bitbucker
 <span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-tabler"</span><span class="nt">&gt;</span>
@@ -1246,46 +1235,45 @@
                       <div class="example-content">
                         <div class="btn-list">
                           <a href="#" class="btn btn-facebook btn-icon" aria-label="Button">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
                           </a>
                           <a href="#" class="btn btn-twitter btn-icon" aria-label="Button">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M23.954 4.569a10 10 0 0 1-2.825.775 4.958 4.958 0 0 0 2.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.691 8.094 4.066 6.13 1.64 3.161a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.061a4.923 4.923 0 0 0 3.946 4.827 4.996 4.996 0 0 1-2.212.085 4.937 4.937 0 0 0 4.604 3.417 9.868 9.868 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63a9.936 9.936 0 0 0 2.46-2.548l-.047-.02z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
                           </a>
                           <a href="#" class="btn btn-google btn-icon" aria-label="Button">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M17.788 5.108a9 9 0 1 0 3.212 6.892h-8" /></svg>
                           </a>
                           <a href="#" class="btn btn-youtube btn-icon" aria-label="Button">
-                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" fill="currentColor"><path d="M23.495 6.205a3.007 3.007 0 0 0-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 0 0 .527 6.205a31.247 31.247 0 0 0-.522 5.805 31.247 31.247 0 0 0 .522 5.783 3.007 3.007 0 0 0 2.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 0 0 2.088-2.088 31.247 31.247 0 0 0 .5-5.783 31.247 31.247 0 0 0-.5-5.805zM9.609 15.601V8.408l6.264 3.602z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><rect x="3" y="5" width="18" height="14" rx="4" /><path d="M10 9l5 3l-5 3z" /></svg>
                           </a>
                           <a href="#" class="btn btn-vimeo btn-icon" aria-label="Button">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M23.977 6.416c-.105 2.338-1.739 5.543-4.894 9.609-3.268 4.247-6.026 6.37-8.29 6.37-1.409 0-2.578-1.294-3.553-3.881L5.322 11.4C4.603 8.816 3.834 7.522 3.01 7.522c-.179 0-.806.378-1.881 1.132L0 7.197a315.065 315.065 0 0 0 3.501-3.128C5.08 2.701 6.266 1.984 7.055 1.91c1.867-.18 3.016 1.1 3.447 3.838.465 2.953.789 4.789.971 5.507.539 2.45 1.131 3.674 1.776 3.674.502 0 1.256-.796 2.265-2.385 1.004-1.589 1.54-2.797 1.612-3.628.144-1.371-.395-2.061-1.614-2.061-.574 0-1.167.121-1.777.391 1.186-3.868 3.434-5.757 6.762-5.637 2.473.06 3.628 1.664 3.493 4.797l-.013.01z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M3 8.5l1 1s1.5 -1.102 2 -.5c.509 .609 1.863 7.65 2.5 9c.556 1.184 1.978 2.89 4 1.5c2 -1.5 7.5 -5.5 8.5 -11.5c.444 -2.661 -1 -4 -2.5 -4c-2 0 -4.047 1.202 -4.5 4c2.05 -1.254 2.551 1.003 1.5 3c-1.052 2.005 -2 3 -2.5 3c-.49 0 -.924 -1.165 -1.5 -3.5c-.59 -2.42 -.5 -6.5 -3 -6.5s-5.5 4.5 -5.5 4.5z" /></svg>
                           </a>
                           <a href="#" class="btn btn-dribbble btn-icon" aria-label="Button">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992 7.308a10.28 10.28 0 0 0 4.395-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4a10.161 10.161 0 0 0 6.29 2.166c1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248a65.473 65.473 0 0 0-3.8-5.928 10.275 10.275 0 0 0-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6 3.645-1.365 5.19-3.44 5.373-3.702A10.19 10.19 0 0 0 12 1.764c-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68 1.486.08.18.15.36.22.53 3.41-.43 6.8.26 7.14.33-.02-2.42-.88-4.64-2.31-6.38z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><circle cx="12" cy="12" r="9" /><path d="M9 3.6c5 6 7 10.5 7.5 16.2" /><path d="M6.4 19c3.5 -3.5 6 -6.5 14.5 -6.4" /><path d="M3.1 10.75c5 0 9.814 -.38 15.314 -5" /></svg>
                           </a>
                           <a href="#" class="btn btn-github btn-icon" aria-label="Button">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
                           </a>
                           <a href="#" class="btn btn-instagram btn-icon" aria-label="Button">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913a5.885 5.885 0 0 0 1.384 2.126A5.868 5.868 0 0 0 4.14 23.37c.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558a5.898 5.898 0 0 0 2.126-1.384 5.86 5.86 0 0 0 1.384-2.126c.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913a5.89 5.89 0 0 0-1.384-2.126A5.847 5.847 0 0 0 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227a3.81 3.81 0 0 1-.899 1.382 3.744 3.744 0 0 1-1.38.896c-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421a3.716 3.716 0 0 1-1.379-.899 3.644 3.644 0 0 1-.9-1.38c-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 1 0 0-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405a1.441 1.441 0 0 1-2.88 0 1.44 1.44 0 0 1 2.88 0z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><rect x="4" y="4" width="16" height="16" rx="4" /><circle cx="12" cy="12" r="3" /><line x1="16.5" y1="7.5" x2="16.5" y2="7.501" /></svg>
                           </a>
                           <a href="#" class="btn btn-pinterest btn-icon" aria-label="Button">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><line x1="8" y1="20" x2="12" y2="11" /><path d="M10.7 14c.437 1.263 1.43 2 2.55 2c2.071 0 3.75 -1.554 3.75 -4a5 5 0 1 0 -9.7 1.7" /><circle cx="12" cy="12" r="9" /></svg>
                           </a>
                           <a href="#" class="btn btn-vk btn-icon" aria-label="Button">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M11.701 18.771h1.437s.433-.047.654-.284c.21-.221.21-.63.21-.63s-.031-1.927.869-2.21c.887-.281 2.012 1.86 3.211 2.683.916.629 1.605.494 1.605.494l3.211-.044s1.682-.105.887-1.426c-.061-.105-.451-.975-2.371-2.76-2.012-1.861-1.742-1.561.676-4.787 1.469-1.965 2.07-3.166 1.875-3.676-.166-.48-1.26-.361-1.26-.361l-3.602.031s-.27-.031-.465.09c-.195.119-.314.391-.314.391s-.572 1.529-1.336 2.82c-1.623 2.729-2.268 2.879-2.523 2.699-.604-.391-.449-1.58-.449-2.432 0-2.641.404-3.75-.781-4.035-.39-.091-.681-.15-1.685-.166-1.29-.014-2.378.01-2.995.311-.405.203-.72.652-.539.675.24.03.779.146 1.064.537.375.506.359 1.636.359 1.636s.211 3.116-.494 3.503c-.495.262-1.155-.28-2.595-2.756-.735-1.26-1.291-2.67-1.291-2.67s-.105-.256-.299-.406c-.227-.165-.557-.225-.557-.225l-3.435.03s-.51.016-.689.24c-.166.195-.016.615-.016.615s2.686 6.287 5.732 9.453c2.79 2.902 5.956 2.715 5.956 2.715l-.05-.055z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M10 6h2v12c-4.5 -1 -8 -6.5 -9 -12" /><path d="M20 6c-1 2 -3 5 -5 6h-3" /><path d="M20 18c-1 -2 -3 -5 -5 -6" /></svg>
                           </a>
                           <a href="#" class="btn btn-rss btn-icon" aria-label="Button">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M19.199 24C19.199 13.467 10.533 4.8 0 4.8V0c13.165 0 24 10.835 24 24h-4.801zM3.291 17.415a3.3 3.3 0 0 1 3.293 3.295A3.303 3.303 0 0 1 3.283 24C1.47 24 0 22.526 0 20.71s1.475-3.294 3.291-3.295zM15.909 24h-4.665c0-6.169-5.075-11.245-11.244-11.245V8.09c8.727 0 15.909 7.184 15.909 15.91z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><circle cx="5" cy="19" r="1" /><path d="M4 4a16 16 0 0 1 16 16" /><path d="M4 11a9 9 0 0 1 9 9" /></svg>
                           </a>
                           <a href="#" class="btn btn-flickr btn-icon" aria-label="Button">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M0 12a5.565 5.565 0 0 0 5.565 5.564c3.075 0 5.569-2.49 5.569-5.564S8.641 6.436 5.565 6.436A5.566 5.566 0 0 0 0 12zm12.866 0a5.565 5.565 0 0 0 5.567 5.564C21.496 17.564 24 15.074 24 12s-2.492-5.564-5.564-5.564A5.567 5.567 0 0 0 12.866 12z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><circle cx="7" cy="12" r="3" /><circle cx="17" cy="12" r="3" /></svg>
                           </a>
                           <a href="#" class="btn btn-bitbucket btn-icon" aria-label="Button">
-                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M.778 1.211a.768.768 0 0 0-.768.892l3.263 19.811c.084.499.515.867 1.022.872H19.95a.772.772 0 0 0 .77-.646l3.27-20.03a.768.768 0 0 0-.768-.891L.778 1.211zM14.52 15.528H9.522L8.17 8.464h7.561l-1.211 7.064z" /></svg>
                           </a>
                           <a href="#" class="btn btn-tabler btn-icon" aria-label="Button">
-                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" fill="currentColor"><path d="M23.5 5.3C22.9 3 21 1.1 18.7.5 14.3-.2 9.8-.2 5.4.5 3 1.1 1.1 3 .5 5.3c-.7 4.4-.7 8.9 0 13.3.6 2.4 2.5 4.3 4.8 4.9 4.4.7 8.9.7 13.3 0 2.4-.6 4.2-2.4 4.8-4.8.8-4.5.8-8.9.1-13.4zm-11.8 7.6c-1 1.6-2.5 3.1-4.2 4.1-.6.3-1.2.3-1.8 0s-.9-.9-.9-1.5.3-1.2.9-1.5c.9-.5 1.6-1.2 2.3-2-.7-.8-1.4-1.4-2.3-2-.8-.5-1.1-1.6-.6-2.4S6.7 6.5 7.5 7c1.7 1 3.1 2.4 4.2 4.1.4.5.4 1.2 0 1.8zm6 3.6h-4.3c-.8 0-1.4-.4-1.4-1.1 0-.7.6-1.1 1.4-1.1h4.3c.8 0 1.4.4 1.4 1.1 0 .7-.6 1.1-1.4 1.1z" /></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
                           </a>
                         </div>
                       </div>
@@ -1329,7 +1317,6 @@
   <span class="c">&lt;!-- SVG icon code --&gt;</span>
 <span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-bitbucket btn-icon"</span> <span class="na">aria-label=</span><span class="s">"Button"</span><span class="nt">&gt;</span>
-  <span class="c">&lt;!-- SVG icon code --&gt;</span>
 <span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-tabler btn-icon"</span> <span class="na">aria-label=</span><span class="s">"Button"</span><span class="nt">&gt;</span>
   <span class="c">&lt;!-- SVG icon code --&gt;</span>
@@ -1396,7 +1383,7 @@
                       <div class="example-content">
                         <div class="btn-list">
                           <div class="dropdown">
-                            <button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
+                            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
                               <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /></svg>
                             </button>
                             <div class="dropdown-menu">
@@ -1409,7 +1396,7 @@
                             </div>
                           </div>
                           <div class="dropdown">
-                            <button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
+                            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
                               <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /></svg>
                               Show calendar
                             </button>
@@ -1423,7 +1410,7 @@
                             </div>
                           </div>
                           <div class="dropdown">
-                            <button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
+                            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
                               Show calendar
                             </button>
                             <div class="dropdown-menu">
@@ -1441,7 +1428,7 @@
                     <div class="example-code">
                       <figure class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"dropdown"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-white dropdown-toggle"</span> <span class="na">data-toggle=</span><span class="s">"dropdown"</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn dropdown-toggle"</span> <span class="na">data-toggle=</span><span class="s">"dropdown"</span><span class="nt">&gt;</span>
     <span class="c">&lt;!-- SVG icon code --&gt;</span>
   <span class="nt">&lt;/button&gt;</span>
   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"dropdown-menu"</span><span class="nt">&gt;</span>
@@ -1454,7 +1441,7 @@
   <span class="nt">&lt;/div&gt;</span>
 <span class="nt">&lt;/div&gt;</span>
 <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"dropdown"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-white dropdown-toggle"</span> <span class="na">data-toggle=</span><span class="s">"dropdown"</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn dropdown-toggle"</span> <span class="na">data-toggle=</span><span class="s">"dropdown"</span><span class="nt">&gt;</span>
     <span class="c">&lt;!-- SVG icon code --&gt;</span>
     Show calendar
   <span class="nt">&lt;/button&gt;</span>
@@ -1468,7 +1455,7 @@
   <span class="nt">&lt;/div&gt;</span>
 <span class="nt">&lt;/div&gt;</span>
 <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"dropdown"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-white dropdown-toggle"</span> <span class="na">data-toggle=</span><span class="s">"dropdown"</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn dropdown-toggle"</span> <span class="na">data-toggle=</span><span class="s">"dropdown"</span><span class="nt">&gt;</span>
     Show calendar
   <span class="nt">&lt;/button&gt;</span>
   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"dropdown-menu"</span><span class="nt">&gt;</span>
@@ -1528,7 +1515,7 @@
                       <div class="example-content">
                         <div class="btn-list">
                           <a href="#" class="btn btn-success">Save changes</a>
-                          <a href="#" class="btn btn-white">Save and continue</a>
+                          <a href="#" class="btn">Save and continue</a>
                           <a href="#" class="btn btn-danger">Cancel</a>
                         </div>
                       </div>
@@ -1537,7 +1524,7 @@
                       <figure class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"btn-list"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-success"</span><span class="nt">&gt;</span>Save changes<span class="nt">&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Save and continue<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Save and continue<span class="nt">&lt;/a&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-danger"</span><span class="nt">&gt;</span>Cancel<span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;/div&gt;</span></code></pre>
                       </figure>
@@ -1546,50 +1533,50 @@
                     <div class="example no_toc_section">
                       <div class="example-content">
                         <div class="btn-list">
-                          <a href="#" class="btn btn-white">One</a>
-                          <a href="#" class="btn btn-white">Two</a>
-                          <a href="#" class="btn btn-white">Three</a>
-                          <a href="#" class="btn btn-white">Four</a>
-                          <a href="#" class="btn btn-white">Five</a>
-                          <a href="#" class="btn btn-white">Six</a>
-                          <a href="#" class="btn btn-white">Seven</a>
-                          <a href="#" class="btn btn-white">Eight</a>
-                          <a href="#" class="btn btn-white">Nine</a>
-                          <a href="#" class="btn btn-white">Ten</a>
-                          <a href="#" class="btn btn-white">Eleven</a>
-                          <a href="#" class="btn btn-white">Twelve</a>
-                          <a href="#" class="btn btn-white">Thirteen</a>
-                          <a href="#" class="btn btn-white">Fourteen</a>
-                          <a href="#" class="btn btn-white">Fifteen</a>
-                          <a href="#" class="btn btn-white">Sixteen</a>
-                          <a href="#" class="btn btn-white">Seventeen</a>
-                          <a href="#" class="btn btn-white">Eighteen</a>
-                          <a href="#" class="btn btn-white">Nineteen</a>
+                          <a href="#" class="btn">One</a>
+                          <a href="#" class="btn">Two</a>
+                          <a href="#" class="btn">Three</a>
+                          <a href="#" class="btn">Four</a>
+                          <a href="#" class="btn">Five</a>
+                          <a href="#" class="btn">Six</a>
+                          <a href="#" class="btn">Seven</a>
+                          <a href="#" class="btn">Eight</a>
+                          <a href="#" class="btn">Nine</a>
+                          <a href="#" class="btn">Ten</a>
+                          <a href="#" class="btn">Eleven</a>
+                          <a href="#" class="btn">Twelve</a>
+                          <a href="#" class="btn">Thirteen</a>
+                          <a href="#" class="btn">Fourteen</a>
+                          <a href="#" class="btn">Fifteen</a>
+                          <a href="#" class="btn">Sixteen</a>
+                          <a href="#" class="btn">Seventeen</a>
+                          <a href="#" class="btn">Eighteen</a>
+                          <a href="#" class="btn">Nineteen</a>
                         </div>
                       </div>
                     </div>
                     <div class="example-code">
                       <figure class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"btn-list"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>One<span class="nt">&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Two<span class="nt">&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Three<span class="nt">&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Four<span class="nt">&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Five<span class="nt">&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Six<span class="nt">&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Seven<span class="nt">&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Eight<span class="nt">&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Nine<span class="nt">&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Ten<span class="nt">&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Eleven<span class="nt">&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Twelve<span class="nt">&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Thirteen<span class="nt">&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Fourteen<span class="nt">&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Fifteen<span class="nt">&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Sixteen<span class="nt">&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Seventeen<span class="nt">&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Eighteen<span class="nt">&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Nineteen<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>One<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Two<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Three<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Four<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Five<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Six<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Seven<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Eight<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Nine<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Ten<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Eleven<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Twelve<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Thirteen<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Fourteen<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Fifteen<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Sixteen<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Seventeen<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Eighteen<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Nineteen<span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;/div&gt;</span></code></pre>
                       </figure>
                     </div>
@@ -1597,7 +1584,7 @@
                     <div class="example no_toc_section">
                       <div class="example-content">
                         <div class="btn-list justify-content-center">
-                          <a href="#" class="btn btn-white">Save and continue</a>
+                          <a href="#" class="btn">Save and continue</a>
                           <a href="#" class="btn btn-primary">Save changes</a>
                         </div>
                       </div>
@@ -1605,7 +1592,7 @@
                     <div class="example-code">
                       <figure class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"btn-list justify-content-center"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Save and continue<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Save and continue<span class="nt">&lt;/a&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span><span class="nt">&gt;</span>Save changes<span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;/div&gt;</span></code></pre>
                       </figure>
@@ -1613,7 +1600,7 @@
                     <div class="example no_toc_section">
                       <div class="example-content">
                         <div class="btn-list justify-content-end">
-                          <a href="#" class="btn btn-white">Save and continue</a>
+                          <a href="#" class="btn">Save and continue</a>
                           <a href="#" class="btn btn-primary">Save changes</a>
                         </div>
                       </div>
@@ -1621,7 +1608,7 @@
                     <div class="example-code">
                       <figure class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"btn-list justify-content-end"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Save and continue<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Save and continue<span class="nt">&lt;/a&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span><span class="nt">&gt;</span>Save changes<span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;/div&gt;</span></code></pre>
                       </figure>
@@ -1630,7 +1617,7 @@
                       <div class="example-content">
                         <div class="btn-list">
                           <a href="#" class="btn btn-outline-danger mr-auto">Delete</a>
-                          <a href="#" class="btn btn-white">Save and continue</a>
+                          <a href="#" class="btn">Save and continue</a>
                           <a href="#" class="btn btn-primary">Save changes</a>
                         </div>
                       </div>
@@ -1639,7 +1626,7 @@
                       <figure class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"btn-list"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-outline-danger mr-auto"</span><span class="nt">&gt;</span>Delete<span class="nt">&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>Save and continue<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>Save and continue<span class="nt">&lt;/a&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span><span class="nt">&gt;</span>Save changes<span class="nt">&lt;/a&gt;</span>
 <span class="nt">&lt;/div&gt;</span></code></pre>
                       </figure>
@@ -1649,15 +1636,15 @@
                     <div class="example no_toc_section example-centered">
                       <div class="example-content">
                         <div class="btn-list">
-                          <a href="#" class="btn btn-white">
+                          <a href="#" class="btn">
                             <span class="avatar" style="background-image: url(../static/avatars/003m.jpg)"></span>
                             Avatar
                           </a>
-                          <a href="#" class="btn btn-white">
+                          <a href="#" class="btn">
                             <span class="avatar" style="background-image: url(../static/avatars/000f.jpg)"></span>
                             Avatar
                           </a>
-                          <a href="#" class="btn btn-white">
+                          <a href="#" class="btn">
                             <span class="avatar" style="background-image: url(../static/avatars/001f.jpg)"></span>
                             Avatar
                           </a>
@@ -1666,15 +1653,15 @@
                     </div>
                     <div class="example-code">
                       <figure class="highlight">
-                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>
+                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
   Avatar
 <span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>
+<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
   Avatar
 <span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">&gt;</span>
+<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
   Avatar
 <span class="nt">&lt;/a&gt;</span></code></pre>
@@ -1697,9 +1684,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/cards.html b/demo/docs/cards.html
index 030029cbd..6becdc187 100644
--- a/demo/docs/cards.html
+++ b/demo/docs/cards.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Cards - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Cards - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="Cards are flexible user interface elements, which help organize content into meaningful sections and make it easier to display on different screen sizes. Cards contain various smaller components, such as images, text, links and buttons and may act as an entry to more detailed information, helping users scan the page quickly and find the most relevant content."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -575,7 +582,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Cards</h2>
+                      <h1 class="h2 mt-0 mb-3">Cards</h1>
                       <p class="ml-auto">
                         <a href="https://getbootstrap.com/docs/4.4/components/card/" target="_blank">
                           <svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
@@ -1100,9 +1107,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/carousel.html b/demo/docs/carousel.html
index 240042dd2..e46747f68 100644
--- a/demo/docs/carousel.html
+++ b/demo/docs/carousel.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Carousel - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Carousel - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="A carousel is used to display multiple pieces of visual content without taking up too much space. Carousels eliminate the need to scroll down the page to see all content and are a popular method of displaying marketing information."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -566,7 +573,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Carousel</h2>
+                      <h1 class="h2 mt-0 mb-3">Carousel</h1>
                       <p class="ml-auto">
                         <a href="https://getbootstrap.com/docs/4.4/components/carousel/" target="_blank">
                           <svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
@@ -672,9 +679,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/charts.html b/demo/docs/charts.html
index 08a3e666f..abd359fd1 100644
--- a/demo/docs/charts.html
+++ b/demo/docs/charts.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Charts - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Charts - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -540,7 +547,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -549,7 +556,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -565,7 +572,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Charts</h2>
+                      <h1 class="h2 mt-0 mb-3">Charts</h1>
                     </div>
                     <h2 id="default-markup">Default markup</h2>
                   </div>
@@ -585,9 +592,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/colors.html b/demo/docs/colors.html
index ff1f68a6a..3df2e54df 100644
--- a/demo/docs/colors.html
+++ b/demo/docs/colors.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Colors - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Colors - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="The choice of colors for a website or app interface has an big influence on how users interact with the product and what decisions they make. Harmonic colors can contribute to a nice first impression and encourage users to engage with your product, so it&#39;s a very important aspect of a successful design, which needs to be well thought out."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -567,7 +574,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Colors</h2>
+                      <h1 class="h2 mt-0 mb-3">Colors</h1>
                       <p class="ml-auto">
                         <a href="https://getbootstrap.com/docs/4.4/utilities/colors/" target="_blank">
                           <svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
@@ -580,246 +587,228 @@
                     <p>Choose one of the available colors from the basic color palette and make your design attractive for users. You can use the colors to customize the design of components, indicate different states or suggest actions you want users to take.</p>
                     <div class="example">
                       <div class="mb-n3">
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-blue text-white">B</div>
+                            <div class="avatar bg-blue text-white">B</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Blue</span><br />
                             <code>bg-blue</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-azure text-white">A</div>
+                            <div class="avatar bg-azure text-white">A</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Azure</span><br />
                             <code>bg-azure</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-indigo text-white">I</div>
+                            <div class="avatar bg-indigo text-white">I</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Indigo</span><br />
                             <code>bg-indigo</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-purple text-white">P</div>
+                            <div class="avatar bg-purple text-white">P</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Purple</span><br />
                             <code>bg-purple</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-pink text-white">P</div>
+                            <div class="avatar bg-pink text-white">P</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Pink</span><br />
                             <code>bg-pink</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-red text-white">R</div>
+                            <div class="avatar bg-red text-white">R</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Red</span><br />
                             <code>bg-red</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-orange text-white">O</div>
+                            <div class="avatar bg-orange text-white">O</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Orange</span><br />
                             <code>bg-orange</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-yellow text-white">Y</div>
+                            <div class="avatar bg-yellow text-white">Y</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Yellow</span><br />
                             <code>bg-yellow</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-lime text-white">L</div>
+                            <div class="avatar bg-lime text-white">L</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Lime</span><br />
                             <code>bg-lime</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-green text-white">G</div>
+                            <div class="avatar bg-green text-white">G</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Green</span><br />
                             <code>bg-green</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-teal text-white">T</div>
+                            <div class="avatar bg-teal text-white">T</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Teal</span><br />
                             <code>bg-teal</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-cyan text-white">C</div>
+                            <div class="avatar bg-cyan text-white">C</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Cyan</span><br />
                             <code>bg-cyan</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
-                          <div class="col-auto">
-                            <div class="stamp bg-gray text-white">G</div>
-                          </div>
-                          <div class="col">
-                            <span class="font-weight-semibold">Gray</span><br />
-                            <code>bg-gray</code>
-                          </div>
-                        </div>
                       </div>
                     </div>
                     <h2 id="light-colors">Light colors</h2>
                     <p>All available colors can come in pastel shades, which are perfect for more subtle designs and can be easily combined with the basic palette to create eye-cathing designs.</p>
                     <div class="example">
                       <div class="mb-n3">
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-blue-lt">B</div>
+                            <div class="avatar bg-blue-lt">B</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Blue</span><br />
                             <code>bg-blue-lt</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-azure-lt">A</div>
+                            <div class="avatar bg-azure-lt">A</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Azure</span><br />
                             <code>bg-azure-lt</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-indigo-lt">I</div>
+                            <div class="avatar bg-indigo-lt">I</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Indigo</span><br />
                             <code>bg-indigo-lt</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-purple-lt">P</div>
+                            <div class="avatar bg-purple-lt">P</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Purple</span><br />
                             <code>bg-purple-lt</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-pink-lt">P</div>
+                            <div class="avatar bg-pink-lt">P</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Pink</span><br />
                             <code>bg-pink-lt</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-red-lt">R</div>
+                            <div class="avatar bg-red-lt">R</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Red</span><br />
                             <code>bg-red-lt</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-orange-lt">O</div>
+                            <div class="avatar bg-orange-lt">O</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Orange</span><br />
                             <code>bg-orange-lt</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-yellow-lt">Y</div>
+                            <div class="avatar bg-yellow-lt">Y</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Yellow</span><br />
                             <code>bg-yellow-lt</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-lime-lt">L</div>
+                            <div class="avatar bg-lime-lt">L</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Lime</span><br />
                             <code>bg-lime-lt</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-green-lt">G</div>
+                            <div class="avatar bg-green-lt">G</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Green</span><br />
                             <code>bg-green-lt</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-teal-lt">T</div>
+                            <div class="avatar bg-teal-lt">T</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Teal</span><br />
                             <code>bg-teal-lt</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
+                        <div class="row g-2 mb-3 align-items-center">
                           <div class="col-auto">
-                            <div class="stamp bg-cyan-lt">C</div>
+                            <div class="avatar bg-cyan-lt">C</div>
                           </div>
                           <div class="col">
                             <span class="font-weight-semibold">Cyan</span><br />
                             <code>bg-cyan-lt</code>
                           </div>
                         </div>
-                        <div class="row row-sm mb-3 align-items-center">
-                          <div class="col-auto">
-                            <div class="stamp bg-gray-lt">G</div>
-                          </div>
-                          <div class="col">
-                            <span class="font-weight-semibold">Gray</span><br />
-                            <code>bg-gray-lt</code>
-                          </div>
-                        </div>
                       </div>
                     </div>
                   </div>
@@ -839,9 +828,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/countup.html b/demo/docs/countup.html
index ab8a89900..dbdf4cd97 100644
--- a/demo/docs/countup.html
+++ b/demo/docs/countup.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Countup - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Countup - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="A countup element is used to display numerical data in an interesting way and make the interface more interactive. All the available options can be found [here](https://inorganik.github.io/countUp.js/)"/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -575,7 +582,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Countup</h2>
+                      <h1 class="h2 mt-0 mb-3">Countup</h1>
                     </div>
                     <p>A countup element is used to display numerical data in an interesting way and make the interface more interactive. All the available options can be found [here](https://inorganik.github.io/countUp.js/)</p>
                     <h2 id="default-countup">Default countup</h2>
@@ -764,9 +771,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/cursors.html b/demo/docs/cursors.html
index e9596ff4a..c482e0d88 100644
--- a/demo/docs/cursors.html
+++ b/demo/docs/cursors.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Cursors - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Cursors - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="You can use different cursors to reflect the intended user interaction with particular elements of an interface. The cursor will change when a user hovers over a given element to indicate the action which can be performed."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -566,7 +573,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Cursors</h2>
+                      <h1 class="h2 mt-0 mb-3">Cursors</h1>
                     </div>
                     <p>You can use different cursors to reflect the intended user interaction with particular elements of an interface. The cursor will change when a user hovers over a given element to indicate the action which can be performed.</p>
                     <h2 id="cursor-utilities">Cursor utilities</h2>
@@ -644,9 +651,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/divider.html b/demo/docs/divider.html
index 4546f75d8..72d346b53 100644
--- a/demo/docs/divider.html
+++ b/demo/docs/divider.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Divider - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Divider - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="Dividers help organize content and make the interface layout clear and uncluttered. Greater clarity adds up to better user experience and enhanced interaction with a website or app."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -568,7 +575,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Divider</h2>
+                      <h1 class="h2 mt-0 mb-3">Divider</h1>
                       <p class="ml-auto">
                         <a href="https://getbootstrap.com/docs/4.4/components/dropdowns/#dividers" target="_blank">
                           <svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
@@ -690,9 +697,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/dropdowns.html b/demo/docs/dropdowns.html
index 2ed9cec17..1394fb768 100644
--- a/demo/docs/dropdowns.html
+++ b/demo/docs/dropdowns.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Dropdowns - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Dropdowns - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="Use dropdowns to display lists of options or include more positions in a menu without overwhelming users with too many buttons and long lists. Dropdowns facilitate users&#39; interaction with your website or software and make your design look clear."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -576,7 +583,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Dropdowns</h2>
+                      <h1 class="h2 mt-0 mb-3">Dropdowns</h1>
                       <p class="ml-auto">
                         <a href="https://getbootstrap.com/docs/4.4/components/dropdowns" target="_blank">
                           <svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
@@ -970,9 +977,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/empty.html b/demo/docs/empty.html
index f8c3e32d6..f98eb50d5 100644
--- a/demo/docs/empty.html
+++ b/demo/docs/empty.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Empty states - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Empty states - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="Empty states or blank pages are commonly used as placeholders for first-use, empty data or error screens. Their aim is to engage users when there is no content to display and that is why their design is extremely important from the point of view of the user experience of your website or app."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -567,7 +574,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Empty states</h2>
+                      <h1 class="h2 mt-0 mb-3">Empty states</h1>
                     </div>
                     <p>Empty states or blank pages are commonly used as placeholders for first-use, empty data or error screens. Their aim is to engage users when there is no content to display and that is why their design is extremely important from the point of view of the user experience of your website or app.</p>
                     <h2 id="default-markup">Default markup</h2>
@@ -578,7 +585,7 @@
                           <div class="empty-icon">
                             <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
                           </div>
-                          <p class="empty-title h3">No results found</p>
+                          <p class="empty-title">No results found</p>
                           <p class="empty-subtitle text-muted">
                             Try adjusting your search or filter to find what you're looking for.
                           </p>
@@ -597,7 +604,7 @@
   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"empty-icon"</span><span class="nt">&gt;</span>
     <span class="c">&lt;!-- SVG icon code --&gt;</span>
   <span class="nt">&lt;/div&gt;</span>
-  <span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"empty-title h3"</span><span class="nt">&gt;</span>No results found<span class="nt">&lt;/p&gt;</span>
+  <span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"empty-title"</span><span class="nt">&gt;</span>No results found<span class="nt">&lt;/p&gt;</span>
   <span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"empty-subtitle text-muted"</span><span class="nt">&gt;</span>
     Try adjusting your search or filter to find what you're looking for.
   <span class="nt">&lt;/p&gt;</span>
@@ -618,7 +625,7 @@
                           <div class="empty-icon">
                             <img src="../static/illustrations/undraw_quitting_time_dm8t.svg" height="128" class="mb-4" alt="" />
                           </div>
-                          <p class="empty-title h3">No results found</p>
+                          <p class="empty-title">No results found</p>
                           <p class="empty-subtitle text-muted">
                             Try adjusting your search or filter to find what you're looking for.
                           </p>
@@ -637,7 +644,7 @@
   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"empty-icon"</span><span class="nt">&gt;</span>
     <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"..."</span> <span class="na">height=</span><span class="s">"128"</span> <span class="na">class=</span><span class="s">"mb-4"</span>  <span class="na">alt=</span><span class="s">""</span><span class="nt">&gt;</span>
   <span class="nt">&lt;/div&gt;</span>
-  <span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"empty-title h3"</span><span class="nt">&gt;</span>No results found<span class="nt">&lt;/p&gt;</span>
+  <span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"empty-title"</span><span class="nt">&gt;</span>No results found<span class="nt">&lt;/p&gt;</span>
   <span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"empty-subtitle text-muted"</span><span class="nt">&gt;</span>
     Try adjusting your search or filter to find what you're looking for.
   <span class="nt">&lt;/p&gt;</span>
@@ -667,9 +674,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/flags.html b/demo/docs/flags.html
index bdd1a7151..3030c32ea 100644
--- a/demo/docs/flags.html
+++ b/demo/docs/flags.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Flags - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Flags - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -28,6 +28,7 @@
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
     <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -43,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -61,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -192,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -339,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -542,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -551,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -569,7 +575,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Flags</h2>
+                      <h1 class="h2 mt-0 mb-3">Flags</h1>
                     </div>
                     <div class="alert alert-info">This module is available in <code>tabler-flags</code>
                       plugin.
@@ -598,7 +604,8 @@
                         <span class="flag flag-xl flag-country-pl mr-1"></span>
                         <span class="flag flag-lg flag-country-pl mr-1"></span>
                         <span class="flag flag-md flag-country-pl"></span>
-                        <span class="flag flag-country-pl mr-1"></span>
+                        <span class="flag flag-sm flag-country-pl mr-1"></span>
+                        <span class="flag flag-xs flag-country-pl mr-1"></span>
                       </div>
                     </div>
                     <div class="example-code">
@@ -606,7 +613,8 @@
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"flag flag-xl flag-country-pl mr-1"</span><span class="nt">&gt;&lt;/span&gt;</span>
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"flag flag-lg flag-country-pl mr-1"</span><span class="nt">&gt;&lt;/span&gt;</span>
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"flag flag-md flag-country-pl"</span><span class="nt">&gt;&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"flag flag-country-pl mr-1"</span><span class="nt">&gt;&lt;/span&gt;</span></code></pre>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"flag flag-sm flag-country-pl mr-1"</span><span class="nt">&gt;&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"flag flag-xs flag-country-pl mr-1"</span><span class="nt">&gt;&lt;/span&gt;</span></code></pre>
                       </figure>
                     </div>
                     <h2 id="types">Types</h2>
@@ -2136,9 +2144,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/form-elements.html b/demo/docs/form-elements.html
index 47176a380..6cfdff3c2 100644
--- a/demo/docs/form-elements.html
+++ b/demo/docs/form-elements.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Form elements - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Form elements - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -28,6 +28,8 @@
     <!-- CSS files -->
     <link href="../dist/libs/nouislider/distribute/nouislider.min.css" rel="stylesheet"/>
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -43,7 +45,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -61,24 +63,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -192,6 +189,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -339,6 +341,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -542,7 +549,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -551,7 +558,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -594,7 +601,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Form elements</h2>
+                      <h1 class="h2 mt-0 mb-3">Form elements</h1>
                       <p class="ml-auto">
                         <a href="https://getbootstrap.com/docs/4.4/components/forms/" target="_blank">
                           <svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
@@ -753,7 +760,7 @@
                       <div class="example-content">
                         <div class="mb-3">
                           <label class="form-label">Separated inputs</label>
-                          <div class="row row-sm">
+                          <div class="row g-2">
                             <div class="col">
                               <input type="text" class="form-control" placeholder="Search for…" />
                             </div>
@@ -770,7 +777,7 @@
                       <figure class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"mb-3"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">&gt;</span>Separated inputs<span class="nt">&lt;/label&gt;</span>
-  <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row row-sm"</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row g-2"</span><span class="nt">&gt;</span>
     <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col"</span><span class="nt">&gt;</span>
       <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">placeholder=</span><span class="s">"Search for…"</span><span class="nt">&gt;</span>
     <span class="nt">&lt;/div&gt;</span>
@@ -905,7 +912,7 @@
                         <div style="max-width: 25rem">
                           <div class="mb-3">
                             <label class="form-label">Image Check</label>
-                            <div class="row row-sm">
+                            <div class="row g-2">
                               <div class="col-6 col-sm-4">
                                 <label class="form-imagecheck mb-2">
                                   <input name="form-imagecheck" type="checkbox" value="1" class="form-imagecheck-input" />
@@ -987,7 +994,7 @@
                       <figure class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"mb-3"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">&gt;</span>Image Check<span class="nt">&lt;/label&gt;</span>
-  <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row row-sm"</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row g-2"</span><span class="nt">&gt;</span>
     <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-6 col-sm-4"</span><span class="nt">&gt;</span>
       <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-imagecheck mb-2"</span><span class="nt">&gt;</span>
         <span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"form-imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"1"</span> <span class="na">class=</span><span class="s">"form-imagecheck-input"</span> <span class="nt">/&gt;</span>
@@ -1070,7 +1077,7 @@
                       <div class="example-content">
                         <div class="mb-3">
                           <label class="form-label">Color Input</label>
-                          <div class="row row-sm">
+                          <div class="row g-2">
                             <div class="col-auto">
                               <label class="form-colorinput">
                                 <input name="color" type="radio" value="dark" class="form-colorinput-input" />
@@ -1145,7 +1152,7 @@
                       <figure class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"mb-3"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">&gt;</span>Color Input<span class="nt">&lt;/label&gt;</span>
-  <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row row-sm"</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row g-2"</span><span class="nt">&gt;</span>
     <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">&gt;</span>
       <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">&gt;</span>
         <span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"color"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"dark"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
@@ -1533,8 +1540,8 @@
                                 </div>
                                 <div class="form-selectgroup-label-content d-flex align-items-center">
                                   <span class="avatar mr-3" style="background-image: url(../static/avatars/000m.jpg)"></span>
-                                  <div class="lh-sm">
-                                    <div class="strong">Paweł Kuna</div>
+                                  <div>
+                                    <div class="font-weight-medium">Paweł Kuna</div>
                                     <div class="text-muted">UI Designer</div>
                                   </div>
                                 </div>
@@ -1548,8 +1555,8 @@
                                 </div>
                                 <div class="form-selectgroup-label-content d-flex align-items-center">
                                   <span class="avatar mr-3">JL</span>
-                                  <div class="lh-sm">
-                                    <div class="strong">Jeffie Lewzey</div>
+                                  <div>
+                                    <div class="font-weight-medium">Jeffie Lewzey</div>
                                     <div class="text-muted">Chemical Engineer</div>
                                   </div>
                                 </div>
@@ -1563,8 +1570,8 @@
                                 </div>
                                 <div class="form-selectgroup-label-content d-flex align-items-center">
                                   <span class="avatar mr-3" style="background-image: url(../static/avatars/002m.jpg)"></span>
-                                  <div class="lh-sm">
-                                    <div class="strong">Mallory Hulme</div>
+                                  <div>
+                                    <div class="font-weight-medium">Mallory Hulme</div>
                                     <div class="text-muted">Geologist IV</div>
                                   </div>
                                 </div>
@@ -1578,8 +1585,8 @@
                                 </div>
                                 <div class="form-selectgroup-label-content d-flex align-items-center">
                                   <span class="avatar mr-3" style="background-image: url(../static/avatars/003m.jpg)"></span>
-                                  <div class="lh-sm">
-                                    <div class="strong">Dunn Slane</div>
+                                  <div>
+                                    <div class="font-weight-medium">Dunn Slane</div>
                                     <div class="text-muted">Research Nurse</div>
                                   </div>
                                 </div>
@@ -1593,8 +1600,8 @@
                                 </div>
                                 <div class="form-selectgroup-label-content d-flex align-items-center">
                                   <span class="avatar mr-3" style="background-image: url(../static/avatars/000f.jpg)"></span>
-                                  <div class="lh-sm">
-                                    <div class="strong">Emmy Levet</div>
+                                  <div>
+                                    <div class="font-weight-medium">Emmy Levet</div>
                                     <div class="text-muted">VP Product Management</div>
                                   </div>
                                 </div>
@@ -1657,8 +1664,8 @@
         <span class="nt">&lt;/div&gt;</span>
         <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"form-selectgroup-label-content d-flex align-items-center"</span><span class="nt">&gt;</span>
           <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar mr-3"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-          <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"lh-sm"</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"strong"</span><span class="nt">&gt;</span>Paweł Kuna<span class="nt">&lt;/div&gt;</span>
+          <span class="nt">&lt;div&gt;</span>
+            <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"font-weight-medium"</span><span class="nt">&gt;</span>Paweł Kuna<span class="nt">&lt;/div&gt;</span>
             <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">&gt;</span>UI Designer<span class="nt">&lt;/div&gt;</span>
           <span class="nt">&lt;/div&gt;</span>
         <span class="nt">&lt;/div&gt;</span>
@@ -1672,8 +1679,8 @@
         <span class="nt">&lt;/div&gt;</span>
         <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"form-selectgroup-label-content d-flex align-items-center"</span><span class="nt">&gt;</span>
           <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar mr-3"</span><span class="nt">&gt;</span>JL<span class="nt">&lt;/span&gt;</span>
-          <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"lh-sm"</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"strong"</span><span class="nt">&gt;</span>Jeffie Lewzey<span class="nt">&lt;/div&gt;</span>
+          <span class="nt">&lt;div&gt;</span>
+            <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"font-weight-medium"</span><span class="nt">&gt;</span>Jeffie Lewzey<span class="nt">&lt;/div&gt;</span>
             <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">&gt;</span>Chemical Engineer<span class="nt">&lt;/div&gt;</span>
           <span class="nt">&lt;/div&gt;</span>
         <span class="nt">&lt;/div&gt;</span>
@@ -1687,8 +1694,8 @@
         <span class="nt">&lt;/div&gt;</span>
         <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"form-selectgroup-label-content d-flex align-items-center"</span><span class="nt">&gt;</span>
           <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar mr-3"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-          <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"lh-sm"</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"strong"</span><span class="nt">&gt;</span>Mallory Hulme<span class="nt">&lt;/div&gt;</span>
+          <span class="nt">&lt;div&gt;</span>
+            <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"font-weight-medium"</span><span class="nt">&gt;</span>Mallory Hulme<span class="nt">&lt;/div&gt;</span>
             <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">&gt;</span>Geologist IV<span class="nt">&lt;/div&gt;</span>
           <span class="nt">&lt;/div&gt;</span>
         <span class="nt">&lt;/div&gt;</span>
@@ -1702,8 +1709,8 @@
         <span class="nt">&lt;/div&gt;</span>
         <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"form-selectgroup-label-content d-flex align-items-center"</span><span class="nt">&gt;</span>
           <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar mr-3"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-          <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"lh-sm"</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"strong"</span><span class="nt">&gt;</span>Dunn Slane<span class="nt">&lt;/div&gt;</span>
+          <span class="nt">&lt;div&gt;</span>
+            <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"font-weight-medium"</span><span class="nt">&gt;</span>Dunn Slane<span class="nt">&lt;/div&gt;</span>
             <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">&gt;</span>Research Nurse<span class="nt">&lt;/div&gt;</span>
           <span class="nt">&lt;/div&gt;</span>
         <span class="nt">&lt;/div&gt;</span>
@@ -1717,8 +1724,8 @@
         <span class="nt">&lt;/div&gt;</span>
         <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"form-selectgroup-label-content d-flex align-items-center"</span><span class="nt">&gt;</span>
           <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar mr-3"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-          <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"lh-sm"</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"strong"</span><span class="nt">&gt;</span>Emmy Levet<span class="nt">&lt;/div&gt;</span>
+          <span class="nt">&lt;div&gt;</span>
+            <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"font-weight-medium"</span><span class="nt">&gt;</span>Emmy Levet<span class="nt">&lt;/div&gt;</span>
             <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">&gt;</span>VP Product Management<span class="nt">&lt;/div&gt;</span>
           <span class="nt">&lt;/div&gt;</span>
         <span class="nt">&lt;/div&gt;</span>
@@ -2237,9 +2244,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/form-helpers.html b/demo/docs/form-helpers.html
index 4a2789c1e..be225a8e0 100644
--- a/demo/docs/form-helpers.html
+++ b/demo/docs/form-helpers.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Form helpers - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Form helpers - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="A form helper can be used to provide users with additional information about the elements of a form that may be unclear."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -566,7 +573,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Form helpers</h2>
+                      <h1 class="h2 mt-0 mb-3">Form helpers</h1>
                     </div>
                     <p>A form helper can be used to provide users with additional information about the elements of a form that may be unclear.</p>
                     <h2 id="input-help">Input help</h2>
@@ -600,9 +607,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/index.html b/demo/docs/index.html
index 6e80c6f70..69433102a 100644
--- a/demo/docs/index.html
+++ b/demo/docs/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Introduction - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Introduction - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -540,7 +547,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -549,7 +556,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -569,7 +576,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Introduction</h2>
+                      <h1 class="h2 mt-0 mb-3">Introduction</h1>
                     </div>
                     <h2 id="what-is-tabler">What is Tabler?</h2>
                     <p>Tabler is a UI kit that speeds up the development process and makes it easier than ever! Built on the latest version of Bootstrap, it helps you create templates based on fully customizable and ready-to-use UI components, which can be used by both simple websites and sophisticated systems. With basic knowledge of HTML and CSS, you’ll be able to create dashboards that are fully functional and beautifully designed!</p>
@@ -619,9 +626,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/input-mask.html b/demo/docs/input-mask.html
index 0e3343bf5..0c659b777 100644
--- a/demo/docs/input-mask.html
+++ b/demo/docs/input-mask.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Input mask - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Input mask - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="An input mask is a used to clarify the input format required in a given field and is helpful for users, removing confusion and reducing the number of validation errors."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -566,7 +573,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Input mask</h2>
+                      <h1 class="h2 mt-0 mb-3">Input mask</h1>
                     </div>
                     <p>An input mask is a used to clarify the input format required in a given field and is helpful for users, removing confusion and reducing the number of validation errors.</p>
                     <h2 id="default-markup">Default markup</h2>
@@ -600,9 +607,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
@@ -613,20 +627,6 @@
     <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <!-- Tabler Core -->
     <script src="../dist/js/tabler.min.js"></script>
-    <script>
-      (function () {
-      	/**
-      	 * Input mask
-      	 */
-      	var maskElementList = [].slice.call(document.querySelectorAll('[data-mask]'))
-      	maskElementList.map(function (maskEl) {
-      		return new IMask(maskEl, {
-      			mask: maskEl.dataset.mask,
-      			lazy: maskEl.dataset['mask-visible'] === 'true'
-      		})
-      	});
-      })();
-    </script>
     <script>
       document.body.style.display = "block"
     </script>
diff --git a/demo/docs/modals.html b/demo/docs/modals.html
index 365fb402a..8b0bff0a6 100644
--- a/demo/docs/modals.html
+++ b/demo/docs/modals.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Modals - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Modals - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -568,7 +575,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Modals</h2>
+                      <h1 class="h2 mt-0 mb-3">Modals</h1>
                     </div>
                     <p>Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
                     <h2 id="default-markup">Default markup</h2>
@@ -579,15 +586,13 @@
                           <div class="modal-content">
                             <div class="modal-header">
                               <h5 class="modal-title">Modal title</h5>
-                              <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
-                                <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
-                              </button>
+                              <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
                             </div>
                             <div class="modal-body">
                               Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci animi beatae delectus deleniti dolorem eveniet facere fuga iste nemo nesciunt nihil odio perspiciatis, quia quis reprehenderit sit tempora totam unde.
                             </div>
                             <div class="modal-footer">
-                              <button type="button" class="btn btn-white mr-auto" data-dismiss="modal">Close</button>
+                              <button type="button" class="btn mr-auto" data-dismiss="modal">Close</button>
                               <button type="button" class="btn btn-primary" data-dismiss="modal">Save changes</button>
                             </div>
                           </div>
@@ -600,15 +605,13 @@
   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"modal-content"</span><span class="nt">&gt;</span>
     <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"modal-header"</span><span class="nt">&gt;</span>
       <span class="nt">&lt;h5</span> <span class="na">class=</span><span class="s">"modal-title"</span><span class="nt">&gt;</span>Modal title<span class="nt">&lt;/h5&gt;</span>
-      <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-dismiss=</span><span class="s">"modal"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">&gt;</span>
-        <span class="c">&lt;!-- SVG icon code --&gt;</span>
-      <span class="nt">&lt;/button&gt;</span>
+      <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-dismiss=</span><span class="s">"modal"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">&gt;&lt;/button&gt;</span>
     <span class="nt">&lt;/div&gt;</span>
     <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"modal-body"</span><span class="nt">&gt;</span>
       Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci animi beatae delectus deleniti dolorem eveniet facere fuga iste nemo nesciunt nihil odio perspiciatis, quia quis reprehenderit sit tempora totam unde.
     <span class="nt">&lt;/div&gt;</span>
     <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"modal-footer"</span><span class="nt">&gt;</span>
-      <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-white mr-auto"</span> <span class="na">data-dismiss=</span><span class="s">"modal"</span><span class="nt">&gt;</span>Close<span class="nt">&lt;/button&gt;</span>
+      <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn mr-auto"</span> <span class="na">data-dismiss=</span><span class="s">"modal"</span><span class="nt">&gt;</span>Close<span class="nt">&lt;/button&gt;</span>
       <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span> <span class="na">data-dismiss=</span><span class="s">"modal"</span><span class="nt">&gt;</span>Save changes<span class="nt">&lt;/button&gt;</span>
     <span class="nt">&lt;/div&gt;</span>
   <span class="nt">&lt;/div&gt;</span>
@@ -657,9 +660,7 @@
                           <div class="modal-content">
                             <div class="modal-header">
                               <h5 class="modal-title">New report</h5>
-                              <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
-                                <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
-                              </button>
+                              <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
                             </div>
                             <div class="modal-body">
                               <div class="mb-3">
@@ -762,9 +763,7 @@
   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"modal-content"</span><span class="nt">&gt;</span>
     <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"modal-header"</span><span class="nt">&gt;</span>
       <span class="nt">&lt;h5</span> <span class="na">class=</span><span class="s">"modal-title"</span><span class="nt">&gt;</span>New report<span class="nt">&lt;/h5&gt;</span>
-      <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-dismiss=</span><span class="s">"modal"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">&gt;</span>
-        <span class="c">&lt;!-- SVG icon code --&gt;</span>
-      <span class="nt">&lt;/button&gt;</span>
+      <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-dismiss=</span><span class="s">"modal"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">&gt;&lt;/button&gt;</span>
     <span class="nt">&lt;/div&gt;</span>
     <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"modal-body"</span><span class="nt">&gt;</span>
       <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"mb-3"</span><span class="nt">&gt;</span>
@@ -878,9 +877,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/payments.html b/demo/docs/payments.html
index 2d0af47e3..dd65e63e2 100644
--- a/demo/docs/payments.html
+++ b/demo/docs/payments.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Payments - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Payments - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="The Tabler payments plug-in will let you use a set of payment provider icons to facilitate the payment process and make it more-user friendly."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -568,7 +575,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Payments</h2>
+                      <h1 class="h2 mt-0 mb-3">Payments</h1>
                     </div>
                     <div class="alert alert-info">This module is available in <code>tabler-payments</code>
                       plugin.
@@ -1101,9 +1108,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/progress.html b/demo/docs/progress.html
index 5b4123d92..7cd652016 100644
--- a/demo/docs/progress.html
+++ b/demo/docs/progress.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Progress bars - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Progress bars - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="Progress bars are used to provide feedback on an action status and inform users of the current progress. Although seemingly small interface elements, they are extremely hepful in managing users&#39; expectations and preventing them from abandoning a process they have initiated."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -571,7 +578,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Progress bars</h2>
+                      <h1 class="h2 mt-0 mb-3">Progress bars</h1>
                       <p class="ml-auto">
                         <a href="https://getbootstrap.com/docs/4.4/components/progress" target="_blank">
                           <svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
@@ -735,9 +742,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/range-slider.html b/demo/docs/range-slider.html
index 211fe7223..51ae4737b 100644
--- a/demo/docs/range-slider.html
+++ b/demo/docs/range-slider.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Range slider - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Range slider - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <!-- CSS files -->
     <link href="../dist/libs/nouislider/distribute/nouislider.min.css" rel="stylesheet"/>
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -575,7 +582,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Range slider</h2>
+                      <h1 class="h2 mt-0 mb-3">Range slider</h1>
                     </div>
                     <p>All options and features can be found <a href="https://refreshless.com/nouislider/"><strong>here</strong></a>.</p>
                     <h2 id="basic-range-slider">Basic range slider</h2>
@@ -795,9 +802,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/ribbons.html b/demo/docs/ribbons.html
index bc1fda9e9..d2d1bca75 100644
--- a/demo/docs/ribbons.html
+++ b/demo/docs/ribbons.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Ribbons - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Ribbons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="Ribbons are graphical elements which attract users&#39; attention to a given element of an interface and make it stand out."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -570,7 +577,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Ribbons</h2>
+                      <h1 class="h2 mt-0 mb-3">Ribbons</h1>
                     </div>
                     <p>Ribbons are graphical elements which attract users' attention to a given element of an interface and make it stand out.</p>
                     <h2 id="default-markup">Default markup</h2>
@@ -707,9 +714,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/spinners.html b/demo/docs/spinners.html
index 0d3801482..b16c7a7c9 100644
--- a/demo/docs/spinners.html
+++ b/demo/docs/spinners.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Spinners - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Spinners - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="Spinners are used to show the loading state of a component or page. They provide feedback for an action a user has taken, when it takes a bit longer to complete."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -570,7 +577,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Spinners</h2>
+                      <h1 class="h2 mt-0 mb-3">Spinners</h1>
                       <p class="ml-auto">
                         <a href="https://getbootstrap.com/docs/4.4/components/spinners/" target="_blank">
                           <svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
@@ -607,7 +614,6 @@
                         <div class="spinner-border text-green" role="status"></div>
                         <div class="spinner-border text-teal" role="status"></div>
                         <div class="spinner-border text-cyan" role="status"></div>
-                        <div class="spinner-border text-gray" role="status"></div>
                       </div>
                     </div>
                     <div class="example-code">
@@ -623,8 +629,7 @@
 <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"spinner-border text-lime"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">&gt;&lt;/div&gt;</span>
 <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"spinner-border text-green"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">&gt;&lt;/div&gt;</span>
 <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"spinner-border text-teal"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">&gt;&lt;/div&gt;</span>
-<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"spinner-border text-cyan"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">&gt;&lt;/div&gt;</span>
-<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"spinner-border text-gray"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">&gt;&lt;/div&gt;</span></code></pre>
+<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"spinner-border text-cyan"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">&gt;&lt;/div&gt;</span></code></pre>
                       </figure>
                     </div>
                     <h2 id="size">Size</h2>
@@ -668,7 +673,6 @@
                         <div class="spinner-grow text-green" role="status"></div>
                         <div class="spinner-grow text-teal" role="status"></div>
                         <div class="spinner-grow text-cyan" role="status"></div>
-                        <div class="spinner-grow text-gray" role="status"></div>
                       </div>
                     </div>
                     <div class="example-code">
@@ -684,8 +688,7 @@
 <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"spinner-grow text-lime"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">&gt;&lt;/div&gt;</span>
 <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"spinner-grow text-green"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">&gt;&lt;/div&gt;</span>
 <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"spinner-grow text-teal"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">&gt;&lt;/div&gt;</span>
-<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"spinner-grow text-cyan"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">&gt;&lt;/div&gt;</span>
-<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"spinner-grow text-gray"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">&gt;&lt;/div&gt;</span></code></pre>
+<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"spinner-grow text-cyan"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">&gt;&lt;/div&gt;</span></code></pre>
                       </figure>
                     </div>
                     <h2 id="buttons">Buttons</h2>
@@ -755,9 +758,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/steps.html b/demo/docs/steps.html
index d6a2a11d1..d76e92417 100644
--- a/demo/docs/steps.html
+++ b/demo/docs/steps.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Steps - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Steps - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="Steps are used to guide users through complex processes, making them easier and more intuitive. Breaking a multi-step process into smaller parts and tracking progress along the way helps users complete it successfully."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -570,7 +577,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Steps</h2>
+                      <h1 class="h2 mt-0 mb-3">Steps</h1>
                     </div>
                     <p>Steps are used to guide users through complex processes, making them easier and more intuitive. Breaking a multi-step process into smaller parts and tracking progress along the way helps users complete it successfully.</p>
                     <h2 id="default-markup">Default markup</h2>
@@ -779,9 +786,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/tables.html b/demo/docs/tables.html
index 75179f680..12eeb536d 100644
--- a/demo/docs/tables.html
+++ b/demo/docs/tables.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Tables - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Tables - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="Tables are a useful interface element that allows to visualise data and arrange it in a clear way. Thanks to that, users can browse a lot of information at once and a good table design will help you take care of its clarity."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -568,7 +575,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Tables</h2>
+                      <h1 class="h2 mt-0 mb-3">Tables</h1>
                       <p class="ml-auto">
                         <a href="https://getbootstrap.com/docs/4.4/content/tables/" target="_blank">
                           <svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
@@ -667,7 +674,8 @@
                     <div class="example-code">
                       <figure class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"table-responsive"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;table</span> <span class="na">class=</span><span class="s">"table table-vcenter"</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;table</span>
+		<span class="na">class=</span><span class="s">"table table-vcenter"</span><span class="nt">&gt;</span>
     <span class="nt">&lt;thead&gt;</span>
       <span class="nt">&lt;tr&gt;</span>
         <span class="nt">&lt;th&gt;</span>Name<span class="nt">&lt;/th&gt;</span>
@@ -683,7 +691,7 @@
         <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;</span>
           UI Designer, Training
         <span class="nt">&lt;/td&gt;</span>
-        <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">&gt;</span>paweluna@howstuffworks.com<span class="nt">&lt;/a&gt;&lt;/td&gt;</span>
+        <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">&gt;</span>paweluna@howstuffworks.com<span class="nt">&lt;/a&gt;&lt;/td&gt;</span>
         <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;</span>
           User
         <span class="nt">&lt;/td&gt;</span>
@@ -696,7 +704,7 @@
         <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;</span>
           Chemical Engineer, Support
         <span class="nt">&lt;/td&gt;</span>
-        <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">&gt;</span>jlewzey1@seesaa.net<span class="nt">&lt;/a&gt;&lt;/td&gt;</span>
+        <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">&gt;</span>jlewzey1@seesaa.net<span class="nt">&lt;/a&gt;&lt;/td&gt;</span>
         <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;</span>
           Admin
         <span class="nt">&lt;/td&gt;</span>
@@ -709,7 +717,7 @@
         <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;</span>
           Geologist IV, Support
         <span class="nt">&lt;/td&gt;</span>
-        <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">&gt;</span>mhulme2@domainmarket.com<span class="nt">&lt;/a&gt;&lt;/td&gt;</span>
+        <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">&gt;</span>mhulme2@domainmarket.com<span class="nt">&lt;/a&gt;&lt;/td&gt;</span>
         <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;</span>
           User
         <span class="nt">&lt;/td&gt;</span>
@@ -722,7 +730,7 @@
         <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;</span>
           Research Nurse, Sales
         <span class="nt">&lt;/td&gt;</span>
-        <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">&gt;</span>dslane3@epa.gov<span class="nt">&lt;/a&gt;&lt;/td&gt;</span>
+        <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">&gt;</span>dslane3@epa.gov<span class="nt">&lt;/a&gt;&lt;/td&gt;</span>
         <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;</span>
           Owner
         <span class="nt">&lt;/td&gt;</span>
@@ -735,7 +743,7 @@
         <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;</span>
           VP Product Management, Accounting
         <span class="nt">&lt;/td&gt;</span>
-        <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">&gt;</span>elevet4@senate.gov<span class="nt">&lt;/a&gt;&lt;/td&gt;</span>
+        <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">&gt;</span>elevet4@senate.gov<span class="nt">&lt;/a&gt;&lt;/td&gt;</span>
         <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;</span>
           Admin
         <span class="nt">&lt;/td&gt;</span>
@@ -874,7 +882,10 @@
                                 <td class="text-muted">
                                   User
                                 </td>
-                                <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi cupiditate debitis deserunt expedita hic incidunt iste modi molestiae nesciunt non nostrum perferendis perspiciatis placeat praesentium quaerat quo repellendus, voluptates.</td>
+                                <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi cupiditate debitis deserunt
+                                  expedita hic incidunt iste modi molestiae nesciunt non nostrum perferendis perspiciatis placeat praesentium
+                                  quaerat quo repellendus, voluptates.
+                                </td>
                                 <td>
                                   <a href="#">Edit</a>
                                 </td>
@@ -888,7 +899,10 @@
                                 <td class="text-muted">
                                   Admin
                                 </td>
-                                <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi cupiditate debitis deserunt expedita hic incidunt iste modi molestiae nesciunt non nostrum perferendis perspiciatis placeat praesentium quaerat quo repellendus, voluptates.</td>
+                                <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi cupiditate debitis deserunt
+                                  expedita hic incidunt iste modi molestiae nesciunt non nostrum perferendis perspiciatis placeat praesentium
+                                  quaerat quo repellendus, voluptates.
+                                </td>
                                 <td>
                                   <a href="#">Edit</a>
                                 </td>
@@ -902,7 +916,10 @@
                                 <td class="text-muted">
                                   User
                                 </td>
-                                <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi cupiditate debitis deserunt expedita hic incidunt iste modi molestiae nesciunt non nostrum perferendis perspiciatis placeat praesentium quaerat quo repellendus, voluptates.</td>
+                                <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi cupiditate debitis deserunt
+                                  expedita hic incidunt iste modi molestiae nesciunt non nostrum perferendis perspiciatis placeat praesentium
+                                  quaerat quo repellendus, voluptates.
+                                </td>
                                 <td>
                                   <a href="#">Edit</a>
                                 </td>
@@ -916,7 +933,10 @@
                                 <td class="text-muted">
                                   Owner
                                 </td>
-                                <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi cupiditate debitis deserunt expedita hic incidunt iste modi molestiae nesciunt non nostrum perferendis perspiciatis placeat praesentium quaerat quo repellendus, voluptates.</td>
+                                <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi cupiditate debitis deserunt
+                                  expedita hic incidunt iste modi molestiae nesciunt non nostrum perferendis perspiciatis placeat praesentium
+                                  quaerat quo repellendus, voluptates.
+                                </td>
                                 <td>
                                   <a href="#">Edit</a>
                                 </td>
@@ -930,7 +950,10 @@
                                 <td class="text-muted">
                                   Admin
                                 </td>
-                                <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi cupiditate debitis deserunt expedita hic incidunt iste modi molestiae nesciunt non nostrum perferendis perspiciatis placeat praesentium quaerat quo repellendus, voluptates.</td>
+                                <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi cupiditate debitis deserunt
+                                  expedita hic incidunt iste modi molestiae nesciunt non nostrum perferendis perspiciatis placeat praesentium
+                                  quaerat quo repellendus, voluptates.
+                                </td>
                                 <td>
                                   <a href="#">Edit</a>
                                 </td>
@@ -943,7 +966,8 @@
                     <div class="example-code">
                       <figure class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"table-responsive"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;table</span> <span class="na">class=</span><span class="s">"table table-vcenter table-nowrap"</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;table</span>
+		<span class="na">class=</span><span class="s">"table table-vcenter table-nowrap"</span><span class="nt">&gt;</span>
     <span class="nt">&lt;thead&gt;</span>
       <span class="nt">&lt;tr&gt;</span>
         <span class="nt">&lt;th&gt;</span>Name<span class="nt">&lt;/th&gt;</span>
@@ -960,11 +984,14 @@
         <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;</span>
           UI Designer, Training
         <span class="nt">&lt;/td&gt;</span>
-        <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">&gt;</span>paweluna@howstuffworks.com<span class="nt">&lt;/a&gt;&lt;/td&gt;</span>
+        <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">&gt;</span>paweluna@howstuffworks.com<span class="nt">&lt;/a&gt;&lt;/td&gt;</span>
         <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;</span>
           User
         <span class="nt">&lt;/td&gt;</span>
-        <span class="nt">&lt;td&gt;</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi cupiditate debitis deserunt expedita hic incidunt iste modi molestiae nesciunt non nostrum perferendis perspiciatis placeat praesentium quaerat quo repellendus, voluptates.<span class="nt">&lt;/td&gt;</span>
+        <span class="nt">&lt;td&gt;</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi cupiditate debitis deserunt
+          expedita hic incidunt iste modi molestiae nesciunt non nostrum perferendis perspiciatis placeat praesentium
+          quaerat quo repellendus, voluptates.
+        <span class="nt">&lt;/td&gt;</span>
         <span class="nt">&lt;td&gt;</span>
           <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">&gt;</span>Edit<span class="nt">&lt;/a&gt;</span>
         <span class="nt">&lt;/td&gt;</span>
@@ -974,11 +1001,14 @@
         <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;</span>
           Chemical Engineer, Support
         <span class="nt">&lt;/td&gt;</span>
-        <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">&gt;</span>jlewzey1@seesaa.net<span class="nt">&lt;/a&gt;&lt;/td&gt;</span>
+        <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">&gt;</span>jlewzey1@seesaa.net<span class="nt">&lt;/a&gt;&lt;/td&gt;</span>
         <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;</span>
           Admin
         <span class="nt">&lt;/td&gt;</span>
-        <span class="nt">&lt;td&gt;</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi cupiditate debitis deserunt expedita hic incidunt iste modi molestiae nesciunt non nostrum perferendis perspiciatis placeat praesentium quaerat quo repellendus, voluptates.<span class="nt">&lt;/td&gt;</span>
+        <span class="nt">&lt;td&gt;</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi cupiditate debitis deserunt
+          expedita hic incidunt iste modi molestiae nesciunt non nostrum perferendis perspiciatis placeat praesentium
+          quaerat quo repellendus, voluptates.
+        <span class="nt">&lt;/td&gt;</span>
         <span class="nt">&lt;td&gt;</span>
           <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">&gt;</span>Edit<span class="nt">&lt;/a&gt;</span>
         <span class="nt">&lt;/td&gt;</span>
@@ -988,11 +1018,14 @@
         <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;</span>
           Geologist IV, Support
         <span class="nt">&lt;/td&gt;</span>
-        <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">&gt;</span>mhulme2@domainmarket.com<span class="nt">&lt;/a&gt;&lt;/td&gt;</span>
+        <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">&gt;</span>mhulme2@domainmarket.com<span class="nt">&lt;/a&gt;&lt;/td&gt;</span>
         <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;</span>
           User
         <span class="nt">&lt;/td&gt;</span>
-        <span class="nt">&lt;td&gt;</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi cupiditate debitis deserunt expedita hic incidunt iste modi molestiae nesciunt non nostrum perferendis perspiciatis placeat praesentium quaerat quo repellendus, voluptates.<span class="nt">&lt;/td&gt;</span>
+        <span class="nt">&lt;td&gt;</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi cupiditate debitis deserunt
+          expedita hic incidunt iste modi molestiae nesciunt non nostrum perferendis perspiciatis placeat praesentium
+          quaerat quo repellendus, voluptates.
+        <span class="nt">&lt;/td&gt;</span>
         <span class="nt">&lt;td&gt;</span>
           <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">&gt;</span>Edit<span class="nt">&lt;/a&gt;</span>
         <span class="nt">&lt;/td&gt;</span>
@@ -1002,11 +1035,14 @@
         <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;</span>
           Research Nurse, Sales
         <span class="nt">&lt;/td&gt;</span>
-        <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">&gt;</span>dslane3@epa.gov<span class="nt">&lt;/a&gt;&lt;/td&gt;</span>
+        <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">&gt;</span>dslane3@epa.gov<span class="nt">&lt;/a&gt;&lt;/td&gt;</span>
         <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;</span>
           Owner
         <span class="nt">&lt;/td&gt;</span>
-        <span class="nt">&lt;td&gt;</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi cupiditate debitis deserunt expedita hic incidunt iste modi molestiae nesciunt non nostrum perferendis perspiciatis placeat praesentium quaerat quo repellendus, voluptates.<span class="nt">&lt;/td&gt;</span>
+        <span class="nt">&lt;td&gt;</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi cupiditate debitis deserunt
+          expedita hic incidunt iste modi molestiae nesciunt non nostrum perferendis perspiciatis placeat praesentium
+          quaerat quo repellendus, voluptates.
+        <span class="nt">&lt;/td&gt;</span>
         <span class="nt">&lt;td&gt;</span>
           <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">&gt;</span>Edit<span class="nt">&lt;/a&gt;</span>
         <span class="nt">&lt;/td&gt;</span>
@@ -1016,11 +1052,14 @@
         <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;</span>
           VP Product Management, Accounting
         <span class="nt">&lt;/td&gt;</span>
-        <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">&gt;</span>elevet4@senate.gov<span class="nt">&lt;/a&gt;&lt;/td&gt;</span>
+        <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">&gt;</span>elevet4@senate.gov<span class="nt">&lt;/a&gt;&lt;/td&gt;</span>
         <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"text-muted"</span> <span class="nt">&gt;</span>
           Admin
         <span class="nt">&lt;/td&gt;</span>
-        <span class="nt">&lt;td&gt;</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi cupiditate debitis deserunt expedita hic incidunt iste modi molestiae nesciunt non nostrum perferendis perspiciatis placeat praesentium quaerat quo repellendus, voluptates.<span class="nt">&lt;/td&gt;</span>
+        <span class="nt">&lt;td&gt;</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi cupiditate debitis deserunt
+          expedita hic incidunt iste modi molestiae nesciunt non nostrum perferendis perspiciatis placeat praesentium
+          quaerat quo repellendus, voluptates.
+        <span class="nt">&lt;/td&gt;</span>
         <span class="nt">&lt;td&gt;</span>
           <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">&gt;</span>Edit<span class="nt">&lt;/a&gt;</span>
         <span class="nt">&lt;/td&gt;</span>
@@ -1047,9 +1086,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/tabs.html b/demo/docs/tabs.html
index 039cd7d41..7d82d629c 100644
--- a/demo/docs/tabs.html
+++ b/demo/docs/tabs.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Tabs - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Tabs - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="Tabs allow users to alternate between equally important views within the same context. By dividing content into meaningful sections, they improve its organization and make it easy for users to navigate."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -571,7 +578,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Tabs</h2>
+                      <h1 class="h2 mt-0 mb-3">Tabs</h1>
                       <p class="ml-auto">
                         <a href="https://getbootstrap.com/docs/4.4/components/navs/" target="_blank">
                           <svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
@@ -1003,9 +1010,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/timelines.html b/demo/docs/timelines.html
index b6ff97202..e90f6693c 100644
--- a/demo/docs/timelines.html
+++ b/demo/docs/timelines.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Timelines - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Timelines - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="A timeline is a perfect way to visualize processes and projects, as it&#39;s easy to read and attractive for users. You can use it to give an overview of events, present an agenda or point out important points in time."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -567,7 +574,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Timelines</h2>
+                      <h1 class="h2 mt-0 mb-3">Timelines</h1>
                     </div>
                     <p>A timeline is a perfect way to visualize processes and projects, as it's easy to read and attractive for users. You can use it to give an overview of events, present an agenda or point out important points in time.</p>
                     <h2 id="timeline">Timeline</h2>
@@ -639,7 +646,7 @@
                                   <div class="list-timeline-time">3 days ago</div>
                                   <p class="list-timeline-title">+2 New photos</p>
                                   <div class="mt-3">
-                                    <div class="row row-sm">
+                                    <div class="row g-2">
                                       <div class="col-6">
                                         <div class="media media-2x1 rounded">
                                           <a class="media-content" style="background-image: url(../static/photos/6d35d9a2bd6c63c2.jpg
@@ -738,7 +745,7 @@
           <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-timeline-time"</span><span class="nt">&gt;</span>3 days ago<span class="nt">&lt;/div&gt;</span>
           <span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"list-timeline-title"</span><span class="nt">&gt;</span>+2 New photos<span class="nt">&lt;/p&gt;</span>
           <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"mt-3"</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row row-sm"</span><span class="nt">&gt;</span>
+            <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row g-2"</span><span class="nt">&gt;</span>
               <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-6"</span><span class="nt">&gt;</span>
                 <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"media media-2x1 rounded"</span><span class="nt">&gt;</span>
                   <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">"media-content"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/a&gt;</span>
@@ -837,7 +844,7 @@
                                   <div class="list-timeline-time">3 days ago</div>
                                   <p class="list-timeline-title">+2 New photos</p>
                                   <div class="mt-3">
-                                    <div class="row row-sm">
+                                    <div class="row g-2">
                                       <div class="col-6">
                                         <div class="media media-2x1 rounded">
                                           <a class="media-content" style="background-image: url(../static/photos/6d35d9a2bd6c63c2.jpg
@@ -936,7 +943,7 @@
           <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-timeline-time"</span><span class="nt">&gt;</span>3 days ago<span class="nt">&lt;/div&gt;</span>
           <span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"list-timeline-title"</span><span class="nt">&gt;</span>+2 New photos<span class="nt">&lt;/p&gt;</span>
           <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"mt-3"</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row row-sm"</span><span class="nt">&gt;</span>
+            <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row g-2"</span><span class="nt">&gt;</span>
               <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-6"</span><span class="nt">&gt;</span>
                 <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"media media-2x1 rounded"</span><span class="nt">&gt;</span>
                   <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">"media-content"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/a&gt;</span>
@@ -983,9 +990,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/toasts.html b/demo/docs/toasts.html
index be35fb7f9..b6c28d29d 100644
--- a/demo/docs/toasts.html
+++ b/demo/docs/toasts.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Toasts - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Toasts - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="Toasts are lightweight alert boxes which display for a few seconds after a user has taken an action, to inform them of the state or outcome. They can be used when a user clicks a button or submits a form and their aim is to provide feedback, rather than encourage to take action."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -568,7 +575,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Toasts</h2>
+                      <h1 class="h2 mt-0 mb-3">Toasts</h1>
                       <p class="ml-auto">
                         <a href="https://getbootstrap.com/docs/4.4/components/toasts/" target="_blank">
                           <svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
@@ -583,12 +590,10 @@
                       <div class="example-content">
                         <div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false" data-toggle="toast">
                           <div class="toast-header">
-                            <span class="avatar mr-2" style="background-image: url(../static/avatars/002m.jpg)"></span>
+                            <span class="avatar avatar-xs mr-2" style="background-image: url(../static/avatars/002m.jpg)"></span>
                             <strong class="mr-auto">Mallory Hulme</strong>
                             <small>11 mins ago</small>
-                            <button type="button" class="ml-2 close" data-dismiss="toast" aria-label="Close">
-                              <span aria-hidden="true">&times;</span>
-                            </button>
+                            <button type="button" class="ml-2 btn-close" data-dismiss="toast" aria-label="Close"></button>
                           </div>
                           <div class="toast-body">
                             Hello, world! This is a toast message.
@@ -600,12 +605,10 @@
                       <figure class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"toast show"</span> <span class="na">role=</span><span class="s">"alert"</span> <span class="na">aria-live=</span><span class="s">"assertive"</span> <span class="na">aria-atomic=</span><span class="s">"true"</span> <span class="na">data-autohide=</span><span class="s">"false"</span> <span class="na">data-toggle=</span><span class="s">"toast"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"toast-header"</span><span class="nt">&gt;</span>
-    <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar mr-2"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+    <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-xs mr-2"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
     <span class="nt">&lt;strong</span> <span class="na">class=</span><span class="s">"mr-auto"</span><span class="nt">&gt;</span>Mallory Hulme<span class="nt">&lt;/strong&gt;</span>
     <span class="nt">&lt;small&gt;</span>11 mins ago<span class="nt">&lt;/small&gt;</span>
-    <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"ml-2 close"</span> <span class="na">data-dismiss=</span><span class="s">"toast"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">&gt;</span>
-      <span class="nt">&lt;span</span> <span class="na">aria-hidden=</span><span class="s">"true"</span><span class="nt">&gt;</span><span class="ni">&amp;times;</span><span class="nt">&lt;/span&gt;</span>
-    <span class="nt">&lt;/button&gt;</span>
+    <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"ml-2 btn-close"</span> <span class="na">data-dismiss=</span><span class="s">"toast"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">&gt;&lt;/button&gt;</span>
   <span class="nt">&lt;/div&gt;</span>
   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"toast-body"</span><span class="nt">&gt;</span>
     Hello, world! This is a toast message.
@@ -619,12 +622,10 @@
                       <div class="example-content">
                         <div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false" data-toggle="toast">
                           <div class="toast-header">
-                            <span class="avatar mr-2" style="background-image: url(../static/avatars/002m.jpg)"></span>
+                            <span class="avatar avatar-xs mr-2" style="background-image: url(../static/avatars/002m.jpg)"></span>
                             <strong class="mr-auto">Mallory Hulme</strong>
                             <small>11 mins ago</small>
-                            <button type="button" class="ml-2 close" data-dismiss="toast" aria-label="Close">
-                              <span aria-hidden="true">&times;</span>
-                            </button>
+                            <button type="button" class="ml-2 btn-close" data-dismiss="toast" aria-label="Close"></button>
                           </div>
                           <div class="toast-body">
                             Hello, world! This is a toast message.
@@ -636,12 +637,10 @@
                       <figure class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"toast show"</span> <span class="na">role=</span><span class="s">"alert"</span> <span class="na">aria-live=</span><span class="s">"assertive"</span> <span class="na">aria-atomic=</span><span class="s">"true"</span> <span class="na">data-autohide=</span><span class="s">"false"</span> <span class="na">data-toggle=</span><span class="s">"toast"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"toast-header"</span><span class="nt">&gt;</span>
-    <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar mr-2"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+    <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-xs mr-2"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
     <span class="nt">&lt;strong</span> <span class="na">class=</span><span class="s">"mr-auto"</span><span class="nt">&gt;</span>Mallory Hulme<span class="nt">&lt;/strong&gt;</span>
     <span class="nt">&lt;small&gt;</span>11 mins ago<span class="nt">&lt;/small&gt;</span>
-    <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"ml-2 close"</span> <span class="na">data-dismiss=</span><span class="s">"toast"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">&gt;</span>
-      <span class="nt">&lt;span</span> <span class="na">aria-hidden=</span><span class="s">"true"</span><span class="nt">&gt;</span><span class="ni">&amp;times;</span><span class="nt">&lt;/span&gt;</span>
-    <span class="nt">&lt;/button&gt;</span>
+    <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"ml-2 btn-close"</span> <span class="na">data-dismiss=</span><span class="s">"toast"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">&gt;&lt;/button&gt;</span>
   <span class="nt">&lt;/div&gt;</span>
   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"toast-body"</span><span class="nt">&gt;</span>
     Hello, world! This is a toast message.
@@ -655,12 +654,10 @@
                       <div class="example-content">
                         <div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false" data-toggle="toast">
                           <div class="toast-header">
-                            <span class="avatar mr-2" style="background-image: url(../static/avatars/003m.jpg)"></span>
+                            <span class="avatar avatar-xs mr-2" style="background-image: url(../static/avatars/003m.jpg)"></span>
                             <strong class="mr-auto">Dunn Slane</strong>
                             <small>11 mins ago</small>
-                            <button type="button" class="ml-2 close" data-dismiss="toast" aria-label="Close">
-                              <span aria-hidden="true">&times;</span>
-                            </button>
+                            <button type="button" class="ml-2 btn-close" data-dismiss="toast" aria-label="Close"></button>
                           </div>
                           <div class="toast-body">
                             Hello, world! This is a toast message.
@@ -668,12 +665,10 @@
                         </div>
                         <div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false" data-toggle="toast">
                           <div class="toast-header">
-                            <span class="avatar mr-2" style="background-image: url(../static/avatars/002m.jpg)"></span>
+                            <span class="avatar avatar-xs mr-2" style="background-image: url(../static/avatars/002m.jpg)"></span>
                             <strong class="mr-auto">Mallory Hulme</strong>
                             <small>7 mins ago</small>
-                            <button type="button" class="ml-2 close" data-dismiss="toast" aria-label="Close">
-                              <span aria-hidden="true">&times;</span>
-                            </button>
+                            <button type="button" class="ml-2 btn-close" data-dismiss="toast" aria-label="Close"></button>
                           </div>
                           <div class="toast-body">
                             This is another toast message.
@@ -685,12 +680,10 @@
                       <figure class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"toast show"</span> <span class="na">role=</span><span class="s">"alert"</span> <span class="na">aria-live=</span><span class="s">"assertive"</span> <span class="na">aria-atomic=</span><span class="s">"true"</span> <span class="na">data-autohide=</span><span class="s">"false"</span> <span class="na">data-toggle=</span><span class="s">"toast"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"toast-header"</span><span class="nt">&gt;</span>
-    <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar mr-2"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+    <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-xs mr-2"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
     <span class="nt">&lt;strong</span> <span class="na">class=</span><span class="s">"mr-auto"</span><span class="nt">&gt;</span>Dunn Slane<span class="nt">&lt;/strong&gt;</span>
     <span class="nt">&lt;small&gt;</span>11 mins ago<span class="nt">&lt;/small&gt;</span>
-    <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"ml-2 close"</span> <span class="na">data-dismiss=</span><span class="s">"toast"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">&gt;</span>
-      <span class="nt">&lt;span</span> <span class="na">aria-hidden=</span><span class="s">"true"</span><span class="nt">&gt;</span><span class="ni">&amp;times;</span><span class="nt">&lt;/span&gt;</span>
-    <span class="nt">&lt;/button&gt;</span>
+    <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"ml-2 btn-close"</span> <span class="na">data-dismiss=</span><span class="s">"toast"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">&gt;&lt;/button&gt;</span>
   <span class="nt">&lt;/div&gt;</span>
   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"toast-body"</span><span class="nt">&gt;</span>
     Hello, world! This is a toast message.
@@ -698,12 +691,10 @@
 <span class="nt">&lt;/div&gt;</span>
 <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"toast show"</span> <span class="na">role=</span><span class="s">"alert"</span> <span class="na">aria-live=</span><span class="s">"assertive"</span> <span class="na">aria-atomic=</span><span class="s">"true"</span> <span class="na">data-autohide=</span><span class="s">"false"</span> <span class="na">data-toggle=</span><span class="s">"toast"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"toast-header"</span><span class="nt">&gt;</span>
-    <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar mr-2"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+    <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-xs mr-2"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">&gt;&lt;/span&gt;</span>
     <span class="nt">&lt;strong</span> <span class="na">class=</span><span class="s">"mr-auto"</span><span class="nt">&gt;</span>Mallory Hulme<span class="nt">&lt;/strong&gt;</span>
     <span class="nt">&lt;small&gt;</span>7 mins ago<span class="nt">&lt;/small&gt;</span>
-    <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"ml-2 close"</span> <span class="na">data-dismiss=</span><span class="s">"toast"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">&gt;</span>
-      <span class="nt">&lt;span</span> <span class="na">aria-hidden=</span><span class="s">"true"</span><span class="nt">&gt;</span><span class="ni">&amp;times;</span><span class="nt">&lt;/span&gt;</span>
-    <span class="nt">&lt;/button&gt;</span>
+    <span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"ml-2 btn-close"</span> <span class="na">data-dismiss=</span><span class="s">"toast"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">&gt;&lt;/button&gt;</span>
   <span class="nt">&lt;/div&gt;</span>
   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"toast-body"</span><span class="nt">&gt;</span>
     This is another toast message.
@@ -728,9 +719,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/tooltips.html b/demo/docs/tooltips.html
index 6b6b947ce..145cad3a0 100644
--- a/demo/docs/tooltips.html
+++ b/demo/docs/tooltips.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Tooltips - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Tooltips - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="Tooltips are text labels which appear when a user hovers over an interface element. They explain the interface elements that may be unclear for users and guide them when they need help. If used properly, tooltips can significantly enhance user experience and add value to your website or software."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -567,7 +574,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Tooltips</h2>
+                      <h1 class="h2 mt-0 mb-3">Tooltips</h1>
                       <p class="ml-auto">
                         <a href="https://getbootstrap.com/docs/4.4/components/tooltips/" target="_blank">
                           <svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
@@ -580,32 +587,32 @@
                     <p>Use the default markup to create tooltips that will help users understand particular elements of your interface. You can decide where the text label is to be displayed - at the top, bottom or on either side of the element.</p>
                     <div class="example no_toc_section">
                       <div class="example-content">
-                        <button type="button" class="btn btn-white" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
+                        <button type="button" class="btn" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
                           Tooltip on top
                         </button>
-                        <button type="button" class="btn btn-white" data-toggle="tooltip" data-placement="right" title="Tooltip on right">
+                        <button type="button" class="btn" data-toggle="tooltip" data-placement="right" title="Tooltip on right">
                           Tooltip on right
                         </button>
-                        <button type="button" class="btn btn-white" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">
+                        <button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">
                           Tooltip on bottom
                         </button>
-                        <button type="button" class="btn btn-white" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
+                        <button type="button" class="btn" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
                           Tooltip on left
                         </button>
                       </div>
                     </div>
                     <div class="example-code">
                       <figure class="highlight">
-                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">data-placement=</span><span class="s">"top"</span> <span class="na">title=</span><span class="s">"Tooltip on top"</span><span class="nt">&gt;</span>
+                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">data-placement=</span><span class="s">"top"</span> <span class="na">title=</span><span class="s">"Tooltip on top"</span><span class="nt">&gt;</span>
   Tooltip on top
 <span class="nt">&lt;/button&gt;</span>
-<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">data-placement=</span><span class="s">"right"</span> <span class="na">title=</span><span class="s">"Tooltip on right"</span><span class="nt">&gt;</span>
+<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">data-placement=</span><span class="s">"right"</span> <span class="na">title=</span><span class="s">"Tooltip on right"</span><span class="nt">&gt;</span>
   Tooltip on right
 <span class="nt">&lt;/button&gt;</span>
-<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">data-placement=</span><span class="s">"bottom"</span> <span class="na">title=</span><span class="s">"Tooltip on bottom"</span><span class="nt">&gt;</span>
+<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">data-placement=</span><span class="s">"bottom"</span> <span class="na">title=</span><span class="s">"Tooltip on bottom"</span><span class="nt">&gt;</span>
   Tooltip on bottom
 <span class="nt">&lt;/button&gt;</span>
-<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">data-placement=</span><span class="s">"left"</span> <span class="na">title=</span><span class="s">"Tooltip on left"</span><span class="nt">&gt;</span>
+<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">data-placement=</span><span class="s">"left"</span> <span class="na">title=</span><span class="s">"Tooltip on left"</span><span class="nt">&gt;</span>
   Tooltip on left
 <span class="nt">&lt;/button&gt;</span></code></pre>
                       </figure>
@@ -614,14 +621,14 @@
                     <p>If the default tooltip is not enough, you can add the option to use HTML code in the text to highlight particular bits of information and make the content more attractive.</p>
                     <div class="example no_toc_section">
                       <div class="example-content">
-                        <button type="button" class="btn btn-white" data-toggle="tooltip" data-html="true" title="&lt;em&gt;Tooltip&lt;/em&gt; &lt;u&gt;with&lt;/u&gt; &lt;b&gt;HTML&lt;/b&gt;">
+                        <button type="button" class="btn" data-toggle="tooltip" data-html="true" title="&lt;em&gt;Tooltip&lt;/em&gt; &lt;u&gt;with&lt;/u&gt; &lt;b&gt;HTML&lt;/b&gt;">
                           Tooltip with HTML
                         </button>
                       </div>
                     </div>
                     <div class="example-code">
                       <figure class="highlight">
-                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">data-html=</span><span class="s">"true"</span> <span class="na">title=</span><span class="s">"&lt;em&gt;Tooltip&lt;/em&gt; &lt;u&gt;with&lt;/u&gt; &lt;b&gt;HTML&lt;/b&gt;"</span><span class="nt">&gt;</span>
+                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">data-html=</span><span class="s">"true"</span> <span class="na">title=</span><span class="s">"&lt;em&gt;Tooltip&lt;/em&gt; &lt;u&gt;with&lt;/u&gt; &lt;b&gt;HTML&lt;/b&gt;"</span><span class="nt">&gt;</span>
 Tooltip with HTML
 <span class="nt">&lt;/button&gt;</span></code></pre>
                       </figure>
@@ -643,9 +650,16 @@ Tooltip with HTML
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/docs/typography.html b/demo/docs/typography.html
index 047a594d1..aed42e834 100644
--- a/demo/docs/typography.html
+++ b/demo/docs/typography.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Typography - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Typography - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <meta name="description" content="Typography plays an important role in creating an attractive and clear interface design. Good typography will make the content easy to follow and improve the usability of your website."/>
     <!-- CSS files -->
     <link href="../dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="../dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Documentation
                 </h2>
@@ -550,7 +557,7 @@
           </div>
           <div class="row justify-content-center">
             <div class="d-none d-lg-block col-lg-3 order-lg-1 mb-4">
-              <div class="sticky-top">
+              <div class="sticky-top lh-lg py-4">
                 <a href="https://github.com/tabler/tabler" class="btn btn-white mb-6 btn-block" target="_blank" rel="noreferrer">
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   Browse source code
@@ -576,7 +583,7 @@
                 <div class="card-body">
                   <div class="markdown">
                     <div class="d-flex">
-                      <h2 class="h1 mt-0 mb-3">Typography</h2>
+                      <h1 class="h2 mt-0 mb-3">Typography</h1>
                       <p class="ml-auto">
                         <a href="https://getbootstrap.com/docs/4.4/content/typography/" target="_blank">
                           <svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
@@ -903,9 +910,16 @@ Text <span class="nt">&lt;sup&gt;</span>Superscripted<span class="nt">&lt;/sup&g
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href=".." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href=".." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/dropdowns.html b/demo/dropdowns.html
index 3829389e1..248b97877 100644
--- a/demo/dropdowns.html
+++ b/demo/dropdowns.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,7 +547,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Dropdowns
                 </h2>
@@ -571,11 +578,11 @@
                 <a href="#" class="dropdown-item disabled">Dropdown disabled</a>
                 <a href="#" class="dropdown-item active">Dropdown active</a>
                 <div class="dropdown-divider"></div>
-                <a href="#" class="dropdown-item"><span class="avatar avatar-sm rounded mr-2" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded mr-2" style="background-image: url(./static/avatars/000m.jpg)"></span>
                   Paweł Kuna</a>
-                <a href="#" class="dropdown-item"><span class="avatar avatar-sm rounded mr-2">JL</span>
+                <a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded mr-2">JL</span>
                   Jeffie Lewzey</a>
-                <a href="#" class="dropdown-item"><span class="avatar avatar-sm rounded mr-2" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                <a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded mr-2" style="background-image: url(./static/avatars/002m.jpg)"></span>
                   Mallory Hulme</a>
                 <div class="dropdown-divider"></div>
                 <a href="#" class="dropdown-item"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2" /><path d="M7 12h14l-3 -3m0 6l3 -3" /></svg>
@@ -763,15 +770,15 @@
                 <label class="dropdown-item"><input class="form-check-input m-0 mr-2" type="radio"> Option 3</label>
               </div>
               <div class="dropdown-menu dropdown-menu-demo">
-                <a href="#" class="dropdown-item"><span class="avatar rounded mr-2" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded mr-2" style="background-image: url(./static/avatars/000m.jpg)"></span>
                   Paweł Kuna</a>
-                <a href="#" class="dropdown-item"><span class="avatar rounded mr-2">JL</span>
+                <a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded mr-2">JL</span>
                   Jeffie Lewzey</a>
-                <a href="#" class="dropdown-item"><span class="avatar rounded mr-2" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                <a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded mr-2" style="background-image: url(./static/avatars/002m.jpg)"></span>
                   Mallory Hulme</a>
-                <a href="#" class="dropdown-item"><span class="avatar rounded mr-2" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                <a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded mr-2" style="background-image: url(./static/avatars/003m.jpg)"></span>
                   Dunn Slane</a>
-                <a href="#" class="dropdown-item"><span class="avatar rounded mr-2" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                <a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded mr-2" style="background-image: url(./static/avatars/000f.jpg)"></span>
                   Emmy Levet</a>
               </div>
             </div>
@@ -788,9 +795,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/empty.html b/demo/empty.html
index 64bf47147..3e30ea33b 100644
--- a/demo/empty.html
+++ b/demo/empty.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,7 +547,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Empty page
                 </h2>
@@ -560,9 +567,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/error-404.html b/demo/error-404.html
index 32aceed5c..dd2161a1d 100644
--- a/demo/error-404.html
+++ b/demo/error-404.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -40,7 +42,7 @@
           <div class="empty-icon">
             <div class="display-4">404</div>
           </div>
-          <p class="empty-title h3">Oops… You just found an error page</p>
+          <p class="empty-title">Oops… You just found an error page</p>
           <p class="empty-subtitle text-muted">
             We are sorry but the page you are looking for was not found
           </p>
diff --git a/demo/error-500.html b/demo/error-500.html
index 7669b380c..ba4dd9ad9 100644
--- a/demo/error-500.html
+++ b/demo/error-500.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -40,7 +42,7 @@
           <div class="empty-icon">
             <div class="display-4">500</div>
           </div>
-          <p class="empty-title h3">Oops… You just found an error page</p>
+          <p class="empty-title">Oops… You just found an error page</p>
           <p class="empty-subtitle text-muted">
             We are sorry but our server encountered an internal error
           </p>
diff --git a/demo/error-maintenance.html b/demo/error-maintenance.html
index 0590a49af..ff7742bb1 100644
--- a/demo/error-maintenance.html
+++ b/demo/error-maintenance.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -40,7 +42,7 @@
           <div class="empty-icon">
             <img src="./static/illustrations/undraw_quitting_time_dm8t.svg" height="128" class="mb-4"  alt="">
           </div>
-          <p class="empty-title h3">Temporarily down for maintenance</p>
+          <p class="empty-title">Temporarily down for maintenance</p>
           <p class="empty-subtitle text-muted">
             Sorry for the inconvenience but we’re performing some maintenance at the moment. We’ll be back online shortly!
           </p>
diff --git a/demo/flags.html b/demo/flags.html
deleted file mode 100644
index 46ae96e6c..000000000
--- a/demo/flags.html
+++ /dev/null
@@ -1,1836 +0,0 @@
-<!doctype html>
-<!--
-* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
-* @link https://tabler.io
-* Copyright 2018-2020 The Tabler Authors
-* Copyright 2018-2020 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
--->
-<html lang="en">
-  <head>
-    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
-    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Flags - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
-    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
-    <meta name="msapplication-TileColor" content="#206bc4"/>
-    <meta name="theme-color" content="#206bc4"/>
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
-    <meta name="apple-mobile-web-app-capable" content="yes"/>
-    <meta name="mobile-web-app-capable" content="yes"/>
-    <meta name="HandheldFriendly" content="True"/>
-    <meta name="MobileOptimized" content="320"/>
-    <meta name="robots" content="noindex,nofollow,noarchive"/>
-    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
-    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
-    <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css" rel="stylesheet"/>
-    <style>
-      body {
-      	display: none;
-      }
-    </style>
-  </head>
-  <body class="antialiased">
-    <div class="page">
-      <header class="navbar navbar-expand-md navbar-light">
-        <div class="container-xl">
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
-          </a>
-          <div class="navbar-nav flex-row order-md-last">
-            <div class="nav-item dropdown d-none d-md-flex mr-3">
-              <a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
-                <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
-                <span class="badge bg-red"></span>
-              </a>
-              <div class="dropdown-menu dropdown-menu-right dropdown-menu-card">
-                <div class="card">
-                  <div class="card-body">
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="nav-item dropdown">
-              <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                <div class="d-none d-xl-block pl-2">
-                  <div>Paweł Kuna</div>
-                  <div class="mt-1 small text-muted">UI Designer</div>
-                </div>
-              </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
-                <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <div class="navbar-expand-md">
-        <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar navbar-light">
-            <div class="container-xl">
-              <ul class="navbar-nav">
-                <li class="nav-item">
-                  <a class="nav-link" href="./index.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Home
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      User Interface
-                    </span>
-                  </a>
-                  <ul class="dropdown-menu dropdown-menu-columns  dropdown-menu-columns-2">
-                    <li >
-                      <a class="dropdown-item" href="./empty.html" >
-                        Empty page
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./blank.html" >
-                        Blank page
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./buttons.html" >
-                        Buttons
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./cards.html" >
-                        Cards
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./cards-masonry.html" >
-                        Cards Masonry
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./dropdowns.html" >
-                        Dropdowns
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./icons.html" >
-                        Icons
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./modals.html" >
-                        Modals
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./maps.html" >
-                        Maps
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./maps-vector.html" >
-                        Vector maps
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./navigation.html" >
-                        Navigation
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./charts.html" >
-                        Charts
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./pagination.html" >
-                        Pagination
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./tables.html" >
-                        Tables
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./calendar.html" >
-                        Calendar
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./carousel.html" >
-                        Carousel
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./lists.html" >
-                        Lists
-                      </a>
-                    </li>
-                    <li class="dropright">
-                      <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
-                        Authentication
-                      </a>
-                      <div class="dropdown-menu">
-                        <a href="./sign-in.html" class="dropdown-item">Sign in</a>
-                        <a href="./sign-up.html" class="dropdown-item">Sign up</a>
-                        <a href="./forgot-password.html" class="dropdown-item">Forgot password</a>
-                        <a href="./terms-of-service.html" class="dropdown-item">Terms of service</a>
-                      </div>
-                    </li>
-                    <li class="dropright">
-                      <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
-                        Error pages
-                      </a>
-                      <div class="dropdown-menu">
-                        <a href="./error-404.html" class="dropdown-item">404 page</a>
-                        <a href="./error-500.html" class="dropdown-item">500 page</a>
-                        <a href="./error-maintenance.html" class="dropdown-item">Maintenance page</a>
-                      </div>
-                    </li>
-                  </ul>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./form-elements.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Form elements
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Extra
-                    </span>
-                  </a>
-                  <ul class="dropdown-menu">
-                    <li >
-                      <a class="dropdown-item" href="./invoice.html" >
-                        Invoice
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./blog.html" >
-                        Blog cards
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./snippets.html" >
-                        Snippets
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./search-results.html" >
-                        Search results
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./pricing.html" >
-                        Pricing cards
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./users.html" >
-                        Users
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./gallery.html" >
-                        Gallery
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./profile.html" >
-                        Profile
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./music.html" >
-                        Music
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./welcome.html" >
-                        Welcome
-                      </a>
-                    </li>
-                  </ul>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-layout" data-toggle="dropdown" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Layout
-                    </span>
-                  </a>
-                  <ul class="dropdown-menu">
-                    <li >
-                      <a class="dropdown-item" href="./layout-horizontal.html" >
-                        Horizontal
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./layout-vertical.html" >
-                        Vertical
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./layout-vertical-right.html" >
-                        Right vertical
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./layout-condensed.html" >
-                        Condensed
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./layout-condensed-dark.html" >
-                        Condensed dark
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./layout-combo.html" >
-                        Combined
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./layout-navbar-dark.html" >
-                        Navbar dark
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./layout-navbar-overlap.html" >
-                        Navbar overlap
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./layout-dark.html" >
-                        Dark mode
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./layout-fluid.html" >
-                        Fluid
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./layout-fluid-vertical.html" >
-                        Fluid vertical
-                      </a>
-                    </li>
-                  </ul>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Docs
-                    </span>
-                  </a>
-                  <ul class="dropdown-menu dropdown-menu-columns  dropdown-menu-columns-3">
-                    <li >
-                      <a class="dropdown-item" href="./docs/index.html" >
-                        Introduction
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/alerts.html" >
-                        Alerts
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/autosize.html" >
-                        Autosize
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/avatars.html" >
-                        Avatars
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/badges.html" >
-                        Badges
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/breadcrumb.html" >
-                        Breadcrumb
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/buttons.html" >
-                        Buttons
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/cards.html" >
-                        Cards
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/carousel.html" >
-                        Carousel
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/colors.html" >
-                        Colors
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/cursors.html" >
-                        Cursors
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/charts.html" >
-                        Charts
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/dropdowns.html" >
-                        Dropdowns
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/divider.html" >
-                        Divider
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/empty.html" >
-                        Empty states
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/flags.html" >
-                        Flags
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/form-elements.html" >
-                        Form elements
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/form-helpers.html" >
-                        Form helpers
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/input-mask.html" >
-                        Form input mask
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/modals.html" >
-                        Modals
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/progress.html" >
-                        Progress
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/payments.html" >
-                        Payments
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/range-slider.html" >
-                        Range slider
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/ribbons.html" >
-                        Ribbons
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/spinners.html" >
-                        Spinners
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/steps.html" >
-                        Steps
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/tables.html" >
-                        Tables
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/tabs.html" >
-                        Tabs
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/timelines.html" >
-                        Timelines
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/toasts.html" >
-                        Toasts
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/tooltips.html" >
-                        Tooltips
-                      </a>
-                    </li>
-                    <li >
-                      <a class="dropdown-item" href="./docs/typography.html" >
-                        Typography
-                      </a>
-                    </li>
-                  </ul>
-                </li>
-              </ul>
-              <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search…">
-                  </div>
-                </form>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="content">
-        <div class="container-xl">
-          <!-- Page title -->
-          <div class="page-header">
-            <div class="row align-items-center">
-              <div class="col-auto">
-                <h2 class="page-title">
-                  Flags
-                </h2>
-              </div>
-            </div>
-          </div>
-          <div class="d-flex flex-row flex-wrap">
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Andorra</p>
-              <span class="flag flag-country-ad my-3 mx-auto"></span>
-              <code>.flag .flag-ad</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">United Arab Emirates</p>
-              <span class="flag flag-country-ae my-3 mx-auto"></span>
-              <code>.flag .flag-ae</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Afghanistan</p>
-              <span class="flag flag-country-af my-3 mx-auto"></span>
-              <code>.flag .flag-af</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Antigua</p>
-              <span class="flag flag-country-ag my-3 mx-auto"></span>
-              <code>.flag .flag-ag</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Anguilla</p>
-              <span class="flag flag-country-ai my-3 mx-auto"></span>
-              <code>.flag .flag-ai</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Armenia</p>
-              <span class="flag flag-country-am my-3 mx-auto"></span>
-              <code>.flag .flag-am</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Angolan</p>
-              <span class="flag flag-country-ao my-3 mx-auto"></span>
-              <code>.flag .flag-ao</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Antarctica</p>
-              <span class="flag flag-country-aq my-3 mx-auto"></span>
-              <code>.flag .flag-aq</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Argentina</p>
-              <span class="flag flag-country-ar my-3 mx-auto"></span>
-              <code>.flag .flag-ar</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">American Samoa</p>
-              <span class="flag flag-country-as my-3 mx-auto"></span>
-              <code>.flag .flag-as</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Austria</p>
-              <span class="flag flag-country-at my-3 mx-auto"></span>
-              <code>.flag .flag-at</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Australia</p>
-              <span class="flag flag-country-au my-3 mx-auto"></span>
-              <code>.flag .flag-au</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Aruba</p>
-              <span class="flag flag-country-aw my-3 mx-auto"></span>
-              <code>.flag .flag-aw</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Aslan Islands</p>
-              <span class="flag flag-country-ax my-3 mx-auto"></span>
-              <code>.flag .flag-ax</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Azerbaijan</p>
-              <span class="flag flag-country-az my-3 mx-auto"></span>
-              <code>.flag .flag-az</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Bosnian</p>
-              <span class="flag flag-country-ba my-3 mx-auto"></span>
-              <code>.flag .flag-ba</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Barbados</p>
-              <span class="flag flag-country-bb my-3 mx-auto"></span>
-              <code>.flag .flag-bb</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Belgium</p>
-              <span class="flag flag-country-be my-3 mx-auto"></span>
-              <code>.flag .flag-be</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Burkina Faso</p>
-              <span class="flag flag-country-bf my-3 mx-auto"></span>
-              <code>.flag .flag-bf</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Bulgaria</p>
-              <span class="flag flag-country-bg my-3 mx-auto"></span>
-              <code>.flag .flag-bg</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Bahrain</p>
-              <span class="flag flag-country-bh my-3 mx-auto"></span>
-              <code>.flag .flag-bh</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Burundi</p>
-              <span class="flag flag-country-bi my-3 mx-auto"></span>
-              <code>.flag .flag-bi</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Benin</p>
-              <span class="flag flag-country-bj my-3 mx-auto"></span>
-              <code>.flag .flag-bj</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Saint-Barthélemy</p>
-              <span class="flag flag-country-bl my-3 mx-auto"></span>
-              <code>.flag .flag-bl</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Bermuda</p>
-              <span class="flag flag-country-bm my-3 mx-auto"></span>
-              <code>.flag .flag-bm</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Bruneian</p>
-              <span class="flag flag-country-bn my-3 mx-auto"></span>
-              <code>.flag .flag-bn</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Bolivia</p>
-              <span class="flag flag-country-bo my-3 mx-auto"></span>
-              <code>.flag .flag-bo</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Bonaire</p>
-              <span class="flag flag-country-bq my-3 mx-auto"></span>
-              <code>.flag .flag-bq</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Brazil</p>
-              <span class="flag flag-country-br my-3 mx-auto"></span>
-              <code>.flag .flag-br</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Bahamas</p>
-              <span class="flag flag-country-bs my-3 mx-auto"></span>
-              <code>.flag .flag-bs</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Bhutan</p>
-              <span class="flag flag-country-bt my-3 mx-auto"></span>
-              <code>.flag .flag-bt</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Bouvet Island</p>
-              <span class="flag flag-country-bv my-3 mx-auto"></span>
-              <code>.flag .flag-bv</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Batswana</p>
-              <span class="flag flag-country-bw my-3 mx-auto"></span>
-              <code>.flag .flag-bw</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Belarus</p>
-              <span class="flag flag-country-by my-3 mx-auto"></span>
-              <code>.flag .flag-by</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Belize</p>
-              <span class="flag flag-country-bz my-3 mx-auto"></span>
-              <code>.flag .flag-bz</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Canada</p>
-              <span class="flag flag-country-ca my-3 mx-auto"></span>
-              <code>.flag .flag-ca</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Cocos Island</p>
-              <span class="flag flag-country-cc my-3 mx-auto"></span>
-              <code>.flag .flag-cc</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Democratic Republic of Congo</p>
-              <span class="flag flag-country-cd my-3 mx-auto"></span>
-              <code>.flag .flag-cd</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Central African Republic</p>
-              <span class="flag flag-country-cf my-3 mx-auto"></span>
-              <code>.flag .flag-cf</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Republic of the Congo</p>
-              <span class="flag flag-country-cg my-3 mx-auto"></span>
-              <code>.flag .flag-cg</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Switzerland</p>
-              <span class="flag flag-country-ch my-3 mx-auto"></span>
-              <code>.flag .flag-ch</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Ivory Coast</p>
-              <span class="flag flag-country-ci my-3 mx-auto"></span>
-              <code>.flag .flag-ci</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Cook Island</p>
-              <span class="flag flag-country-ck my-3 mx-auto"></span>
-              <code>.flag .flag-ck</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Chile</p>
-              <span class="flag flag-country-cl my-3 mx-auto"></span>
-              <code>.flag .flag-cl</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Cameroon</p>
-              <span class="flag flag-country-cm my-3 mx-auto"></span>
-              <code>.flag .flag-cm</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">China</p>
-              <span class="flag flag-country-cn my-3 mx-auto"></span>
-              <code>.flag .flag-cn</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Colombia</p>
-              <span class="flag flag-country-co my-3 mx-auto"></span>
-              <code>.flag .flag-co</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Costa Rica</p>
-              <span class="flag flag-country-cr my-3 mx-auto"></span>
-              <code>.flag .flag-cr</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Cuba</p>
-              <span class="flag flag-country-cu my-3 mx-auto"></span>
-              <code>.flag .flag-cu</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Cape Verde</p>
-              <span class="flag flag-country-cv my-3 mx-auto"></span>
-              <code>.flag .flag-cv</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Curacao</p>
-              <span class="flag flag-country-cw my-3 mx-auto"></span>
-              <code>.flag .flag-cw</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Christmas Island</p>
-              <span class="flag flag-country-cx my-3 mx-auto"></span>
-              <code>.flag .flag-cx</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Cyprus</p>
-              <span class="flag flag-country-cy my-3 mx-auto"></span>
-              <code>.flag .flag-cy</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Czech Republic</p>
-              <span class="flag flag-country-cz my-3 mx-auto"></span>
-              <code>.flag .flag-cz</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Germany</p>
-              <span class="flag flag-country-de my-3 mx-auto"></span>
-              <code>.flag .flag-de</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Djibouti</p>
-              <span class="flag flag-country-dj my-3 mx-auto"></span>
-              <code>.flag .flag-dj</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Denmark</p>
-              <span class="flag flag-country-dk my-3 mx-auto"></span>
-              <code>.flag .flag-dk</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Dominica</p>
-              <span class="flag flag-country-dm my-3 mx-auto"></span>
-              <code>.flag .flag-dm</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Dominican Republic</p>
-              <span class="flag flag-country-do my-3 mx-auto"></span>
-              <code>.flag .flag-do</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Algeria</p>
-              <span class="flag flag-country-dz my-3 mx-auto"></span>
-              <code>.flag .flag-dz</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Ecuador</p>
-              <span class="flag flag-country-ec my-3 mx-auto"></span>
-              <code>.flag .flag-ec</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Estonia</p>
-              <span class="flag flag-country-ee my-3 mx-auto"></span>
-              <code>.flag .flag-ee</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Egypt</p>
-              <span class="flag flag-country-eg my-3 mx-auto"></span>
-              <code>.flag .flag-eg</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Sahrawi</p>
-              <span class="flag flag-country-eh my-3 mx-auto"></span>
-              <code>.flag .flag-eh</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Eritrea</p>
-              <span class="flag flag-country-er my-3 mx-auto"></span>
-              <code>.flag .flag-er</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Spain</p>
-              <span class="flag flag-country-es my-3 mx-auto"></span>
-              <code>.flag .flag-es</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Catalonia</p>
-              <span class="flag flag-country-es-ct my-3 mx-auto"></span>
-              <code>.flag .flag-es-ct</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Ethiopia</p>
-              <span class="flag flag-country-et my-3 mx-auto"></span>
-              <code>.flag .flag-et</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">European Union</p>
-              <span class="flag flag-country-eu my-3 mx-auto"></span>
-              <code>.flag .flag-eu</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Finland</p>
-              <span class="flag flag-country-fi my-3 mx-auto"></span>
-              <code>.flag .flag-fi</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Fiji</p>
-              <span class="flag flag-country-fj my-3 mx-auto"></span>
-              <code>.flag .flag-fj</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Falkland Islands</p>
-              <span class="flag flag-country-fk my-3 mx-auto"></span>
-              <code>.flag .flag-fk</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Federate States of Micronesia</p>
-              <span class="flag flag-country-fm my-3 mx-auto"></span>
-              <code>.flag .flag-fm</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Faroe Islands</p>
-              <span class="flag flag-country-fo my-3 mx-auto"></span>
-              <code>.flag .flag-fo</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">France</p>
-              <span class="flag flag-country-fr my-3 mx-auto"></span>
-              <code>.flag .flag-fr</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Gabon</p>
-              <span class="flag flag-country-ga my-3 mx-auto"></span>
-              <code>.flag .flag-ga</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Great Britain</p>
-              <span class="flag flag-country-gb my-3 mx-auto"></span>
-              <code>.flag .flag-gb</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">England</p>
-              <span class="flag flag-country-gb-eng my-3 mx-auto"></span>
-              <code>.flag .flag-gb-eng</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Nothern Ireland</p>
-              <span class="flag flag-country-gb-nir my-3 mx-auto"></span>
-              <code>.flag .flag-gb-nir</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Scotland</p>
-              <span class="flag flag-country-gb-sct my-3 mx-auto"></span>
-              <code>.flag .flag-gb-sct</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Wales</p>
-              <span class="flag flag-country-gb-wls my-3 mx-auto"></span>
-              <code>.flag .flag-gb-wls</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Grenada</p>
-              <span class="flag flag-country-gd my-3 mx-auto"></span>
-              <code>.flag .flag-gd</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Georgia</p>
-              <span class="flag flag-country-ge my-3 mx-auto"></span>
-              <code>.flag .flag-ge</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Guyana</p>
-              <span class="flag flag-country-gf my-3 mx-auto"></span>
-              <code>.flag .flag-gf</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Guernsey</p>
-              <span class="flag flag-country-gg my-3 mx-auto"></span>
-              <code>.flag .flag-gg</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Ghana</p>
-              <span class="flag flag-country-gh my-3 mx-auto"></span>
-              <code>.flag .flag-gh</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Gibraltar</p>
-              <span class="flag flag-country-gi my-3 mx-auto"></span>
-              <code>.flag .flag-gi</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Greenland</p>
-              <span class="flag flag-country-gl my-3 mx-auto"></span>
-              <code>.flag .flag-gl</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Gambia</p>
-              <span class="flag flag-country-gm my-3 mx-auto"></span>
-              <code>.flag .flag-gm</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Guinea</p>
-              <span class="flag flag-country-gn my-3 mx-auto"></span>
-              <code>.flag .flag-gn</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Guadeloupe</p>
-              <span class="flag flag-country-gp my-3 mx-auto"></span>
-              <code>.flag .flag-gp</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Equatorial Guinea</p>
-              <span class="flag flag-country-gq my-3 mx-auto"></span>
-              <code>.flag .flag-gq</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Greece</p>
-              <span class="flag flag-country-gr my-3 mx-auto"></span>
-              <code>.flag .flag-gr</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">South Georgia</p>
-              <span class="flag flag-country-gs my-3 mx-auto"></span>
-              <code>.flag .flag-gs</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Guatemala</p>
-              <span class="flag flag-country-gt my-3 mx-auto"></span>
-              <code>.flag .flag-gt</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Guam</p>
-              <span class="flag flag-country-gu my-3 mx-auto"></span>
-              <code>.flag .flag-gu</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Guinea-Bissau</p>
-              <span class="flag flag-country-gw my-3 mx-auto"></span>
-              <code>.flag .flag-gw</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Guyana</p>
-              <span class="flag flag-country-gy my-3 mx-auto"></span>
-              <code>.flag .flag-gy</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Hong Kong</p>
-              <span class="flag flag-country-hk my-3 mx-auto"></span>
-              <code>.flag .flag-hk</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Heard and McDonald Islands</p>
-              <span class="flag flag-country-hm my-3 mx-auto"></span>
-              <code>.flag .flag-hm</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Honduras</p>
-              <span class="flag flag-country-hn my-3 mx-auto"></span>
-              <code>.flag .flag-hn</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Croatia</p>
-              <span class="flag flag-country-hr my-3 mx-auto"></span>
-              <code>.flag .flag-hr</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Haiti</p>
-              <span class="flag flag-country-ht my-3 mx-auto"></span>
-              <code>.flag .flag-ht</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Hungary</p>
-              <span class="flag flag-country-hu my-3 mx-auto"></span>
-              <code>.flag .flag-hu</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Indonesia</p>
-              <span class="flag flag-country-id my-3 mx-auto"></span>
-              <code>.flag .flag-id</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Ireland</p>
-              <span class="flag flag-country-ie my-3 mx-auto"></span>
-              <code>.flag .flag-ie</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Israel</p>
-              <span class="flag flag-country-il my-3 mx-auto"></span>
-              <code>.flag .flag-il</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Isle of Man</p>
-              <span class="flag flag-country-im my-3 mx-auto"></span>
-              <code>.flag .flag-im</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">India</p>
-              <span class="flag flag-country-in my-3 mx-auto"></span>
-              <code>.flag .flag-in</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">British Indian Ocean Territory</p>
-              <span class="flag flag-country-io my-3 mx-auto"></span>
-              <code>.flag .flag-io</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Iraq</p>
-              <span class="flag flag-country-iq my-3 mx-auto"></span>
-              <code>.flag .flag-iq</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Iran</p>
-              <span class="flag flag-country-ir my-3 mx-auto"></span>
-              <code>.flag .flag-ir</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Iceland</p>
-              <span class="flag flag-country-is my-3 mx-auto"></span>
-              <code>.flag .flag-is</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Italy</p>
-              <span class="flag flag-country-it my-3 mx-auto"></span>
-              <code>.flag .flag-it</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Jersey</p>
-              <span class="flag flag-country-je my-3 mx-auto"></span>
-              <code>.flag .flag-je</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Jamaica</p>
-              <span class="flag flag-country-jm my-3 mx-auto"></span>
-              <code>.flag .flag-jm</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Jordan</p>
-              <span class="flag flag-country-jo my-3 mx-auto"></span>
-              <code>.flag .flag-jo</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Japan</p>
-              <span class="flag flag-country-jp my-3 mx-auto"></span>
-              <code>.flag .flag-jp</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Kenya</p>
-              <span class="flag flag-country-ke my-3 mx-auto"></span>
-              <code>.flag .flag-ke</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Kyrgyzstan</p>
-              <span class="flag flag-country-kg my-3 mx-auto"></span>
-              <code>.flag .flag-kg</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Cambodia</p>
-              <span class="flag flag-country-kh my-3 mx-auto"></span>
-              <code>.flag .flag-kh</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Kiribati</p>
-              <span class="flag flag-country-ki my-3 mx-auto"></span>
-              <code>.flag .flag-ki</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Comoros</p>
-              <span class="flag flag-country-km my-3 mx-auto"></span>
-              <code>.flag .flag-km</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Saint Kitts and Nevis</p>
-              <span class="flag flag-country-kn my-3 mx-auto"></span>
-              <code>.flag .flag-kn</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">North Korea</p>
-              <span class="flag flag-country-kp my-3 mx-auto"></span>
-              <code>.flag .flag-kp</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">South Korea</p>
-              <span class="flag flag-country-kr my-3 mx-auto"></span>
-              <code>.flag .flag-kr</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Kuwait</p>
-              <span class="flag flag-country-kw my-3 mx-auto"></span>
-              <code>.flag .flag-kw</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Cayman Islands</p>
-              <span class="flag flag-country-ky my-3 mx-auto"></span>
-              <code>.flag .flag-ky</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Kazakhstan</p>
-              <span class="flag flag-country-kz my-3 mx-auto"></span>
-              <code>.flag .flag-kz</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Laos</p>
-              <span class="flag flag-country-la my-3 mx-auto"></span>
-              <code>.flag .flag-la</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Lebanese</p>
-              <span class="flag flag-country-lb my-3 mx-auto"></span>
-              <code>.flag .flag-lb</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Saint Lucia</p>
-              <span class="flag flag-country-lc my-3 mx-auto"></span>
-              <code>.flag .flag-lc</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Liechtenstein</p>
-              <span class="flag flag-country-li my-3 mx-auto"></span>
-              <code>.flag .flag-li</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Sri Lanka</p>
-              <span class="flag flag-country-lk my-3 mx-auto"></span>
-              <code>.flag .flag-lk</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Liberia</p>
-              <span class="flag flag-country-lr my-3 mx-auto"></span>
-              <code>.flag .flag-lr</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Lesotho</p>
-              <span class="flag flag-country-ls my-3 mx-auto"></span>
-              <code>.flag .flag-ls</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Lithuania</p>
-              <span class="flag flag-country-lt my-3 mx-auto"></span>
-              <code>.flag .flag-lt</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Luxembourg</p>
-              <span class="flag flag-country-lu my-3 mx-auto"></span>
-              <code>.flag .flag-lu</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Latvia</p>
-              <span class="flag flag-country-lv my-3 mx-auto"></span>
-              <code>.flag .flag-lv</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Libya</p>
-              <span class="flag flag-country-ly my-3 mx-auto"></span>
-              <code>.flag .flag-ly</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Morocco</p>
-              <span class="flag flag-country-ma my-3 mx-auto"></span>
-              <code>.flag .flag-ma</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Monaco</p>
-              <span class="flag flag-country-mc my-3 mx-auto"></span>
-              <code>.flag .flag-mc</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Moldova</p>
-              <span class="flag flag-country-md my-3 mx-auto"></span>
-              <code>.flag .flag-md</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Montenegro</p>
-              <span class="flag flag-country-me my-3 mx-auto"></span>
-              <code>.flag .flag-me</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Saint Martin</p>
-              <span class="flag flag-country-mf my-3 mx-auto"></span>
-              <code>.flag .flag-mf</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Madagascar</p>
-              <span class="flag flag-country-mg my-3 mx-auto"></span>
-              <code>.flag .flag-mg</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Marshall Islands</p>
-              <span class="flag flag-country-mh my-3 mx-auto"></span>
-              <code>.flag .flag-mh</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Macedonia</p>
-              <span class="flag flag-country-mk my-3 mx-auto"></span>
-              <code>.flag .flag-mk</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Mali</p>
-              <span class="flag flag-country-ml my-3 mx-auto"></span>
-              <code>.flag .flag-ml</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Myanmar</p>
-              <span class="flag flag-country-mm my-3 mx-auto"></span>
-              <code>.flag .flag-mm</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Mongolia</p>
-              <span class="flag flag-country-mn my-3 mx-auto"></span>
-              <code>.flag .flag-mn</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Macao</p>
-              <span class="flag flag-country-mo my-3 mx-auto"></span>
-              <code>.flag .flag-mo</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Nothern Mariana Islands</p>
-              <span class="flag flag-country-mp my-3 mx-auto"></span>
-              <code>.flag .flag-mp</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Martinique</p>
-              <span class="flag flag-country-mq my-3 mx-auto"></span>
-              <code>.flag .flag-mq</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Mauritania</p>
-              <span class="flag flag-country-mr my-3 mx-auto"></span>
-              <code>.flag .flag-mr</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Montserrat</p>
-              <span class="flag flag-country-ms my-3 mx-auto"></span>
-              <code>.flag .flag-ms</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Malta</p>
-              <span class="flag flag-country-mt my-3 mx-auto"></span>
-              <code>.flag .flag-mt</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Mauritius</p>
-              <span class="flag flag-country-mu my-3 mx-auto"></span>
-              <code>.flag .flag-mu</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Maldives</p>
-              <span class="flag flag-country-mv my-3 mx-auto"></span>
-              <code>.flag .flag-mv</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Malawi</p>
-              <span class="flag flag-country-mw my-3 mx-auto"></span>
-              <code>.flag .flag-mw</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Mexico</p>
-              <span class="flag flag-country-mx my-3 mx-auto"></span>
-              <code>.flag .flag-mx</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Malaysia</p>
-              <span class="flag flag-country-my my-3 mx-auto"></span>
-              <code>.flag .flag-my</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Mozambique</p>
-              <span class="flag flag-country-mz my-3 mx-auto"></span>
-              <code>.flag .flag-mz</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Namibia</p>
-              <span class="flag flag-country-na my-3 mx-auto"></span>
-              <code>.flag .flag-na</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">New Caledonia</p>
-              <span class="flag flag-country-nc my-3 mx-auto"></span>
-              <code>.flag .flag-nc</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Niger</p>
-              <span class="flag flag-country-ne my-3 mx-auto"></span>
-              <code>.flag .flag-ne</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Norfolk Island</p>
-              <span class="flag flag-country-nf my-3 mx-auto"></span>
-              <code>.flag .flag-nf</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Nigeria</p>
-              <span class="flag flag-country-ng my-3 mx-auto"></span>
-              <code>.flag .flag-ng</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Nicaragua</p>
-              <span class="flag flag-country-ni my-3 mx-auto"></span>
-              <code>.flag .flag-ni</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Norway</p>
-              <span class="flag flag-country-no my-3 mx-auto"></span>
-              <code>.flag .flag-no</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Nepal</p>
-              <span class="flag flag-country-np my-3 mx-auto"></span>
-              <code>.flag .flag-np</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Nauruan</p>
-              <span class="flag flag-country-nr my-3 mx-auto"></span>
-              <code>.flag .flag-nr</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Niger</p>
-              <span class="flag flag-country-nu my-3 mx-auto"></span>
-              <code>.flag .flag-nu</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">New Zeland</p>
-              <span class="flag flag-country-nz my-3 mx-auto"></span>
-              <code>.flag .flag-nz</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Oman</p>
-              <span class="flag flag-country-om my-3 mx-auto"></span>
-              <code>.flag .flag-om</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Panama</p>
-              <span class="flag flag-country-pa my-3 mx-auto"></span>
-              <code>.flag .flag-pa</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Peru</p>
-              <span class="flag flag-country-pe my-3 mx-auto"></span>
-              <code>.flag .flag-pe</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">French Polynesia</p>
-              <span class="flag flag-country-pf my-3 mx-auto"></span>
-              <code>.flag .flag-pf</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Papua New Guinea</p>
-              <span class="flag flag-country-pg my-3 mx-auto"></span>
-              <code>.flag .flag-pg</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Philippines</p>
-              <span class="flag flag-country-ph my-3 mx-auto"></span>
-              <code>.flag .flag-ph</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Pakistan</p>
-              <span class="flag flag-country-pk my-3 mx-auto"></span>
-              <code>.flag .flag-pk</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Poland</p>
-              <span class="flag flag-country-pl my-3 mx-auto"></span>
-              <code>.flag .flag-pl</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Saint Pierre</p>
-              <span class="flag flag-country-pm my-3 mx-auto"></span>
-              <code>.flag .flag-pm</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Pitcairn Islands</p>
-              <span class="flag flag-country-pn my-3 mx-auto"></span>
-              <code>.flag .flag-pn</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Puerto Rico</p>
-              <span class="flag flag-country-pr my-3 mx-auto"></span>
-              <code>.flag .flag-pr</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Palestine</p>
-              <span class="flag flag-country-ps my-3 mx-auto"></span>
-              <code>.flag .flag-ps</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Portugal</p>
-              <span class="flag flag-country-pt my-3 mx-auto"></span>
-              <code>.flag .flag-pt</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Palau</p>
-              <span class="flag flag-country-pw my-3 mx-auto"></span>
-              <code>.flag .flag-pw</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Paraguay</p>
-              <span class="flag flag-country-py my-3 mx-auto"></span>
-              <code>.flag .flag-py</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Qatar</p>
-              <span class="flag flag-country-qa my-3 mx-auto"></span>
-              <code>.flag .flag-qa</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Reunion Island</p>
-              <span class="flag flag-country-re my-3 mx-auto"></span>
-              <code>.flag .flag-re</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Romania</p>
-              <span class="flag flag-country-ro my-3 mx-auto"></span>
-              <code>.flag .flag-ro</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Serbia</p>
-              <span class="flag flag-country-rs my-3 mx-auto"></span>
-              <code>.flag .flag-rs</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Russia</p>
-              <span class="flag flag-country-ru my-3 mx-auto"></span>
-              <code>.flag .flag-ru</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Rwanda</p>
-              <span class="flag flag-country-rw my-3 mx-auto"></span>
-              <code>.flag .flag-rw</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Saudi Arabia</p>
-              <span class="flag flag-country-sa my-3 mx-auto"></span>
-              <code>.flag .flag-sa</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Solomon Islands</p>
-              <span class="flag flag-country-sb my-3 mx-auto"></span>
-              <code>.flag .flag-sb</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Seychelles</p>
-              <span class="flag flag-country-sc my-3 mx-auto"></span>
-              <code>.flag .flag-sc</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Sudan</p>
-              <span class="flag flag-country-sd my-3 mx-auto"></span>
-              <code>.flag .flag-sd</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Sweden</p>
-              <span class="flag flag-country-se my-3 mx-auto"></span>
-              <code>.flag .flag-se</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Singapore</p>
-              <span class="flag flag-country-sg my-3 mx-auto"></span>
-              <code>.flag .flag-sg</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Saint Helena</p>
-              <span class="flag flag-country-sh my-3 mx-auto"></span>
-              <code>.flag .flag-sh</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Slovenia</p>
-              <span class="flag flag-country-si my-3 mx-auto"></span>
-              <code>.flag .flag-si</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Svalbard Island</p>
-              <span class="flag flag-country-sj my-3 mx-auto"></span>
-              <code>.flag .flag-sj</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Slovakia</p>
-              <span class="flag flag-country-sk my-3 mx-auto"></span>
-              <code>.flag .flag-sk</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Sierra Leone</p>
-              <span class="flag flag-country-sl my-3 mx-auto"></span>
-              <code>.flag .flag-sl</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">San Marino</p>
-              <span class="flag flag-country-sm my-3 mx-auto"></span>
-              <code>.flag .flag-sm</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Senegal</p>
-              <span class="flag flag-country-sn my-3 mx-auto"></span>
-              <code>.flag .flag-sn</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Somalia</p>
-              <span class="flag flag-country-so my-3 mx-auto"></span>
-              <code>.flag .flag-so</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Suriname</p>
-              <span class="flag flag-country-sr my-3 mx-auto"></span>
-              <code>.flag .flag-sr</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">South Sudan</p>
-              <span class="flag flag-country-ss my-3 mx-auto"></span>
-              <code>.flag .flag-ss</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Sao Tome</p>
-              <span class="flag flag-country-st my-3 mx-auto"></span>
-              <code>.flag .flag-st</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">El Salvador</p>
-              <span class="flag flag-country-sv my-3 mx-auto"></span>
-              <code>.flag .flag-sv</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Sint Maarten</p>
-              <span class="flag flag-country-sx my-3 mx-auto"></span>
-              <code>.flag .flag-sx</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Syria</p>
-              <span class="flag flag-country-sy my-3 mx-auto"></span>
-              <code>.flag .flag-sy</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Swaziland</p>
-              <span class="flag flag-country-sz my-3 mx-auto"></span>
-              <code>.flag .flag-sz</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Turks and Caicos</p>
-              <span class="flag flag-country-tc my-3 mx-auto"></span>
-              <code>.flag .flag-tc</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Chad</p>
-              <span class="flag flag-country-td my-3 mx-auto"></span>
-              <code>.flag .flag-td</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">French Southern and Antarctic Lands</p>
-              <span class="flag flag-country-tf my-3 mx-auto"></span>
-              <code>.flag .flag-tf</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Togo</p>
-              <span class="flag flag-country-tg my-3 mx-auto"></span>
-              <code>.flag .flag-tg</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Thailand</p>
-              <span class="flag flag-country-th my-3 mx-auto"></span>
-              <code>.flag .flag-th</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Tajikistan</p>
-              <span class="flag flag-country-tj my-3 mx-auto"></span>
-              <code>.flag .flag-tj</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Tokelau</p>
-              <span class="flag flag-country-tk my-3 mx-auto"></span>
-              <code>.flag .flag-tk</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Timor Leste</p>
-              <span class="flag flag-country-tl my-3 mx-auto"></span>
-              <code>.flag .flag-tl</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Turkmenistan</p>
-              <span class="flag flag-country-tm my-3 mx-auto"></span>
-              <code>.flag .flag-tm</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Tunisia</p>
-              <span class="flag flag-country-tn my-3 mx-auto"></span>
-              <code>.flag .flag-tn</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Tonga</p>
-              <span class="flag flag-country-to my-3 mx-auto"></span>
-              <code>.flag .flag-to</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Turkey</p>
-              <span class="flag flag-country-tr my-3 mx-auto"></span>
-              <code>.flag .flag-tr</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Trinidad and Tobago</p>
-              <span class="flag flag-country-tt my-3 mx-auto"></span>
-              <code>.flag .flag-tt</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Tuvalu</p>
-              <span class="flag flag-country-tv my-3 mx-auto"></span>
-              <code>.flag .flag-tv</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Tanzania</p>
-              <span class="flag flag-country-tz my-3 mx-auto"></span>
-              <code>.flag .flag-tz</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Ukraine</p>
-              <span class="flag flag-country-ua my-3 mx-auto"></span>
-              <code>.flag .flag-ua</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Uganda</p>
-              <span class="flag flag-country-ug my-3 mx-auto"></span>
-              <code>.flag .flag-ug</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">United States Minor Islands</p>
-              <span class="flag flag-country-um my-3 mx-auto"></span>
-              <code>.flag .flag-um</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">United Nations</p>
-              <span class="flag flag-country-un my-3 mx-auto"></span>
-              <code>.flag .flag-un</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">United States of America</p>
-              <span class="flag flag-country-us my-3 mx-auto"></span>
-              <code>.flag .flag-us</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Uruguay</p>
-              <span class="flag flag-country-uy my-3 mx-auto"></span>
-              <code>.flag .flag-uy</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Uzbekistan</p>
-              <span class="flag flag-country-uz my-3 mx-auto"></span>
-              <code>.flag .flag-uz</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Vatican City</p>
-              <span class="flag flag-country-va my-3 mx-auto"></span>
-              <code>.flag .flag-va</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Saint Vincent</p>
-              <span class="flag flag-country-vc my-3 mx-auto"></span>
-              <code>.flag .flag-vc</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Venezuela</p>
-              <span class="flag flag-country-ve my-3 mx-auto"></span>
-              <code>.flag .flag-ve</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">British Virgin Islands</p>
-              <span class="flag flag-country-vg my-3 mx-auto"></span>
-              <code>.flag .flag-vg</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Virgiin Islands</p>
-              <span class="flag flag-country-vi my-3 mx-auto"></span>
-              <code>.flag .flag-vi</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Vietnam</p>
-              <span class="flag flag-country-vn my-3 mx-auto"></span>
-              <code>.flag .flag-vn</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Vanuatu</p>
-              <span class="flag flag-country-vu my-3 mx-auto"></span>
-              <code>.flag .flag-vu</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Wallis and Futuna</p>
-              <span class="flag flag-country-wf my-3 mx-auto"></span>
-              <code>.flag .flag-wf</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Samoa</p>
-              <span class="flag flag-country-ws my-3 mx-auto"></span>
-              <code>.flag .flag-ws</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Yemen</p>
-              <span class="flag flag-country-ye my-3 mx-auto"></span>
-              <code>.flag .flag-ye</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">South Africa</p>
-              <span class="flag flag-country-za my-3 mx-auto"></span>
-              <code>.flag .flag-za</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Zambia</p>
-              <span class="flag flag-country-zm my-3 mx-auto"></span>
-              <code>.flag .flag-zm</code>
-            </div>
-            <div class="d-flex flex-column text-center m-3">
-              <p class="d-inline-block">Zimbabwe</p>
-              <span class="flag flag-country-zw my-3 mx-auto"></span>
-              <code>.flag .flag-zw</code>
-            </div>
-          </div>
-        </div>
-        <footer class="footer footer-transparent">
-          <div class="container">
-            <div class="row text-center align-items-center flex-row-reverse">
-              <div class="col-lg-auto ml-lg-auto">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
-                  <li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
-                  <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
-                </ul>
-              </div>
-              <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
-              </div>
-            </div>
-          </div>
-        </footer>
-      </div>
-    </div>
-    <!-- Libs JS -->
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-    <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js"></script>
-    <script>
-      document.body.style.display = "block"
-    </script>
-  </body>
-</html>
\ No newline at end of file
diff --git a/demo/forgot-password.html b/demo/forgot-password.html
index 22cef116d..289afe9fe 100644
--- a/demo/forgot-password.html
+++ b/demo/forgot-password.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
diff --git a/demo/form-elements.html b/demo/form-elements.html
index 91ad38b15..eb6d16bc8 100644
--- a/demo/form-elements.html
+++ b/demo/form-elements.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -46,7 +46,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -64,24 +64,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -195,6 +190,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -342,6 +342,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -545,14 +550,14 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Form elements
                 </h2>
               </div>
             </div>
           </div>
-          <div class="row">
+          <div class="row row-cards">
             <div class="col-12">
               <form action="https://httpbin.org/post" method="post" class="card">
                 <div class="card-header">
@@ -613,10 +618,10 @@
                             <label class="form-label">Input group</label>
                             <div class="input-group mb-2">
                               <input type="text" class="form-control" placeholder="Search for…">
-                              <button class="btn btn-white" type="button">Go!</button>
+                              <button class="btn" type="button">Go!</button>
                             </div>
                             <div class="input-group">
-                              <button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                              <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                 Action
                               </button>
                               <div class="dropdown-menu">
@@ -634,8 +639,8 @@
                             <label class="form-label">Input group buttons</label>
                             <div class="input-group">
                               <input type="text" class="form-control">
-                              <button type="button" class="btn btn-white">Action</button>
-                              <button data-toggle="dropdown" type="button" class="btn btn-white dropdown-toggle dropdown-toggle-split"></button>
+                              <button type="button" class="btn">Action</button>
+                              <button data-toggle="dropdown" type="button" class="btn dropdown-toggle dropdown-toggle-split"></button>
                               <div class="dropdown-menu dropdown-menu-right">
                                 <a class="dropdown-item" href="#">
                                   Action
@@ -678,7 +683,7 @@
                           </div>
                           <div class="mb-3">
                             <label class="form-label">Separated inputs</label>
-                            <div class="row row-sm">
+                            <div class="row g-2">
                               <div class="col">
                                 <input type="text" class="form-control" placeholder="Search for…">
                               </div>
@@ -691,7 +696,7 @@
                           </div>
                           <div class="mb-3">
                             <label class="form-label">Input with help icon</label>
-                            <div class="row row-sm">
+                            <div class="row g-2">
                               <div class="col">
                                 <input type="text" class="form-control" placeholder="Search for…">
                               </div>
@@ -808,7 +813,7 @@
                       <div class="col-md-6 col-xl-12">
                         <div class="mb-3">
                           <label class="form-label">Image Check</label>
-                          <div class="row row-sm">
+                          <div class="row g-2">
                             <div class="col-6 col-sm-4">
                               <label class="form-imagecheck mb-2">
                                 <input name="form-imagecheck" type="checkbox" value="1" class="form-imagecheck-input" />
@@ -885,7 +890,7 @@
                         </div>
                         <div class="mb-3">
                           <label class="form-label">Color Input</label>
-                          <div class="row row-sm">
+                          <div class="row g-2">
                             <div class="col-auto">
                               <label class="form-colorinput">
                                 <input name="color" type="radio" value="dark" class="form-colorinput-input" />
@@ -954,6 +959,77 @@
                             </div>
                           </div>
                         </div>
+                        <div class="mb-3">
+                          <label class="form-label">Color Input</label>
+                          <div class="row g-2">
+                            <div class="col-auto">
+                              <label class="form-colorinput">
+                                <input name="color-rounded" type="radio" value="dark" class="form-colorinput-input" />
+                                <span class="form-colorinput-color bg-dark rounded-circle"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="form-colorinput form-colorinput-light">
+                                <input name="color-rounded" type="radio" value="white" class="form-colorinput-input"  checked/>
+                                <span class="form-colorinput-color bg-white rounded-circle"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="form-colorinput">
+                                <input name="color-rounded" type="radio" value="blue" class="form-colorinput-input" />
+                                <span class="form-colorinput-color bg-blue rounded-circle"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="form-colorinput">
+                                <input name="color-rounded" type="radio" value="azure" class="form-colorinput-input" />
+                                <span class="form-colorinput-color bg-azure rounded-circle"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="form-colorinput">
+                                <input name="color-rounded" type="radio" value="indigo" class="form-colorinput-input" />
+                                <span class="form-colorinput-color bg-indigo rounded-circle"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="form-colorinput">
+                                <input name="color-rounded" type="radio" value="purple" class="form-colorinput-input" />
+                                <span class="form-colorinput-color bg-purple rounded-circle"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="form-colorinput">
+                                <input name="color-rounded" type="radio" value="pink" class="form-colorinput-input" />
+                                <span class="form-colorinput-color bg-pink rounded-circle"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="form-colorinput">
+                                <input name="color-rounded" type="radio" value="red" class="form-colorinput-input" />
+                                <span class="form-colorinput-color bg-red rounded-circle"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="form-colorinput">
+                                <input name="color-rounded" type="radio" value="orange" class="form-colorinput-input" />
+                                <span class="form-colorinput-color bg-orange rounded-circle"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="form-colorinput">
+                                <input name="color-rounded" type="radio" value="yellow" class="form-colorinput-input" />
+                                <span class="form-colorinput-color bg-yellow rounded-circle"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="form-colorinput">
+                                <input name="color-rounded" type="radio" value="lime" class="form-colorinput-input" />
+                                <span class="form-colorinput-color bg-lime rounded-circle"></span>
+                              </label>
+                            </div>
+                          </div>
+                        </div>
                         <div class="mb-3">
                           <label class="form-label">Color picker</label>
                           <input type="color" class="form-control form-control-color" value="#206bc4" title="Choose your color">
@@ -1137,8 +1213,8 @@
                                 </div>
                                 <div class="form-selectgroup-label-content d-flex align-items-center">
                                   <span class="avatar mr-3" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                                  <div class="lh-sm">
-                                    <div class="strong">Paweł Kuna</div>
+                                  <div>
+                                    <div class="font-weight-medium">Paweł Kuna</div>
                                     <div class="text-muted">UI Designer</div>
                                   </div>
                                 </div>
@@ -1152,8 +1228,8 @@
                                 </div>
                                 <div class="form-selectgroup-label-content d-flex align-items-center">
                                   <span class="avatar mr-3">JL</span>
-                                  <div class="lh-sm">
-                                    <div class="strong">Jeffie Lewzey</div>
+                                  <div>
+                                    <div class="font-weight-medium">Jeffie Lewzey</div>
                                     <div class="text-muted">Chemical Engineer</div>
                                   </div>
                                 </div>
@@ -1167,8 +1243,8 @@
                                 </div>
                                 <div class="form-selectgroup-label-content d-flex align-items-center">
                                   <span class="avatar mr-3" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                                  <div class="lh-sm">
-                                    <div class="strong">Mallory Hulme</div>
+                                  <div>
+                                    <div class="font-weight-medium">Mallory Hulme</div>
                                     <div class="text-muted">Geologist IV</div>
                                   </div>
                                 </div>
@@ -1182,8 +1258,8 @@
                                 </div>
                                 <div class="form-selectgroup-label-content d-flex align-items-center">
                                   <span class="avatar mr-3" style="background-image: url(./static/avatars/003m.jpg)"></span>
-                                  <div class="lh-sm">
-                                    <div class="strong">Dunn Slane</div>
+                                  <div>
+                                    <div class="font-weight-medium">Dunn Slane</div>
                                     <div class="text-muted">Research Nurse</div>
                                   </div>
                                 </div>
@@ -1197,8 +1273,8 @@
                                 </div>
                                 <div class="form-selectgroup-label-content d-flex align-items-center">
                                   <span class="avatar mr-3" style="background-image: url(./static/avatars/000f.jpg)"></span>
-                                  <div class="lh-sm">
-                                    <div class="strong">Emmy Levet</div>
+                                  <div>
+                                    <div class="font-weight-medium">Emmy Levet</div>
                                     <div class="text-muted">VP Product Management</div>
                                   </div>
                                 </div>
@@ -1209,20 +1285,20 @@
                         <div class="mb-3">
                           <label class="form-label">Buttons group</label>
                           <div class="btn-group w-100">
-                            <button type="button" class="btn btn-white">1 min</button>
-                            <button type="button" class="btn btn-white active">5 min</button>
-                            <button type="button" class="btn btn-white">10 min</button>
-                            <button type="button" class="btn btn-white">30 min</button>
+                            <button type="button" class="btn">1 min</button>
+                            <button type="button" class="btn btn-primary">5 min</button>
+                            <button type="button" class="btn">10 min</button>
+                            <button type="button" class="btn">30 min</button>
                           </div>
                         </div>
                         <div class="mb-3">
                           <label class="form-label">Buttons group with dropdown</label>
                           <div class="btn-group w-100">
-                            <button type="button" class="btn btn-white">Option 1</button>
-                            <button type="button" class="btn btn-white">Option 2</button>
-                            <button type="button" class="btn btn-white active">Option 3</button>
+                            <button type="button" class="btn">Option 1</button>
+                            <button type="button" class="btn">Option 2</button>
+                            <button type="button" class="btn btn-primary">Option 3</button>
                             <div class="btn-group" role="group">
-                              <button id="btnGroupDrop1" type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                              <button id="btnGroupDrop1" type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                 Other
                               </button>
                               <div class="dropdown-menu dropdown-menu-right">
@@ -1394,17 +1470,11 @@
                         </div>
                         <div class="mb-3">
                           <div class="form-label">Custom File Input</div>
-                          <div class="form-file">
-                            <input type="file" class="form-file-input" id="customFile">
-                            <label class="form-file-label" for="customFile">
-                              <span class="form-file-text">Choose file...</span>
-                              <span class="form-file-button">Browse</span>
-                            </label>
-                          </div>
+                          <input type="file" class="form-control" />
                         </div>
                         <div class="mb-3">
                           <label class="form-label">Date of birth</label>
-                          <div class="row row-sm">
+                          <div class="row g-2">
                             <div class="col-5">
                               <select name="user[month]" class="form-select">
                                 <option value="">Month</option>
@@ -1593,7 +1663,7 @@
                         </div>
                         <div class="mb-3">
                           <label class="form-label">Autosize textarea</label>
-                          <textarea class="form-control" data-toggle="autosize" placeholder="Typing something…"></textarea>
+                          <textarea class="form-control" data-toggle="autosize" placeholder="Type something…"></textarea>
                         </div>
                       </div>
                       <div class="col-md-6 col-xl-12">
@@ -1646,16 +1716,14 @@
                         </div>
                         <div class="mb-3">
                           <label class="form-label">Form buttons</label>
-                          <div class="btn-list">
-                            <a href="#" class="btn btn-white btn-block">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon text-github" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
-                              Login with Github
-                            </a>
-                            <a href="#" class="btn btn-white btn-block">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon text-twitter" fill="currentColor"><path d="M23.954 4.569a10 10 0 0 1-2.825.775 4.958 4.958 0 0 0 2.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.691 8.094 4.066 6.13 1.64 3.161a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.061a4.923 4.923 0 0 0 3.946 4.827 4.996 4.996 0 0 1-2.212.085 4.937 4.937 0 0 0 4.604 3.417 9.868 9.868 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63a9.936 9.936 0 0 0 2.46-2.548l-.047-.02z"/></svg>
-                              Login with Twitter
-                            </a>
-                          </div>
+                          <a href="#" class="btn btn-white btn-block">
+                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon text-github" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
+                            Login with Github
+                          </a>
+                          <a href="#" class="btn btn-white btn-block">
+                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon text-twitter" fill="currentColor"><path d="M23.954 4.569a10 10 0 0 1-2.825.775 4.958 4.958 0 0 0 2.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.691 8.094 4.066 6.13 1.64 3.161a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.061a4.923 4.923 0 0 0 3.946 4.827 4.996 4.996 0 0 1-2.212.085 4.937 4.937 0 0 0 4.604 3.417 9.868 9.868 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63a9.936 9.936 0 0 0 2.46-2.548l-.047-.02z"/></svg>
+                            Login with Twitter
+                          </a>
                         </div>
                         <div class="mb-3">
                           <label class="form-label">Tags input</label>
@@ -1871,9 +1939,16 @@
         </ul>
       </div>
       <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-        Copyright © 2020
-        <a href="." class="link-secondary">Tabler</a>.
-        All rights reserved.
+        <ul class="list-inline list-inline-dots mb-0">
+          <li class="list-inline-item">
+            Copyright © 2020
+            <a href="." class="link-secondary">Tabler</a>.
+            All rights reserved.
+          </li>
+          <li class="list-inline-item">
+            <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+          </li>
+        </ul>
       </div>
     </div>
   </div>
@@ -1883,8 +1958,6 @@
 <!-- Libs JS -->
 <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
 <script src="./dist/libs/jquery/dist/jquery.slim.min.js"></script>
-<script src="./dist/libs/autosize/dist/autosize.min.js"></script>
-<script src="./dist/libs/imask/dist/imask.min.js"></script>
 <script src="./dist/libs/selectize/dist/js/standalone/selectize.min.js"></script>
 <script src="./dist/libs/flatpickr/dist/flatpickr.min.js"></script>
 <script src="./dist/libs/flatpickr/dist/plugins/rangePlugin.js"></script>
@@ -2012,30 +2085,6 @@
   	});
   });
 </script>
-<script>
-  (function () {
-  	/**
-  	 * Input mask
-  	 */
-  	var maskElementList = [].slice.call(document.querySelectorAll('[data-mask]'))
-  	maskElementList.map(function (maskEl) {
-  		return new IMask(maskEl, {
-  			mask: maskEl.dataset.mask,
-  			lazy: maskEl.dataset['mask-visible'] === 'true'
-  		})
-  	});
-  })();
-</script>
-<script>
-  (function () {
-  	const elements = document.querySelectorAll('[data-toggle="autosize"]');
-  	if (elements.length) {
-  		elements.forEach(function (element) {
-  			autosize(element);
-  		});
-  	}
-  })();
-</script>
 <script>
   let sliderTriggerList = [].slice.call(document.querySelectorAll("[data-slider]"));
   sliderTriggerList.map(function (sliderTriggerEl) {
diff --git a/demo/gallery.html b/demo/gallery.html
index 8b865eb4c..5bd7ffa74 100644
--- a/demo/gallery.html
+++ b/demo/gallery.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,13 +547,11 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Gallery
                 </h2>
-              </div>
-              <div class="col-auto">
-                <div class="text-muted text-h5 mt-2">1-12 of 241 photos</div>
+                <div class="text-muted mt-1">1-12 of 241 photos</div>
               </div>
               <!-- Page title actions -->
               <div class="col-auto ml-auto d-print-none">
@@ -574,7 +579,7 @@
                 <div class="card-body">
                   <div class="d-flex align-items-center">
                     <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                    <div class="lh-sm">
+                    <div>
                       <div>Paweł Kuna</div>
                       <div class="text-muted">3 days ago</div>
                     </div>
@@ -597,19 +602,19 @@
                 <a href="#" class="d-block"><img src="./static/photos/3d2998219313cd37.jpg" class="card-img-top"></a>
                 <div class="card-body">
                   <div class="d-flex align-items-center">
-                    <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                    <div class="lh-sm">
-                      <div>Mallory Hulme</div>
-                      <div class="text-muted">yesterday</div>
+                    <span class="avatar mr-3 rounded">JL</span>
+                    <div>
+                      <div>Jeffie Lewzey</div>
+                      <div class="text-muted">5 days ago</div>
                     </div>
                     <div class="ml-auto">
                       <a href="#" class="text-muted">
                         <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
-                        369
+                        335
                       </a>
                       <a href="#" class="ml-3 text-muted">
                         <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                        32
+                        80
                       </a>
                     </div>
                   </div>
@@ -621,19 +626,19 @@
                 <a href="#" class="d-block"><img src="./static/photos/6ab3200b14549f8a.jpg" class="card-img-top"></a>
                 <div class="card-body">
                   <div class="d-flex align-items-center">
-                    <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
-                    <div class="lh-sm">
-                      <div>Emmy Levet</div>
-                      <div class="text-muted">5 days ago</div>
+                    <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                    <div>
+                      <div>Mallory Hulme</div>
+                      <div class="text-muted">yesterday</div>
                     </div>
                     <div class="ml-auto">
                       <a href="#" class="text-muted">
                         <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
-                        481
+                        369
                       </a>
                       <a href="#" class="ml-3 text-muted">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                        57
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-filled text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
+                        32
                       </a>
                     </div>
                   </div>
@@ -645,19 +650,19 @@
                 <a href="#" class="d-block"><img src="./static/photos/6d35d9a2bd6c63c2.jpg" class="card-img-top"></a>
                 <div class="card-body">
                   <div class="d-flex align-items-center">
-                    <span class="avatar mr-3 rounded">EP</span>
-                    <div class="lh-sm">
-                      <div>Egan Poetz</div>
-                      <div class="text-muted">6 days ago</div>
+                    <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                    <div>
+                      <div>Dunn Slane</div>
+                      <div class="text-muted">1 week and 3 days ago</div>
                     </div>
                     <div class="ml-auto">
                       <a href="#" class="text-muted">
                         <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
-                        332
+                        479
                       </a>
                       <a href="#" class="ml-3 text-muted">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                        51
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-filled text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
+                        71
                       </a>
                     </div>
                   </div>
@@ -667,10 +672,154 @@
             <div class="col-sm-6 col-lg-4">
               <div class="card card-sm">
                 <a href="#" class="d-block"><img src="./static/photos/8a26974ee6444acd.jpg" class="card-img-top"></a>
+                <div class="card-body">
+                  <div class="d-flex align-items-center">
+                    <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                    <div>
+                      <div>Emmy Levet</div>
+                      <div class="text-muted">5 days ago</div>
+                    </div>
+                    <div class="ml-auto">
+                      <a href="#" class="text-muted">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
+                        481
+                      </a>
+                      <a href="#" class="ml-3 text-muted">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-filled text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
+                        57
+                      </a>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-6 col-lg-4">
+              <div class="card card-sm">
+                <a href="#" class="d-block"><img src="./static/photos/8c13ad59f739558c.jpg" class="card-img-top"></a>
+                <div class="card-body">
+                  <div class="d-flex align-items-center">
+                    <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/001f.jpg)"></span>
+                    <div>
+                      <div>Maryjo Lebarree</div>
+                      <div class="text-muted">3 days ago</div>
+                    </div>
+                    <div class="ml-auto">
+                      <a href="#" class="text-muted">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
+                        405
+                      </a>
+                      <a href="#" class="ml-3 text-muted">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-filled text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
+                        23
+                      </a>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-6 col-lg-4">
+              <div class="card card-sm">
+                <a href="#" class="d-block"><img src="./static/photos/8fdeb4785d2b82ef.jpg" class="card-img-top"></a>
+                <div class="card-body">
+                  <div class="d-flex align-items-center">
+                    <span class="avatar mr-3 rounded">EP</span>
+                    <div>
+                      <div>Egan Poetz</div>
+                      <div class="text-muted">6 days ago</div>
+                    </div>
+                    <div class="ml-auto">
+                      <a href="#" class="text-muted">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
+                        332
+                      </a>
+                      <a href="#" class="ml-3 text-muted">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-filled text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
+                        51
+                      </a>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-6 col-lg-4">
+              <div class="card card-sm">
+                <a href="#" class="d-block"><img src="./static/photos/9f36332564ca271d.jpg" class="card-img-top"></a>
+                <div class="card-body">
+                  <div class="d-flex align-items-center">
+                    <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/002f.jpg)"></span>
+                    <div>
+                      <div>Kellie Skingley</div>
+                      <div class="text-muted">1 week and 2 days ago</div>
+                    </div>
+                    <div class="ml-auto">
+                      <a href="#" class="text-muted">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
+                        369
+                      </a>
+                      <a href="#" class="ml-3 text-muted">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-filled text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
+                        70
+                      </a>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-6 col-lg-4">
+              <div class="card card-sm">
+                <a href="#" class="d-block"><img src="./static/photos/35b88fc04a518c1b.jpg" class="card-img-top"></a>
+                <div class="card-body">
+                  <div class="d-flex align-items-center">
+                    <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/003f.jpg)"></span>
+                    <div>
+                      <div>Christabel Charlwood</div>
+                      <div class="text-muted">today</div>
+                    </div>
+                    <div class="ml-auto">
+                      <a href="#" class="text-muted">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
+                        555
+                      </a>
+                      <a href="#" class="ml-3 text-muted">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
+                        73
+                      </a>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-6 col-lg-4">
+              <div class="card card-sm">
+                <a href="#" class="d-block"><img src="./static/photos/36e273986ed577b8.jpg" class="card-img-top"></a>
+                <div class="card-body">
+                  <div class="d-flex align-items-center">
+                    <span class="avatar mr-3 rounded">HS</span>
+                    <div>
+                      <div>Haskel Shelper</div>
+                      <div class="text-muted">2 days ago</div>
+                    </div>
+                    <div class="ml-auto">
+                      <a href="#" class="text-muted">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
+                        383
+                      </a>
+                      <a href="#" class="ml-3 text-muted">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-filled text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
+                        37
+                      </a>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-6 col-lg-4">
+              <div class="card card-sm">
+                <a href="#" class="d-block"><img src="./static/photos/75b555b99d5b38c4.jpg" class="card-img-top"></a>
                 <div class="card-body">
                   <div class="d-flex align-items-center">
                     <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/006m.jpg)"></span>
-                    <div class="lh-sm">
+                    <div>
                       <div>Lorry Mion</div>
                       <div class="text-muted">5 days ago</div>
                     </div>
@@ -690,11 +839,11 @@
             </div>
             <div class="col-sm-6 col-lg-4">
               <div class="card card-sm">
-                <a href="#" class="d-block"><img src="./static/photos/8c13ad59f739558c.jpg" class="card-img-top"></a>
+                <a href="#" class="d-block"><img src="./static/photos/546fd146c83f428c.jpg" class="card-img-top"></a>
                 <div class="card-body">
                   <div class="d-flex align-items-center">
                     <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/004f.jpg)"></span>
-                    <div class="lh-sm">
+                    <div>
                       <div>Leesa Beaty</div>
                       <div class="text-muted">6 days ago</div>
                     </div>
@@ -712,150 +861,6 @@
                 </div>
               </div>
             </div>
-            <div class="col-sm-6 col-lg-4">
-              <div class="card card-sm">
-                <a href="#" class="d-block"><img src="./static/photos/8fdeb4785d2b82ef.jpg" class="card-img-top"></a>
-                <div class="card-body">
-                  <div class="d-flex align-items-center">
-                    <span class="avatar mr-3 rounded">SA</span>
-                    <div class="lh-sm">
-                      <div>Sunny Airey</div>
-                      <div class="text-muted">5 days ago</div>
-                    </div>
-                    <div class="ml-auto">
-                      <a href="#" class="text-muted">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
-                        301
-                      </a>
-                      <a href="#" class="ml-3 text-muted">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                        99
-                      </a>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="col-sm-6 col-lg-4">
-              <div class="card card-sm">
-                <a href="#" class="d-block"><img src="./static/photos/9f36332564ca271d.jpg" class="card-img-top"></a>
-                <div class="card-body">
-                  <div class="d-flex align-items-center">
-                    <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/009m.jpg)"></span>
-                    <div class="lh-sm">
-                      <div>Geoffry Flaunders</div>
-                      <div class="text-muted">1 week ago</div>
-                    </div>
-                    <div class="ml-auto">
-                      <a href="#" class="text-muted">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
-                        596
-                      </a>
-                      <a href="#" class="ml-3 text-muted">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                        64
-                      </a>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="col-sm-6 col-lg-4">
-              <div class="card card-sm">
-                <a href="#" class="d-block"><img src="./static/photos/35b88fc04a518c1b.jpg" class="card-img-top"></a>
-                <div class="card-body">
-                  <div class="d-flex align-items-center">
-                    <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/010m.jpg)"></span>
-                    <div class="lh-sm">
-                      <div>Thatcher Keel</div>
-                      <div class="text-muted">1 week and 2 days ago</div>
-                    </div>
-                    <div class="ml-auto">
-                      <a href="#" class="text-muted">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
-                        373
-                      </a>
-                      <a href="#" class="ml-3 text-muted">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                        64
-                      </a>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="col-sm-6 col-lg-4">
-              <div class="card card-sm">
-                <a href="#" class="d-block"><img src="./static/photos/36e273986ed577b8.jpg" class="card-img-top"></a>
-                <div class="card-body">
-                  <div class="d-flex align-items-center">
-                    <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/005f.jpg)"></span>
-                    <div class="lh-sm">
-                      <div>Dyann Escala</div>
-                      <div class="text-muted">4 days ago</div>
-                    </div>
-                    <div class="ml-auto">
-                      <a href="#" class="text-muted">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
-                        537
-                      </a>
-                      <a href="#" class="ml-3 text-muted">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                        51
-                      </a>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="col-sm-6 col-lg-4">
-              <div class="card card-sm">
-                <a href="#" class="d-block"><img src="./static/photos/75b555b99d5b38c4.jpg" class="card-img-top"></a>
-                <div class="card-body">
-                  <div class="d-flex align-items-center">
-                    <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/006f.jpg)"></span>
-                    <div class="lh-sm">
-                      <div>Avivah Mugleston</div>
-                      <div class="text-muted">6 days ago</div>
-                    </div>
-                    <div class="ml-auto">
-                      <a href="#" class="text-muted">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
-                        487
-                      </a>
-                      <a href="#" class="ml-3 text-muted">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                        58
-                      </a>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="col-sm-6 col-lg-4">
-              <div class="card card-sm">
-                <a href="#" class="d-block"><img src="./static/photos/546fd146c83f428c.jpg" class="card-img-top"></a>
-                <div class="card-body">
-                  <div class="d-flex align-items-center">
-                    <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/008f.jpg)"></span>
-                    <div class="lh-sm">
-                      <div>Tessie Curzon</div>
-                      <div class="text-muted">3 days ago</div>
-                    </div>
-                    <div class="ml-auto">
-                      <a href="#" class="text-muted">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
-                        400
-                      </a>
-                      <a href="#" class="ml-3 text-muted">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                        56
-                      </a>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
           </div>
           <div class="d-flex">
             <ul class="pagination ml-auto">
@@ -889,118 +894,22 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
         </footer>
       </div>
     </div>
-    <div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
-      <div class="modal-dialog modal-lg" role="document">
-        <div class="modal-content">
-          <div class="modal-header">
-            <h5 class="modal-title">New report</h5>
-            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
-              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
-            </button>
-          </div>
-          <div class="modal-body">
-            <div class="mb-3">
-              <label class="form-label">Name</label>
-              <input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
-            </div>
-            <label class="form-label">Report type</label>
-            <div class="form-selectgroup-boxes row mb-3">
-              <div class="col-lg-6">
-                <label class="form-selectgroup-item">
-                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
-                  <span class="form-selectgroup-label d-flex align-items-center p-3">
-                    <span class="mr-3">
-                      <span class="form-selectgroup-check"></span>
-                    </span>
-                    <span class="form-selectgroup-label-content">
-                      <span class="form-selectgroup-title strong mb-1">Simple</span>
-                      <span class="d-block text-muted">Provide only basic data needed for the report</span>
-                    </span>
-                  </span>
-                </label>
-              </div>
-              <div class="col-lg-6">
-                <label class="form-selectgroup-item">
-                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input">
-                  <span class="form-selectgroup-label d-flex align-items-center p-3">
-                    <span class="mr-3">
-                      <span class="form-selectgroup-check"></span>
-                    </span>
-                    <span class="form-selectgroup-label-content">
-                      <span class="form-selectgroup-title strong mb-1">Advanced</span>
-                      <span class="d-block text-muted">Insert charts and additional advanced analyses to be inserted in the report</span>
-                    </span>
-                  </span>
-                </label>
-              </div>
-            </div>
-            <div class="row">
-              <div class="col-lg-8">
-                <div class="mb-3">
-                  <label class="form-label">Report url</label>
-                  <div class="input-group input-group-flat">
-                    <span class="input-group-text">
-                      https://tabler.io/reports/
-                    </span>
-                    <input type="text" class="form-control pl-0"  value="report-01">
-                  </div>
-                </div>
-              </div>
-              <div class="col-lg-4">
-                <div class="mb-3">
-                  <label class="form-label">Visibility</label>
-                  <select class="form-select">
-                    <option value="1" selected>Private</option>
-                    <option value="2">Public</option>
-                    <option value="3">Hidden</option>
-                  </select>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="modal-body">
-            <div class="row">
-              <div class="col-lg-6">
-                <div class="mb-3">
-                  <label class="form-label">Client name</label>
-                  <input type="text" class="form-control">
-                </div>
-              </div>
-              <div class="col-lg-6">
-                <div class="mb-3">
-                  <label class="form-label">Reporting period</label>
-                  <input type="date" class="form-control">
-                </div>
-              </div>
-              <div class="col-lg-12">
-                <div>
-                  <label class="form-label">Additional information</label>
-                  <textarea class="form-control" rows="3"></textarea>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="modal-footer">
-            <a href="#" class="btn btn-link link-secondary" data-dismiss="modal">
-              Cancel
-            </a>
-            <a href="#" class="btn btn-primary ml-auto" data-dismiss="modal">
-              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-              Create new report
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
     <!-- Libs JS -->
     <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <!-- Tabler Core -->
diff --git a/demo/icons.html b/demo/icons.html
index 8c31f265e..33f1d7c87 100644
--- a/demo/icons.html
+++ b/demo/icons.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,14 +547,14 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Icons
                 </h2>
               </div>
             </div>
           </div>
-          <div class="row">
+          <div class="row row-cards">
             <div class="col-12">
               <div class="card">
                 <div class="card-header">
@@ -569,4477 +576,4477 @@
                         <ul class="icons-list">
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="2fa" data-toggle="tooltip" title="2fa">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 16h-4l3.47 -4.66a2 2 0 1 0 -3.47 -1.54" /><path d="M10 16v-8h4" /><line x1="10" y1="12" x2="13" y2="12" /><path d="M17 16v-6a2 2 0 0 1 4 0v6" /><line x1="17" y1="13" x2="21" y2="13" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 16h-4l3.47 -4.66a2 2 0 1 0 -3.47 -1.54" /><path d="M10 16v-8h4" /><line x1="10" y1="12" x2="13" y2="12" /><path d="M17 16v-6a2 2 0 0 1 4 0v6" /><line x1="17" y1="13" x2="21" y2="13" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="3d-cube-sphere" data-toggle="tooltip" title="3d-cube-sphere">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 17.6l-2 -1.1v-2.5" /><path d="M4 10v-2.5l2 -1.1" /><path d="M10 4.1l2 -1.1l2 1.1" /><path d="M18 6.4l2 1.1v2.5" /><path d="M20 14v2.5l-2 1.12" /><path d="M14 19.9l-2 1.1l-2 -1.1" /><line x1="12" y1="12" x2="14" y2="10.9" /><line x1="18" y1="8.6" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="14.5" /><line x1="12" y1="18.5" x2="12" y2="21" /><path d="M12 12l-2-1.12" /><line x1="6" y1="8.6" x2="4" y2="7.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 17.6l-2 -1.1v-2.5" /><path d="M4 10v-2.5l2 -1.1" /><path d="M10 4.1l2 -1.1l2 1.1" /><path d="M18 6.4l2 1.1v2.5" /><path d="M20 14v2.5l-2 1.12" /><path d="M14 19.9l-2 1.1l-2 -1.1" /><line x1="12" y1="12" x2="14" y2="10.9" /><line x1="18" y1="8.6" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="14.5" /><line x1="12" y1="18.5" x2="12" y2="21" /><path d="M12 12l-2-1.12" /><line x1="6" y1="8.6" x2="4" y2="7.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="a-b" data-toggle="tooltip" title="a-b">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 16v-5.5a2.5 2.5 0 0 1 5 0v5.5m0 -4h-5" /><line x1="12" y1="6" x2="12" y2="18" /><path d="M16 16v-8h3a2 2 0 0 1 0 4h-3m3 0a2 2 0 0 1 0 4h-3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 16v-5.5a2.5 2.5 0 0 1 5 0v5.5m0 -4h-5" /><line x1="12" y1="6" x2="12" y2="18" /><path d="M16 16v-8h3a2 2 0 0 1 0 4h-3m3 0a2 2 0 0 1 0 4h-3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="access-point-off" data-toggle="tooltip" title="access-point-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M14.828 9.172a4 4 0 0 1 1.172 2.828" /><path d="M17.657 6.343a8 8 0 0 1 1.635 8.952" /><path d="M9.168 14.828a4 4 0 0 1 0 -5.656" /><path d="M6.337 17.657a8 8 0 0 1 0 -11.314" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M14.828 9.172a4 4 0 0 1 1.172 2.828" /><path d="M17.657 6.343a8 8 0 0 1 1.635 8.952" /><path d="M9.168 14.828a4 4 0 0 1 0 -5.656" /><path d="M6.337 17.657a8 8 0 0 1 0 -11.314" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="access-point" data-toggle="tooltip" title="access-point">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="12" x2="12" y2="12.01" /><path d="M14.828 9.172a4 4 0 0 1 0 5.656" /><path d="M17.657 6.343a8 8 0 0 1 0 11.314" /><path d="M9.168 14.828a4 4 0 0 1 0 -5.656" /><path d="M6.337 17.657a8 8 0 0 1 0 -11.314" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="12" x2="12" y2="12.01" /><path d="M14.828 9.172a4 4 0 0 1 0 5.656" /><path d="M17.657 6.343a8 8 0 0 1 0 11.314" /><path d="M9.168 14.828a4 4 0 0 1 0 -5.656" /><path d="M6.337 17.657a8 8 0 0 1 0 -11.314" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="accessible" data-toggle="tooltip" title="accessible">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M10 16.5l2 -3l2 3m-2 -3v-2l3 -1m-6 0l3 1" /><circle cx="12" cy="7.5" r=".5" fill="currentColor" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M10 16.5l2 -3l2 3m-2 -3v-2l3 -1m-6 0l3 1" /><circle cx="12" cy="7.5" r=".5" fill="currentColor" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="activity" data-toggle="tooltip" title="activity">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h4l3 8l4 -16l3 8h4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h4l3 8l4 -16l3 8h4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="ad" data-toggle="tooltip" title="ad">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M7 15v-4a2 2 0 0 1 4 0v4" /><line x1="7" y1="13" x2="11" y2="13" /><path d="M17 9v6h-1.5a1.5 1.5 0 1 1 1.5 -1.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M7 15v-4a2 2 0 0 1 4 0v4" /><line x1="7" y1="13" x2="11" y2="13" /><path d="M17 9v6h-1.5a1.5 1.5 0 1 1 1.5 -1.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="adjustments-alt" data-toggle="tooltip" title="adjustments-alt">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="8" width="4" height="4" /><line x1="6" y1="4" x2="6" y2="8" /><line x1="6" y1="12" x2="6" y2="20" /><rect x="10" y="14" width="4" height="4" /><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="18" x2="12" y2="20" /><rect x="16" y="5" width="4" height="4" /><line x1="18" y1="4" x2="18" y2="5" /><line x1="18" y1="9" x2="18" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="8" width="4" height="4" /><line x1="6" y1="4" x2="6" y2="8" /><line x1="6" y1="12" x2="6" y2="20" /><rect x="10" y="14" width="4" height="4" /><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="18" x2="12" y2="20" /><rect x="16" y="5" width="4" height="4" /><line x1="18" y1="4" x2="18" y2="5" /><line x1="18" y1="9" x2="18" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="adjustments-horizontal" data-toggle="tooltip" title="adjustments-horizontal">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="14" cy="6" r="2" /><line x1="4" y1="6" x2="12" y2="6" /><line x1="16" y1="6" x2="20" y2="6" /><circle cx="8" cy="12" r="2" /><line x1="4" y1="12" x2="6" y2="12" /><line x1="10" y1="12" x2="20" y2="12" /><circle cx="17" cy="18" r="2" /><line x1="4" y1="18" x2="15" y2="18" /><line x1="19" y1="18" x2="20" y2="18" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="14" cy="6" r="2" /><line x1="4" y1="6" x2="12" y2="6" /><line x1="16" y1="6" x2="20" y2="6" /><circle cx="8" cy="12" r="2" /><line x1="4" y1="12" x2="6" y2="12" /><line x1="10" y1="12" x2="20" y2="12" /><circle cx="17" cy="18" r="2" /><line x1="4" y1="18" x2="15" y2="18" /><line x1="19" y1="18" x2="20" y2="18" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="adjustments" data-toggle="tooltip" title="adjustments">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="10" r="2" /><line x1="6" y1="4" x2="6" y2="8" /><line x1="6" y1="12" x2="6" y2="20" /><circle cx="12" cy="16" r="2" /><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="18" x2="12" y2="20" /><circle cx="18" cy="7" r="2" /><line x1="18" y1="4" x2="18" y2="5" /><line x1="18" y1="9" x2="18" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="10" r="2" /><line x1="6" y1="4" x2="6" y2="8" /><line x1="6" y1="12" x2="6" y2="20" /><circle cx="12" cy="16" r="2" /><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="18" x2="12" y2="20" /><circle cx="18" cy="7" r="2" /><line x1="18" y1="4" x2="18" y2="5" /><line x1="18" y1="9" x2="18" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="alarm" data-toggle="tooltip" title="alarm">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="13" r="7" /><polyline points="12 10 12 13 14 13" /><line x1="7" y1="4" x2="4.25" y2="6" /><line x1="17" y1="4" x2="19.75" y2="6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="13" r="7" /><polyline points="12 10 12 13 14 13" /><line x1="7" y1="4" x2="4.25" y2="6" /><line x1="17" y1="4" x2="19.75" y2="6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="alert-circle" data-toggle="tooltip" title="alert-circle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="8" x2="12" y2="12" /><line x1="12" y1="16" x2="12.01" y2="16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="8" x2="12" y2="12" /><line x1="12" y1="16" x2="12.01" y2="16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="alert-octagon" data-toggle="tooltip" title="alert-octagon">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.7 3h6.6c0.3 0 .5 .1 .7 .3l4.7 4.7c0.2 .2 .3 .4 .3 .7v6.6c0 .3 -.1 .5 -.3 .7l-4.7 4.7c-0.2 .2 -.4 .3 -.7 .3h-6.6c-0.3 0 -.5 -.1 -.7 -.3l-4.7 -4.7c-0.2 -.2 -.3 -.4 -.3 -.7v-6.6c0 -.3 .1 -.5 .3 -.7l4.7 -4.7c0.2 -.2 .4 -.3 .7 -.3z" /><line x1="12" y1="8" x2="12" y2="12" /><line x1="12" y1="16" x2="12.01" y2="16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.7 3h6.6c0.3 0 .5 .1 .7 .3l4.7 4.7c0.2 .2 .3 .4 .3 .7v6.6c0 .3 -.1 .5 -.3 .7l-4.7 4.7c-0.2 .2 -.4 .3 -.7 .3h-6.6c-0.3 0 -.5 -.1 -.7 -.3l-4.7 -4.7c-0.2 -.2 -.3 -.4 -.3 -.7v-6.6c0 -.3 .1 -.5 .3 -.7l4.7 -4.7c0.2 -.2 .4 -.3 .7 -.3z" /><line x1="12" y1="8" x2="12" y2="12" /><line x1="12" y1="16" x2="12.01" y2="16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="alert-triangle" data-toggle="tooltip" title="alert-triangle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 9v2m0 4v.01" /><path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 9v2m0 4v.01" /><path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="alien" data-toggle="tooltip" title="alien">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 17a2.5 2.5 0 0 0 2 0" /><path d="M12 3c-4.664 0 -7.396 2.331 -7.862 5.595a11.816 11.816 0 0 0 2 8.592a10.777 10.777 0 0 0 3.199 3.064c1.666 1 3.664 1 5.33 0a10.777 10.777 0 0 0 3.199 -3.064a11.89 11.89 0 0 0 2 -8.592c-.466 -3.265 -3.198 -5.595 -7.862 -5.595z" /><line x1="8" y1="11" x2="10" y2="13" /><line x1="16" y1="11" x2="14" y2="13" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 17a2.5 2.5 0 0 0 2 0" /><path d="M12 3c-4.664 0 -7.396 2.331 -7.862 5.595a11.816 11.816 0 0 0 2 8.592a10.777 10.777 0 0 0 3.199 3.064c1.666 1 3.664 1 5.33 0a10.777 10.777 0 0 0 3.199 -3.064a11.89 11.89 0 0 0 2 -8.592c-.466 -3.265 -3.198 -5.595 -7.862 -5.595z" /><line x1="8" y1="11" x2="10" y2="13" /><line x1="16" y1="11" x2="14" y2="13" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="align-center" data-toggle="tooltip" title="align-center">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="8" y1="12" x2="16" y2="12" /><line x1="6" y1="18" x2="18" y2="18" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="8" y1="12" x2="16" y2="12" /><line x1="6" y1="18" x2="18" y2="18" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="align-justified" data-toggle="tooltip" title="align-justified">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="4" y1="18" x2="16" y2="18" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="4" y1="18" x2="16" y2="18" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="align-left" data-toggle="tooltip" title="align-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="4" y1="12" x2="14" y2="12" /><line x1="4" y1="18" x2="18" y2="18" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="4" y1="12" x2="14" y2="12" /><line x1="4" y1="18" x2="18" y2="18" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="align-right" data-toggle="tooltip" title="align-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="10" y1="12" x2="20" y2="12" /><line x1="6" y1="18" x2="20" y2="18" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="10" y1="12" x2="20" y2="12" /><line x1="6" y1="18" x2="20" y2="18" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="ambulance" data-toggle="tooltip" title="ambulance">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-11a1 1 0 0 1 1 -1h9v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5" /><path d="M6 10h4m-2 -2v4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-11a1 1 0 0 1 1 -1h9v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5" /><path d="M6 10h4m-2 -2v4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="anchor" data-toggle="tooltip" title="anchor">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 9v12m-8 -8a8 8 0 0 0 16 0m1 0h-2m-14 0h-2" /><circle cx="12" cy="6" r="3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 9v12m-8 -8a8 8 0 0 0 16 0m1 0h-2m-14 0h-2" /><circle cx="12" cy="6" r="3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="antenna-bars-1" data-toggle="tooltip" title="antenna-bars-1">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="18" x2="6" y2="18.01" /><line x1="10" y1="18" x2="10" y2="18.01" /><line x1="14" y1="18" x2="14" y2="18.01" /><line x1="18" y1="18" x2="18" y2="18.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="18" x2="6" y2="18.01" /><line x1="10" y1="18" x2="10" y2="18.01" /><line x1="14" y1="18" x2="14" y2="18.01" /><line x1="18" y1="18" x2="18" y2="18.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="antenna-bars-2" data-toggle="tooltip" title="antenna-bars-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="18" x2="6" y2="15" /><line x1="10" y1="18" x2="10" y2="18.01" /><line x1="14" y1="18" x2="14" y2="18.01" /><line x1="18" y1="18" x2="18" y2="18.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="18" x2="6" y2="15" /><line x1="10" y1="18" x2="10" y2="18.01" /><line x1="14" y1="18" x2="14" y2="18.01" /><line x1="18" y1="18" x2="18" y2="18.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="antenna-bars-3" data-toggle="tooltip" title="antenna-bars-3">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="18" x2="6" y2="15" /><line x1="10" y1="18" x2="10" y2="12" /><line x1="14" y1="18" x2="14" y2="18.01" /><line x1="18" y1="18" x2="18" y2="18.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="18" x2="6" y2="15" /><line x1="10" y1="18" x2="10" y2="12" /><line x1="14" y1="18" x2="14" y2="18.01" /><line x1="18" y1="18" x2="18" y2="18.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="antenna-bars-4" data-toggle="tooltip" title="antenna-bars-4">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="18" x2="6" y2="15" /><line x1="10" y1="18" x2="10" y2="12" /><line x1="14" y1="18" x2="14" y2="9" /><line x1="18" y1="18" x2="18" y2="18.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="18" x2="6" y2="15" /><line x1="10" y1="18" x2="10" y2="12" /><line x1="14" y1="18" x2="14" y2="9" /><line x1="18" y1="18" x2="18" y2="18.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="antenna-bars-5" data-toggle="tooltip" title="antenna-bars-5">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="18" x2="6" y2="15" /><line x1="10" y1="18" x2="10" y2="12" /><line x1="14" y1="18" x2="14" y2="9" /><line x1="18" y1="18" x2="18" y2="6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="18" x2="6" y2="15" /><line x1="10" y1="18" x2="10" y2="12" /><line x1="14" y1="18" x2="14" y2="9" /><line x1="18" y1="18" x2="18" y2="6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="aperture" data-toggle="tooltip" title="aperture">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="3.6" y1="15" x2="14.15" y2="15" /><line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(72 12 12)" /><line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(144 12 12)" /><line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(216 12 12)" /><line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(288 12 12)" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="3.6" y1="15" x2="14.15" y2="15" /><line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(72 12 12)" /><line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(144 12 12)" /><line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(216 12 12)" /><line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(288 12 12)" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="apps" data-toggle="tooltip" title="apps">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="archive" data-toggle="tooltip" title="archive">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="4" width="18" height="4" rx="2" /><path d="M5 8v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-10" /><line x1="10" y1="12" x2="14" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="4" width="18" height="4" rx="2" /><path d="M5 8v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-10" /><line x1="10" y1="12" x2="14" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-back-up" data-toggle="tooltip" title="arrow-back-up">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 13l-4 -4l4 -4m-4 4h11a4 4 0 0 1 0 8h-1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 13l-4 -4l4 -4m-4 4h11a4 4 0 0 1 0 8h-1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-back" data-toggle="tooltip" title="arrow-back">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 11l-4 4l4 4m-4 -4h11a4 4 0 0 0 0 -8h-1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 11l-4 4l4 4m-4 -4h11a4 4 0 0 0 0 -8h-1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-bar-down" data-toggle="tooltip" title="arrow-bar-down">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="20" x2="12" y2="10" /><line x1="12" y1="20" x2="16" y2="16" /><line x1="12" y1="20" x2="8" y2="16" /><line x1="4" y1="4" x2="20" y2="4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="20" x2="12" y2="10" /><line x1="12" y1="20" x2="16" y2="16" /><line x1="12" y1="20" x2="8" y2="16" /><line x1="4" y1="4" x2="20" y2="4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-bar-left" data-toggle="tooltip" title="arrow-bar-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="12" x2="14" y2="12" /><line x1="4" y1="12" x2="8" y2="16" /><line x1="4" y1="12" x2="8" y2="8" /><line x1="20" y1="4" x2="20" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="12" x2="14" y2="12" /><line x1="4" y1="12" x2="8" y2="16" /><line x1="4" y1="12" x2="8" y2="8" /><line x1="20" y1="4" x2="20" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-bar-right" data-toggle="tooltip" title="arrow-bar-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="12" x2="10" y2="12" /><line x1="20" y1="12" x2="16" y2="16" /><line x1="20" y1="12" x2="16" y2="8" /><line x1="4" y1="4" x2="4" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="12" x2="10" y2="12" /><line x1="20" y1="12" x2="16" y2="16" /><line x1="20" y1="12" x2="16" y2="8" /><line x1="4" y1="4" x2="4" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-bar-to-down" data-toggle="tooltip" title="arrow-bar-to-down">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="20" y2="20" /><line x1="12" y1="14" x2="12" y2="4" /><line x1="12" y1="14" x2="16" y2="10" /><line x1="12" y1="14" x2="8" y2="10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="20" y2="20" /><line x1="12" y1="14" x2="12" y2="4" /><line x1="12" y1="14" x2="16" y2="10" /><line x1="12" y1="14" x2="8" y2="10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-bar-to-left" data-toggle="tooltip" title="arrow-bar-to-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="10" y1="12" x2="20" y2="12" /><line x1="10" y1="12" x2="14" y2="16" /><line x1="10" y1="12" x2="14" y2="8" /><line x1="4" y1="4" x2="4" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="10" y1="12" x2="20" y2="12" /><line x1="10" y1="12" x2="14" y2="16" /><line x1="10" y1="12" x2="14" y2="8" /><line x1="4" y1="4" x2="4" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-bar-to-right" data-toggle="tooltip" title="arrow-bar-to-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="14" y1="12" x2="4" y2="12" /><line x1="14" y1="12" x2="10" y2="16" /><line x1="14" y1="12" x2="10" y2="8" /><line x1="20" y1="4" x2="20" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="14" y1="12" x2="4" y2="12" /><line x1="14" y1="12" x2="10" y2="16" /><line x1="14" y1="12" x2="10" y2="8" /><line x1="20" y1="4" x2="20" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-bar-to-up" data-toggle="tooltip" title="arrow-bar-to-up">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="10" x2="12" y2="20" /><line x1="12" y1="10" x2="16" y2="14" /><line x1="12" y1="10" x2="8" y2="14" /><line x1="4" y1="4" x2="20" y2="4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="10" x2="12" y2="20" /><line x1="12" y1="10" x2="16" y2="14" /><line x1="12" y1="10" x2="8" y2="14" /><line x1="4" y1="4" x2="20" y2="4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-bar-up" data-toggle="tooltip" title="arrow-bar-up">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="4" x2="16" y2="8" /><line x1="12" y1="4" x2="8" y2="8" /><line x1="4" y1="20" x2="20" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="4" x2="16" y2="8" /><line x1="12" y1="4" x2="8" y2="8" /><line x1="4" y1="20" x2="20" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-down-circle" data-toggle="tooltip" title="arrow-down-circle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="8" y1="12" x2="12" y2="16" /><line x1="12" y1="8" x2="12" y2="16" /><line x1="16" y1="12" x2="12" y2="16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="8" y1="12" x2="12" y2="16" /><line x1="12" y1="8" x2="12" y2="16" /><line x1="16" y1="12" x2="12" y2="16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-down-left-circle" data-toggle="tooltip" title="arrow-down-left-circle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="15" y1="9" x2="9" y2="15" /><polyline points="15 15 9 15 9 9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="15" y1="9" x2="9" y2="15" /><polyline points="15 15 9 15 9 9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-down-left" data-toggle="tooltip" title="arrow-down-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="7" x2="7" y2="17" /><polyline points="16 17 7 17 7 8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="7" x2="7" y2="17" /><polyline points="16 17 7 17 7 8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-down-right-circle" data-toggle="tooltip" title="arrow-down-right-circle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="15" y1="15" x2="9" y2="15" /><polyline points="15 9 15 15 9 9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="15" y1="15" x2="9" y2="15" /><polyline points="15 9 15 15 9 9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-down-right" data-toggle="tooltip" title="arrow-down-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="7" x2="17" y2="17" /><polyline points="17 8 17 17 8 17" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="7" x2="17" y2="17" /><polyline points="17 8 17 17 8 17" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-down" data-toggle="tooltip" title="arrow-down">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="18" y1="13" x2="12" y2="19" /><line x1="6" y1="13" x2="12" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="18" y1="13" x2="12" y2="19" /><line x1="6" y1="13" x2="12" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-forward-up" data-toggle="tooltip" title="arrow-forward-up">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 13l4 -4l-4 -4m4 4h-11a4 4 0 0 0 0 8h1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 13l4 -4l-4 -4m4 4h-11a4 4 0 0 0 0 8h1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-forward" data-toggle="tooltip" title="arrow-forward">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 11l4 4l-4 4m4 -4h-11a4 4 0 0 1 0 -8h1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 11l4 4l-4 4m4 -4h-11a4 4 0 0 1 0 -8h1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-left-circle" data-toggle="tooltip" title="arrow-left-circle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="8" y1="12" x2="16" y2="12" /><line x1="8" y1="12" x2="12" y2="16" /><line x1="8" y1="12" x2="12" y2="8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="8" y1="12" x2="16" y2="12" /><line x1="8" y1="12" x2="12" y2="16" /><line x1="8" y1="12" x2="12" y2="8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-left" data-toggle="tooltip" title="arrow-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="5" y1="12" x2="11" y2="18" /><line x1="5" y1="12" x2="11" y2="6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="5" y1="12" x2="11" y2="18" /><line x1="5" y1="12" x2="11" y2="6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-narrow-down" data-toggle="tooltip" title="arrow-narrow-down">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="16" y1="15" x2="12" y2="19" /><line x1="8" y1="15" x2="12" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="16" y1="15" x2="12" y2="19" /><line x1="8" y1="15" x2="12" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-narrow-left" data-toggle="tooltip" title="arrow-narrow-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="5" y1="12" x2="9" y2="16" /><line x1="5" y1="12" x2="9" y2="8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="5" y1="12" x2="9" y2="16" /><line x1="5" y1="12" x2="9" y2="8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-narrow-right" data-toggle="tooltip" title="arrow-narrow-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="15" y1="16" x2="19" y2="12" /><line x1="15" y1="8" x2="19" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="15" y1="16" x2="19" y2="12" /><line x1="15" y1="8" x2="19" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-narrow-up" data-toggle="tooltip" title="arrow-narrow-up">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="16" y1="9" x2="12" y2="5" /><line x1="8" y1="9" x2="12" y2="5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="16" y1="9" x2="12" y2="5" /><line x1="8" y1="9" x2="12" y2="5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-ramp-left" data-toggle="tooltip" title="arrow-ramp-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="3" x2="17" y2="11.707" /><path d="M13 7l4 -4l4 4" /><path d="M7 14l-4 -4l4 -4" /><path d="M17 21a11 11 0 0 0 -11 -11h-3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="3" x2="17" y2="11.707" /><path d="M13 7l4 -4l4 4" /><path d="M7 14l-4 -4l4 -4" /><path d="M17 21a11 11 0 0 0 -11 -11h-3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-ramp-right" data-toggle="tooltip" title="arrow-ramp-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="3" x2="7" y2="11.707" /><path d="M11 7l-4 -4l-4 4" /><path d="M17 14l4 -4l-4 -4" /><path d="M7 21a11 11 0 0 1 11 -11h3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="3" x2="7" y2="11.707" /><path d="M11 7l-4 -4l-4 4" /><path d="M17 14l4 -4l-4 -4" /><path d="M7 21a11 11 0 0 1 11 -11h3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-right-circle" data-toggle="tooltip" title="arrow-right-circle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="16" y1="12" x2="8" y2="12" /><line x1="16" y1="12" x2="12" y2="16" /><line x1="16" y1="12" x2="12" y2="8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="16" y1="12" x2="8" y2="12" /><line x1="16" y1="12" x2="12" y2="16" /><line x1="16" y1="12" x2="12" y2="8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-right" data-toggle="tooltip" title="arrow-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-up-circle" data-toggle="tooltip" title="arrow-up-circle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="8" x2="8" y2="12" /><line x1="12" y1="8" x2="12" y2="16" /><line x1="16" y1="12" x2="12" y2="8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="8" x2="8" y2="12" /><line x1="12" y1="8" x2="12" y2="16" /><line x1="16" y1="12" x2="12" y2="8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-up-left-circle" data-toggle="tooltip" title="arrow-up-left-circle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="15" y2="15" /><polyline points="15 9 9 9 9 15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="15" y2="15" /><polyline points="15 9 9 9 9 15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-up-left" data-toggle="tooltip" title="arrow-up-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="7" x2="17" y2="17" /><polyline points="16 7 7 7 7 16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="7" x2="17" y2="17" /><polyline points="16 7 7 7 7 16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-up-right-circle" data-toggle="tooltip" title="arrow-up-right-circle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="15" y1="9" x2="9" y2="15" /><polyline points="15 15 15 9 9 9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="15" y1="9" x2="9" y2="15" /><polyline points="15 15 15 9 9 9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-up-right" data-toggle="tooltip" title="arrow-up-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="7" x2="7" y2="17" /><polyline points="8 7 17 7 17 16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="7" x2="7" y2="17" /><polyline points="8 7 17 7 17 16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrow-up" data-toggle="tooltip" title="arrow-up">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="18" y1="11" x2="12" y2="5" /><line x1="6" y1="11" x2="12" y2="5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="18" y1="11" x2="12" y2="5" /><line x1="6" y1="11" x2="12" y2="5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrows-diagonal-2" data-toggle="tooltip" title="arrows-diagonal-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="16 20 20 20 20 16" /><line x1="14" y1="14" x2="20" y2="20" /><polyline points="8 4 4 4 4 8" /><line x1="4" y1="4" x2="10" y2="10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="16 20 20 20 20 16" /><line x1="14" y1="14" x2="20" y2="20" /><polyline points="8 4 4 4 4 8" /><line x1="4" y1="4" x2="10" y2="10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrows-diagonal" data-toggle="tooltip" title="arrows-diagonal">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="16 4 20 4 20 8" /><line x1="14" y1="10" x2="20" y2="4" /><polyline points="8 20 4 20 4 16" /><line x1="4" y1="20" x2="10" y2="14" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="16 4 20 4 20 8" /><line x1="14" y1="10" x2="20" y2="4" /><polyline points="8 20 4 20 4 16" /><line x1="4" y1="20" x2="10" y2="14" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrows-horizontal" data-toggle="tooltip" title="arrows-horizontal">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 8 3 12 7 16" /><polyline points="17 8 21 12 17 16" /><line x1="3" y1="12" x2="21" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 8 3 12 7 16" /><polyline points="17 8 21 12 17 16" /><line x1="3" y1="12" x2="21" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrows-maximize" data-toggle="tooltip" title="arrows-maximize">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="16 4 20 4 20 8" /><line x1="14" y1="10" x2="20" y2="4" /><polyline points="8 20 4 20 4 16" /><line x1="4" y1="20" x2="10" y2="14" /><polyline points="16 20 20 20 20 16" /><line x1="14" y1="14" x2="20" y2="20" /><polyline points="8 4 4 4 4 8" /><line x1="4" y1="4" x2="10" y2="10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="16 4 20 4 20 8" /><line x1="14" y1="10" x2="20" y2="4" /><polyline points="8 20 4 20 4 16" /><line x1="4" y1="20" x2="10" y2="14" /><polyline points="16 20 20 20 20 16" /><line x1="14" y1="14" x2="20" y2="20" /><polyline points="8 4 4 4 4 8" /><line x1="4" y1="4" x2="10" y2="10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrows-minimize" data-toggle="tooltip" title="arrows-minimize">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 9 9 9 9 5" /><line x1="3" y1="3" x2="9" y2="9" /><polyline points="5 15 9 15 9 19" /><line x1="3" y1="21" x2="9" y2="15" /><polyline points="19 9 15 9 15 5" /><line x1="15" y1="9" x2="21" y2="3" /><polyline points="19 15 15 15 15 19" /><line x1="15" y1="15" x2="21" y2="21" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 9 9 9 9 5" /><line x1="3" y1="3" x2="9" y2="9" /><polyline points="5 15 9 15 9 19" /><line x1="3" y1="21" x2="9" y2="15" /><polyline points="19 9 15 9 15 5" /><line x1="15" y1="9" x2="21" y2="3" /><polyline points="19 15 15 15 15 19" /><line x1="15" y1="15" x2="21" y2="21" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrows-sort" data-toggle="tooltip" title="arrows-sort">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 9l4-4l4 4m-4 -4v14" /><path d="M21 15l-4 4l-4-4m4 4v-14" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 9l4-4l4 4m-4 -4v14" /><path d="M21 15l-4 4l-4-4m4 4v-14" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="arrows-vertical" data-toggle="tooltip" title="arrows-vertical">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="8 7 12 3 16 7" /><polyline points="8 17 12 21 16 17" /><line x1="12" y1="3" x2="12" y2="21" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="8 7 12 3 16 7" /><polyline points="8 17 12 21 16 17" /><line x1="12" y1="3" x2="12" y2="21" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="artboard" data-toggle="tooltip" title="artboard">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="8" width="8" height="8" rx="1" /><line x1="3" y1="8" x2="4" y2="8" /><line x1="3" y1="16" x2="4" y2="16" /><line x1="8" y1="3" x2="8" y2="4" /><line x1="16" y1="3" x2="16" y2="4" /><line x1="20" y1="8" x2="21" y2="8" /><line x1="20" y1="16" x2="21" y2="16" /><line x1="8" y1="20" x2="8" y2="21" /><line x1="16" y1="20" x2="16" y2="21" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="8" width="8" height="8" rx="1" /><line x1="3" y1="8" x2="4" y2="8" /><line x1="3" y1="16" x2="4" y2="16" /><line x1="8" y1="3" x2="8" y2="4" /><line x1="16" y1="3" x2="16" y2="4" /><line x1="20" y1="8" x2="21" y2="8" /><line x1="20" y1="16" x2="21" y2="16" /><line x1="8" y1="20" x2="8" y2="21" /><line x1="16" y1="20" x2="16" y2="21" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="aspect-ratio" data-toggle="tooltip" title="aspect-ratio">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M7 12v-3h3" /><path d="M17 12v3h-3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M7 12v-3h3" /><path d="M17 12v3h-3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="at" data-toggle="tooltip" title="at">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="4" /><path d="M16 12v1.5a2.5 2.5 0 0 0 5 0v-1.5a9 9 0 1 0 -5.5 8.28" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="4" /><path d="M16 12v1.5a2.5 2.5 0 0 0 5 0v-1.5a9 9 0 1 0 -5.5 8.28" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="atom-2" data-toggle="tooltip" title="atom-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><line x1="12" y1="21" x2="12" y2="21.01" /><line x1="3" y1="9" x2="3" y2="9.01" /><line x1="21" y1="9" x2="21" y2="9.01" /><path d="M8 20.1a9 9 0 0 1 -5 -7.1" /><path d="M16 20.1a9 9 0 0 0 5 -7.1" /><path d="M6.2 5a9 9 0 0 1 11.4 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><line x1="12" y1="21" x2="12" y2="21.01" /><line x1="3" y1="9" x2="3" y2="9.01" /><line x1="21" y1="9" x2="21" y2="9.01" /><path d="M8 20.1a9 9 0 0 1 -5 -7.1" /><path d="M16 20.1a9 9 0 0 0 5 -7.1" /><path d="M6.2 5a9 9 0 0 1 11.4 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="atom" data-toggle="tooltip" title="atom">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="12" x2="12" y2="12.01" /><path d="M12 2a4 10 0 0 0 -4 10a4 10 0 0 0 4 10a4 10 0 0 0 4 -10a4 10 0 0 0 -4 -10" transform="rotate(45 12 12)" /><path d="M12 2a4 10 0 0 0 -4 10a4 10 0 0 0 4 10a4 10 0 0 0 4 -10a4 10 0 0 0 -4 -10" transform="rotate(-45 12 12)" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="12" x2="12" y2="12.01" /><path d="M12 2a4 10 0 0 0 -4 10a4 10 0 0 0 4 10a4 10 0 0 0 4 -10a4 10 0 0 0 -4 -10" transform="rotate(45 12 12)" /><path d="M12 2a4 10 0 0 0 -4 10a4 10 0 0 0 4 10a4 10 0 0 0 4 -10a4 10 0 0 0 -4 -10" transform="rotate(-45 12 12)" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="award" data-toggle="tooltip" title="award">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="9" r="6" /><polyline points="9 14.2 9 21 12 19 15 21 15 14.2" transform="rotate(-30 12 9)" /><polyline points="9 14.2 9 21 12 19 15 21 15 14.2" transform="rotate(30 12 9)" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="9" r="6" /><polyline points="9 14.2 9 21 12 19 15 21 15 14.2" transform="rotate(-30 12 9)" /><polyline points="9 14.2 9 21 12 19 15 21 15 14.2" transform="rotate(30 12 9)" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="backhoe" data-toggle="tooltip" title="backhoe">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="4" cy="17" r="2" /><circle cx="13" cy="17" r="2" /><line x1="13" y1="19" x2="4" y2="19" /><line x1="4" y1="15" x2="13" y2="15" /><path d="M8 12V7h2a3 3 0 0 1 3 3v5" /><path d="M5 15v-2a1 1 0 0 1 1 -1h7" /><path d="M21.12 9.88l-3.12 -4.88l-5 5" /><path d="M21.12 9.88a3 3 0 0 1 -2.12 5.12a3 3 0 0 1 -2.12 -.88l4.24 -4.24z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="4" cy="17" r="2" /><circle cx="13" cy="17" r="2" /><line x1="13" y1="19" x2="4" y2="19" /><line x1="4" y1="15" x2="13" y2="15" /><path d="M8 12V7h2a3 3 0 0 1 3 3v5" /><path d="M5 15v-2a1 1 0 0 1 1 -1h7" /><path d="M21.12 9.88l-3.12 -4.88l-5 5" /><path d="M21.12 9.88a3 3 0 0 1 -2.12 5.12a3 3 0 0 1 -2.12 -.88l4.24 -4.24z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="backspace" data-toggle="tooltip" title="backspace">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 6a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-11l-5 -5a1.5 1.5 0 0 1 0 -2l5 -5Z" /><path d="M12 10l4 4m0 -4l-4 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 6a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-11l-5 -5a1.5 1.5 0 0 1 0 -2l5 -5Z" /><path d="M12 10l4 4m0 -4l-4 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="ball-basketball" data-toggle="tooltip" title="ball-basketball">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="5.65" y1="5.65" x2="18.35" y2="18.35" /><line x1="5.65" y1="18.35" x2="18.35" y2="5.65" /><path d="M12 3a9 9 0 0 0 9 9" /><path d="M3 12a9 9 0 0 1 9 9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="5.65" y1="5.65" x2="18.35" y2="18.35" /><line x1="5.65" y1="18.35" x2="18.35" y2="5.65" /><path d="M12 3a9 9 0 0 0 9 9" /><path d="M3 12a9 9 0 0 1 9 9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="ball-bowling" data-toggle="tooltip" title="ball-bowling">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="11" y1="9" x2="11" y2="9.01" /><line x1="15" y1="8" x2="15" y2="8.01" /><line x1="14" y1="12" x2="14" y2="12.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="11" y1="9" x2="11" y2="9.01" /><line x1="15" y1="8" x2="15" y2="8.01" /><line x1="14" y1="12" x2="14" y2="12.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="ball-tennis" data-toggle="tooltip" title="ball-tennis">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M6 5.3a9 9 0 0 1 0 13.4" /><path d="M18 5.3a9 9 0 0 0 0 13.4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M6 5.3a9 9 0 0 1 0 13.4" /><path d="M18 5.3a9 9 0 0 0 0 13.4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="ball-volleyball" data-toggle="tooltip" title="ball-volleyball">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M12 12a8 8 0 0 0 8 4m-12.5 -2.5a12 12 0 0 0 8.5 6.5" /><path d="M12 12a8 8 0 0 0 8 4m-12.5 -2.5a12 12 0 0 0 8.5 6.5" transform="rotate(120 12 12)" /><path d="M12 12a8 8 0 0 0 8 4m-12.5 -2.5a12 12 0 0 0 8.5 6.5" transform="rotate(240 12 12)" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M12 12a8 8 0 0 0 8 4m-12.5 -2.5a12 12 0 0 0 8.5 6.5" /><path d="M12 12a8 8 0 0 0 8 4m-12.5 -2.5a12 12 0 0 0 8.5 6.5" transform="rotate(120 12 12)" /><path d="M12 12a8 8 0 0 0 8 4m-12.5 -2.5a12 12 0 0 0 8.5 6.5" transform="rotate(240 12 12)" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="ban" data-toggle="tooltip" title="ban">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="5.7" y1="5.7" x2="18.3" y2="18.3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="5.7" y1="5.7" x2="18.3" y2="18.3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bandage" data-toggle="tooltip" title="bandage">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="14" y1="12" x2="14" y2="12.01" /><line x1="10" y1="12" x2="10" y2="12.01" /><line x1="12" y1="10" x2="12" y2="10.01" /><line x1="12" y1="14" x2="12" y2="14.01" /><path d="M4.5 12.5l8 -8a4.94 4.94 0 0 1 7 7l-8 8a4.94 4.94 0 0 1 -7 -7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="14" y1="12" x2="14" y2="12.01" /><line x1="10" y1="12" x2="10" y2="12.01" /><line x1="12" y1="10" x2="12" y2="10.01" /><line x1="12" y1="14" x2="12" y2="14.01" /><path d="M4.5 12.5l8 -8a4.94 4.94 0 0 1 7 7l-8 8a4.94 4.94 0 0 1 -7 -7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="barcode" data-toggle="tooltip" title="barcode">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7v-1a2 2 0 0 1 2 -2h2" /><path d="M4 17v1a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v1" /><path d="M16 20h2a2 2 0 0 0 2 -2v-1" /><rect x="5" y="11" width="1" height="2" /><line x1="10" y1="11" x2="10" y2="13" /><rect x="14" y="11" width="1" height="2" /><line x1="19" y1="11" x2="19" y2="13" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7v-1a2 2 0 0 1 2 -2h2" /><path d="M4 17v1a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v1" /><path d="M16 20h2a2 2 0 0 0 2 -2v-1" /><rect x="5" y="11" width="1" height="2" /><line x1="10" y1="11" x2="10" y2="13" /><rect x="14" y="11" width="1" height="2" /><line x1="19" y1="11" x2="19" y2="13" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="basket" data-toggle="tooltip" title="basket">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 10 12 4 17 10" /><path d="M21 10l-2 8a2 2.5 0 0 1 -2 2h-10a2 2.5 0 0 1 -2 -2l-2 -8Z" /><circle cx="12" cy="15" r="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 10 12 4 17 10" /><path d="M21 10l-2 8a2 2.5 0 0 1 -2 2h-10a2 2.5 0 0 1 -2 -2l-2 -8Z" /><circle cx="12" cy="15" r="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="battery-1" data-toggle="tooltip" title="battery-1">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h11a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /><line x1="7" y1="10" x2="7" y2="14" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h11a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /><line x1="7" y1="10" x2="7" y2="14" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="battery-2" data-toggle="tooltip" title="battery-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h11a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /><line x1="7" y1="10" x2="7" y2="14" /><line x1="10" y1="10" x2="10" y2="14" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h11a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /><line x1="7" y1="10" x2="7" y2="14" /><line x1="10" y1="10" x2="10" y2="14" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="battery-3" data-toggle="tooltip" title="battery-3">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h11a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /><line x1="7" y1="10" x2="7" y2="14" /><line x1="10" y1="10" x2="10" y2="14" /><line x1="13" y1="10" x2="13" y2="14" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h11a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /><line x1="7" y1="10" x2="7" y2="14" /><line x1="10" y1="10" x2="10" y2="14" /><line x1="13" y1="10" x2="13" y2="14" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="battery-4" data-toggle="tooltip" title="battery-4">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h11a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /><line x1="7" y1="10" x2="7" y2="14" /><line x1="10" y1="10" x2="10" y2="14" /><line x1="13" y1="10" x2="13" y2="14" /><line x1="16" y1="10" x2="16" y2="14" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h11a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /><line x1="7" y1="10" x2="7" y2="14" /><line x1="10" y1="10" x2="10" y2="14" /><line x1="13" y1="10" x2="13" y2="14" /><line x1="16" y1="10" x2="16" y2="14" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="battery-charging" data-toggle="tooltip" title="battery-charging">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 7h1a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-2" /><path d="M8 7h-2a2 2 0 0 0 -2 2v6a2 2 0 0 0 2 2h1" /><path d="M12 8l-2 4h3l-2 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 7h1a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-2" /><path d="M8 7h-2a2 2 0 0 0 -2 2v6a2 2 0 0 0 2 2h1" /><path d="M12 8l-2 4h3l-2 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="battery-off" data-toggle="tooltip" title="battery-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M11 7h6a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5m-2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2h1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M11 7h6a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5m-2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2h1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="battery" data-toggle="tooltip" title="battery">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h11a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h11a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bed" data-toggle="tooltip" title="bed">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7v11m0 -4h18m0 4v-8a2 2 0 0 0 -2 -2h-8v6" /><circle cx="7" cy="10" r="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7v11m0 -4h18m0 4v-8a2 2 0 0 0 -2 -2h-8v6" /><circle cx="7" cy="10" r="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bell-off" data-toggle="tooltip" title="bell-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M17 17h-13a4 4 0 0 0 2 -3v-3a7 7 0 0 1 1.279 -3.716m2.072 -1.934c.209 -.127 .425 -.244 .649 -.35a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M17 17h-13a4 4 0 0 0 2 -3v-3a7 7 0 0 1 1.279 -3.716m2.072 -1.934c.209 -.127 .425 -.244 .649 -.35a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bell-ringing" data-toggle="tooltip" title="bell-ringing">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /><path d="M21 6.727a11.05 11.05 0 0 0 -2.794 -3.727" /><path d="M3 6.727a11.05 11.05 0 0 1 2.792 -3.727" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /><path d="M21 6.727a11.05 11.05 0 0 0 -2.794 -3.727" /><path d="M3 6.727a11.05 11.05 0 0 1 2.792 -3.727" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bell" data-toggle="tooltip" title="bell">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bike" data-toggle="tooltip" title="bike">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="18" r="3" /><circle cx="19" cy="18" r="3" /><polyline points="12 19 12 15 9 12 14 8 16 11 19 11" /><circle cx="17" cy="5" r="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="18" r="3" /><circle cx="19" cy="18" r="3" /><polyline points="12 19 12 15 9 12 14 8 16 11 19 11" /><circle cx="17" cy="5" r="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="biohazard" data-toggle="tooltip" title="biohazard">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M11.939 14c0 .173 .048 .351 .056 .533l0 .217a4.75 4.75 0 0 1 -4.533 4.745l-0.217 0m-4.75 -4.75a4.75 4.75 0 0 1 7.737 -3.693m6.513 8.443a4.75 4.75 0 0 1 -4.69 -5.503l-.06 0m1.764 -2.944a4.75 4.75 0 0 1 7.731 3.477l0 .217m-11.195 -3.813a4.75 4.75 0 0 1 -1.828 -7.624l0.164 -.172m6.718 0a4.75 4.75 0 0 1 -1.665 7.798" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M11.939 14c0 .173 .048 .351 .056 .533l0 .217a4.75 4.75 0 0 1 -4.533 4.745l-0.217 0m-4.75 -4.75a4.75 4.75 0 0 1 7.737 -3.693m6.513 8.443a4.75 4.75 0 0 1 -4.69 -5.503l-.06 0m1.764 -2.944a4.75 4.75 0 0 1 7.731 3.477l0 .217m-11.195 -3.813a4.75 4.75 0 0 1 -1.828 -7.624l0.164 -.172m6.718 0a4.75 4.75 0 0 1 -1.665 7.798" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bluetooth-connected" data-toggle="tooltip" title="bluetooth-connected">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 8 17 16 12 20 12 4 17 8 7 16" /><line x1="4" y1="12" x2="5" y2="12" /><line x1="18" y1="12" x2="19" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 8 17 16 12 20 12 4 17 8 7 16" /><line x1="4" y1="12" x2="5" y2="12" /><line x1="18" y1="12" x2="19" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bluetooth-off" data-toggle="tooltip" title="bluetooth-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M16.438 16.45l-4.438 3.55v-8m0 -4v-4l5 4l-2.776 2.22m-2.222 1.779l-5 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M16.438 16.45l-4.438 3.55v-8m0 -4v-4l5 4l-2.776 2.22m-2.222 1.779l-5 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bluetooth" data-toggle="tooltip" title="bluetooth">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 8 17 16 12 20 12 4 17 8 7 16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 8 17 16 12 20 12 4 17 8 7 16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bold" data-toggle="tooltip" title="bold">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 5h6a3.5 3.5 0 0 1 0 7h-6z" /><path d="M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 5h6a3.5 3.5 0 0 1 0 7h-6z" /><path d="M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bolt-off" data-toggle="tooltip" title="bolt-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M15.212 15.21l-4.212 5.79v-7h-6l3.79 -5.21m1.685 -2.32l2.525 -3.47v6m1 1h5l-2.104 2.893" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M15.212 15.21l-4.212 5.79v-7h-6l3.79 -5.21m1.685 -2.32l2.525 -3.47v6m1 1h5l-2.104 2.893" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bolt" data-toggle="tooltip" title="bolt">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="13 3 13 10 19 10 11 21 11 14 5 14 13 3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="13 3 13 10 19 10 11 21 11 14 5 14 13 3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="book" data-toggle="tooltip" title="book">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0" /><path d="M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0" /><line x1="3" y1="6" x2="3" y2="19" /><line x1="12" y1="6" x2="12" y2="19" /><line x1="21" y1="6" x2="21" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0" /><path d="M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0" /><line x1="3" y1="6" x2="3" y2="19" /><line x1="12" y1="6" x2="12" y2="19" /><line x1="21" y1="6" x2="21" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bookmark-off" data-toggle="tooltip" title="bookmark-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M17 17v3l-5 -3l-5 3v-13m1.178 -2.818c.252 -.113 .53 -.176 .822 -.176h6a2 2 0 0 1 2 2v7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M17 17v3l-5 -3l-5 3v-13m1.178 -2.818c.252 -.113 .53 -.176 .822 -.176h6a2 2 0 0 1 2 2v7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bookmark" data-toggle="tooltip" title="bookmark">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 4h6a2 2 0 0 1 2 2v14l-5-3l-5 3v-14a2 2 0 0 1 2 -2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 4h6a2 2 0 0 1 2 2v14l-5-3l-5 3v-14a2 2 0 0 1 2 -2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bookmarks" data-toggle="tooltip" title="bookmarks">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 7a2 2 0 0 1 2 2v12l-5 -3l-5 3v-12a2 2 0 0 1 2 -2h6z" /><path d="M9.265 4a2 2 0 0 1 1.735 -1h6a2 2 0 0 1 2 2v12l-1 -.6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 7a2 2 0 0 1 2 2v12l-5 -3l-5 3v-12a2 2 0 0 1 2 -2h6z" /><path d="M9.265 4a2 2 0 0 1 1.735 -1h6a2 2 0 0 1 2 2v12l-1 -.6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="border-all" data-toggle="tooltip" title="border-all">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="12" y1="4" x2="12" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="12" y1="4" x2="12" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="border-bottom" data-toggle="tooltip" title="border-bottom">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="20" x2="4" y2="20" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="20" x2="4" y2="20" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="border-horizontal" data-toggle="tooltip" title="border-horizontal">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="12" x2="20" y2="12" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="12" x2="20" y2="12" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="border-inner" data-toggle="tooltip" title="border-inner">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="12" x2="20" y2="12" /><line x1="12" y1="4" x2="12" y2="20" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="12" x2="20" y2="12" /><line x1="12" y1="4" x2="12" y2="20" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="border-left" data-toggle="tooltip" title="border-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="4" y2="4" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="4" y2="4" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="border-none" data-toggle="tooltip" title="border-none">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="border-outer" data-toggle="tooltip" title="border-outer">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="12" y1="16" x2="12" y2="16.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="12" y1="16" x2="12" y2="16.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="border-radius" data-toggle="tooltip" title="border-radius">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 12v-4a4 4 0 0 1 4 -4h4" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 12v-4a4 4 0 0 1 4 -4h4" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="border-right" data-toggle="tooltip" title="border-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="4" x2="20" y2="20" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="4" x2="20" y2="20" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="border-top" data-toggle="tooltip" title="border-top">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="20" y2="4" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="20" y2="4" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="border-vertical" data-toggle="tooltip" title="border-vertical">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="4" x2="12" y2="20" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="4" x2="12" y2="20" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="box" data-toggle="tooltip" title="box">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="braces" data-toggle="tooltip" title="braces">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4a2 2 0 0 0 -2 2v3a2 3 0 0 1 -2 3a2 3 0 0 1 2 3v3a2 2 0 0 0 2 2" /><path d="M17 4a2 2 0 0 1 2 2v3a2 3 0 0 0 2 3a2 3 0 0 0 -2 3v3a2 2 0 0 1 -2 2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4a2 2 0 0 0 -2 2v3a2 3 0 0 1 -2 3a2 3 0 0 1 2 3v3a2 2 0 0 0 2 2" /><path d="M17 4a2 2 0 0 1 2 2v3a2 3 0 0 0 2 3a2 3 0 0 0 -2 3v3a2 2 0 0 1 -2 2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brackets" data-toggle="tooltip" title="brackets">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 4h-3v16h3" /><path d="M16 4h3v16h-3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 4h-3v16h3" /><path d="M16 4h3v16h-3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-airbnb" data-toggle="tooltip" title="brand-airbnb">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 10c-2 0 -3 1 -3 3c0 1.5 1.494 3.535 3 5.5c1 1 1.5 1.5 2.5 2s2.5 1 4.5 -.5s1.5 -3.5 .5 -6s-2.333 -5.5 -5 -9.5c-.834 -1 -1.5 -1.5 -2.503 -1.5c-1 0 -1.623 .45 -2.497 1.5c-2.667 4 -4 7 -5 9.5s-1.5 4.5 .5 6s3.5 1 4.5 .5s1.5 -1 2.5 -2c1.506 -1.965 3 -4 3 -5.5c0 -2 -1 -3 -3 -3z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 10c-2 0 -3 1 -3 3c0 1.5 1.494 3.535 3 5.5c1 1 1.5 1.5 2.5 2s2.5 1 4.5 -.5s1.5 -3.5 .5 -6s-2.333 -5.5 -5 -9.5c-.834 -1 -1.5 -1.5 -2.503 -1.5c-1 0 -1.623 .45 -2.497 1.5c-2.667 4 -4 7 -5 9.5s-1.5 4.5 .5 6s3.5 1 4.5 .5s1.5 -1 2.5 -2c1.506 -1.965 3 -4 3 -5.5c0 -2 -1 -3 -3 -3z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-android" data-toggle="tooltip" title="brand-android">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="10" x2="4" y2="16" /><line x1="20" y1="10" x2="20" y2="16" /><path d="M7 9h10v8a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1 -1v-8a5 5 0 0 1 10 0" /><line x1="8" y1="3" x2="9" y2="5" /><line x1="16" y1="3" x2="15" y2="5" /><line x1="9" y1="18" x2="9" y2="21" /><line x1="15" y1="18" x2="15" y2="21" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="10" x2="4" y2="16" /><line x1="20" y1="10" x2="20" y2="16" /><path d="M7 9h10v8a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1 -1v-8a5 5 0 0 1 10 0" /><line x1="8" y1="3" x2="9" y2="5" /><line x1="16" y1="3" x2="15" y2="5" /><line x1="9" y1="18" x2="9" y2="21" /><line x1="15" y1="18" x2="15" y2="21" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-apple-arcade" data-toggle="tooltip" title="brand-apple-arcade">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="2" /><path d="M20 12.5v4.75a0.734 .734 0 0 1 -.055 .325a0.704 .704 0 0 1 -.348 .366l-5.462 2.58a4.998 4.998 0 0 1 -4.27 0l-5.462 -2.58a0.705 .705 0 0 1 -.401 -.691l-.002 -4.75" /><path d="M4.431 12.216l5.634 -2.332a5.065 5.065 0 0 1 3.87 0l5.634 2.332a0.692 .692 0 0 1 .028 1.269l-5.462 2.543a5.064 5.064 0 0 1 -4.27 0l-5.462 -2.543a0.691 .691 0 0 1 .028 -1.27z" /><line x1="12" y1="7" x2="12" y2="13" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="2" /><path d="M20 12.5v4.75a0.734 .734 0 0 1 -.055 .325a0.704 .704 0 0 1 -.348 .366l-5.462 2.58a4.998 4.998 0 0 1 -4.27 0l-5.462 -2.58a0.705 .705 0 0 1 -.401 -.691l-.002 -4.75" /><path d="M4.431 12.216l5.634 -2.332a5.065 5.065 0 0 1 3.87 0l5.634 2.332a0.692 .692 0 0 1 .028 1.269l-5.462 2.543a5.064 5.064 0 0 1 -4.27 0l-5.462 -2.543a0.691 .691 0 0 1 .028 -1.27z" /><line x1="12" y1="7" x2="12" y2="13" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-apple" data-toggle="tooltip" title="brand-apple">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7c-3 0-4 3-4 5.5 0 3 2 7.5 4 7.5 1.088-.046 1.679-.5 3-.5 1.312 0 1.5.5 3 .5s4-3 4-5c-.028-.01-2.472-.403-2.5-3-.019-2.17 2.416-2.954 2.5-3-1.023-1.492-2.951-1.963-3.5-2-1.433-.111-2.83 1-3.5 1-.68 0-1.9-1-3-1z" /><path d="M12 4a2 2 0 0 0 2 -2a2 2 0 0 0 -2 2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7c-3 0-4 3-4 5.5 0 3 2 7.5 4 7.5 1.088-.046 1.679-.5 3-.5 1.312 0 1.5.5 3 .5s4-3 4-5c-.028-.01-2.472-.403-2.5-3-.019-2.17 2.416-2.954 2.5-3-1.023-1.492-2.951-1.963-3.5-2-1.433-.111-2.83 1-3.5 1-.68 0-1.9-1-3-1z" /><path d="M12 4a2 2 0 0 0 2 -2a2 2 0 0 0 -2 2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-appstore" data-toggle="tooltip" title="brand-appstore">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M8 16l1.106 -1.99m1.4 -2.522l2.494 -4.488" /><path d="M7 14h5m2.9 0h2.1" /><path d="M16 16l-2.51 -4.518m-1.487 -2.677l-1.003 -1.805" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M8 16l1.106 -1.99m1.4 -2.522l2.494 -4.488" /><path d="M7 14h5m2.9 0h2.1" /><path d="M16 16l-2.51 -4.518m-1.487 -2.677l-1.003 -1.805" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-behance" data-toggle="tooltip" title="brand-behance">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 18v-12h4.5a3 3 0 0 1 0 6a3 3 0 0 1 0 6h-4.5" /><line x1="3" y1="12" x2="7.5" y2="12" /><path d="M14 13h7a3.5 3.5 0 0 0 -7 0v2a3.5 3.5 0 0 0 6.64 1" /><line x1="16" y1="6" x2="19" y2="6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 18v-12h4.5a3 3 0 0 1 0 6a3 3 0 0 1 0 6h-4.5" /><line x1="3" y1="12" x2="7.5" y2="12" /><path d="M14 13h7a3.5 3.5 0 0 0 -7 0v2a3.5 3.5 0 0 0 6.64 1" /><line x1="16" y1="6" x2="19" y2="6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-chrome" data-toggle="tooltip" title="brand-chrome">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><circle cx="12" cy="12" r="3" /><line x1="12" y1="9" x2="20.4" y2="9" /><line x1="12" y1="9" x2="20.4" y2="9" transform="rotate(120 12 12)" /><line x1="12" y1="9" x2="20.4" y2="9" transform="rotate(240 12 12)" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><circle cx="12" cy="12" r="3" /><line x1="12" y1="9" x2="20.4" y2="9" /><line x1="12" y1="9" x2="20.4" y2="9" transform="rotate(120 12 12)" /><line x1="12" y1="9" x2="20.4" y2="9" transform="rotate(240 12 12)" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-codepen" data-toggle="tooltip" title="brand-codepen">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 15l9 6l9 -6l-9 -6l-9 6" /><path d="M3 9l9 6l9 -6l-9 -6l-9 6" /><line x1="3" y1="9" x2="3" y2="15" /><line x1="21" y1="9" x2="21" y2="15" /><line x1="12" y1="3" x2="12" y2="9" /><line x1="12" y1="15" x2="12" y2="21" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 15l9 6l9 -6l-9 -6l-9 6" /><path d="M3 9l9 6l9 -6l-9 -6l-9 6" /><line x1="3" y1="9" x2="3" y2="15" /><line x1="21" y1="9" x2="21" y2="15" /><line x1="12" y1="3" x2="12" y2="9" /><line x1="12" y1="15" x2="12" y2="21" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-codesandbox" data-toggle="tooltip" title="brand-codesandbox">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 7.5v9l-4 2.25l-4 2.25l-4 -2.25l-4 -2.25v-9l4 -2.25l4 -2.25l4 2.25z" /><path d="M12 12l4 -2.25l4 -2.25" /><line x1="12" y1="12" x2="12" y2="21" /><path d="M12 12l-4 -2.25l-4 -2.25" /><path d="M20 12l-4 2v4.75" /><path d="M4 12l4 2l0 4.75" /><path d="M8 5.25l4 2.25l4 -2.25" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 7.5v9l-4 2.25l-4 2.25l-4 -2.25l-4 -2.25v-9l4 -2.25l4 -2.25l4 2.25z" /><path d="M12 12l4 -2.25l4 -2.25" /><line x1="12" y1="12" x2="12" y2="21" /><path d="M12 12l-4 -2.25l-4 -2.25" /><path d="M20 12l-4 2v4.75" /><path d="M4 12l4 2l0 4.75" /><path d="M8 5.25l4 2.25l4 -2.25" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-css3" data-toggle="tooltip" title="brand-css3">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 4l-2 14.5l-6 2l-6 -2l-2 -14.5z" /><path d="M8.5 8h7l-4.5 4h4l-.5 3.5l-2.5 .75l-2.5 -.75l-.1 -.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 4l-2 14.5l-6 2l-6 -2l-2 -14.5z" /><path d="M8.5 8h7l-4.5 4h4l-.5 3.5l-2.5 .75l-2.5 -.75l-.1 -.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-deviantart" data-toggle="tooltip" title="brand-deviantart">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 3v4l-3.857 6h3.857v4h-6.429l-2.571 4h-3v-4l3.857 -6h-3.857v-4h6.429l2.571 -4z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 3v4l-3.857 6h3.857v4h-6.429l-2.571 4h-3v-4l3.857 -6h-3.857v-4h6.429l2.571 -4z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-discord" data-toggle="tooltip" title="brand-discord">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="12" r="1" /><circle cx="15" cy="12" r="1" /><path d="M7.5 7.5c3.5-1 5.5-1 9 0" /><path d="M7 16.5c3.5 1 6.5 1 10 0" /><path d="M15.5 17c0 1 1.5 3 2 3c1.5 0 2.833 -1.667 3.5 -3c.667 -1.667 .5 -5.833 -1.5 -11.5c-1.457 -1.015 -3 -1.34 -4.5 -1.5l-1 2.5" /><path d="M8.5 17c0 1 -1.356 3 -1.832 3c-1.429 0 -2.698 -1.667 -3.333 -3c-.635 -1.667 -.476 -5.833 1.428 -11.5c1.388 -1.015 2.782 -1.34 4.237 -1.5l1 2.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="12" r="1" /><circle cx="15" cy="12" r="1" /><path d="M7.5 7.5c3.5-1 5.5-1 9 0" /><path d="M7 16.5c3.5 1 6.5 1 10 0" /><path d="M15.5 17c0 1 1.5 3 2 3c1.5 0 2.833 -1.667 3.5 -3c.667 -1.667 .5 -5.833 -1.5 -11.5c-1.457 -1.015 -3 -1.34 -4.5 -1.5l-1 2.5" /><path d="M8.5 17c0 1 -1.356 3 -1.832 3c-1.429 0 -2.698 -1.667 -3.333 -3c-.635 -1.667 -.476 -5.833 1.428 -11.5c1.388 -1.015 2.782 -1.34 4.237 -1.5l1 2.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-dribbble" data-toggle="tooltip" title="brand-dribbble">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9 3.6c5 6 7 10.5 7.5 16.2" /><path d="M6.4 19c3.5 -3.5 6 -6.5 14.5 -6.4" /><path d="M3.1 10.75c5 0 9.814 -.38 15.314 -5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9 3.6c5 6 7 10.5 7.5 16.2" /><path d="M6.4 19c3.5 -3.5 6 -6.5 14.5 -6.4" /><path d="M3.1 10.75c5 0 9.814 -.38 15.314 -5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-edge" data-toggle="tooltip" title="brand-edge">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20.978 11.372a9 9 0 1 0 -1.593 5.773" /><path d="M20.978 11.372c.21 2.993-5.034 2.413-6.913 1.486 1.392-1.6.402-4.038-2.274-3.851-1.745.122-2.927 1.157-2.784 3.202.28 3.99 4.444 6.205 10.36 4.79" /><path d="M3.022 12.628c-.283 -4.043 8.717 -7.228 11.248 -2.688" /><path d="M12.628 20.978c-2.993.21-5.162-4.725-3.567-9.748" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20.978 11.372a9 9 0 1 0 -1.593 5.773" /><path d="M20.978 11.372c.21 2.993-5.034 2.413-6.913 1.486 1.392-1.6.402-4.038-2.274-3.851-1.745.122-2.927 1.157-2.784 3.202.28 3.99 4.444 6.205 10.36 4.79" /><path d="M3.022 12.628c-.283 -4.043 8.717 -7.228 11.248 -2.688" /><path d="M12.628 20.978c-2.993.21-5.162-4.725-3.567-9.748" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-facebook" data-toggle="tooltip" title="brand-facebook">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-figma" data-toggle="tooltip" title="brand-figma">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="15" cy="12" r="3" /><rect x="6" y="3" width="12" height="6" rx="3" /><path d="M9 9a3 3 0 0 0 0 6h3m-3 0a3 3 0 1 0 3 3v-15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="15" cy="12" r="3" /><rect x="6" y="3" width="12" height="6" rx="3" /><path d="M9 9a3 3 0 0 0 0 6h3m-3 0a3 3 0 1 0 3 3v-15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-firefox" data-toggle="tooltip" title="brand-firefox">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.028 7.82a9 9 0 1 0 12.823 -3.4c-1.636 -1.02 -3.064 -1.02 -4.851 -1.02h-1.647" /><path d="M4.914 9.485c-1.756 -1.569 -.805 -5.38 .109 -6.17c.086 .896 .585 1.208 1.111 1.685c.88 -.275 1.313 -.282 1.867 0c.82 -.91 1.694 -2.354 2.628 -2.093c-1.082 1.741 -.07 3.733 1.371 4.173c-.17 .975 -1.484 1.913 -2.76 2.686c-1.296 .938 -.722 1.85 0 2.234c.949 .506 3.611 -.995 4.545 .354c-1.698 .102 -1.536 3.107 -3.983 2.727c2.523 .957 4.345 .462 5.458 -.34c1.965 -1.52 2.879 -3.542 2.879 -5.557c-.014 -1.398 .194 -2.695 -1.26 -4.75" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.028 7.82a9 9 0 1 0 12.823 -3.4c-1.636 -1.02 -3.064 -1.02 -4.851 -1.02h-1.647" /><path d="M4.914 9.485c-1.756 -1.569 -.805 -5.38 .109 -6.17c.086 .896 .585 1.208 1.111 1.685c.88 -.275 1.313 -.282 1.867 0c.82 -.91 1.694 -2.354 2.628 -2.093c-1.082 1.741 -.07 3.733 1.371 4.173c-.17 .975 -1.484 1.913 -2.76 2.686c-1.296 .938 -.722 1.85 0 2.234c.949 .506 3.611 -.995 4.545 .354c-1.698 .102 -1.536 3.107 -3.983 2.727c2.523 .957 4.345 .462 5.458 -.34c1.965 -1.52 2.879 -3.542 2.879 -5.557c-.014 -1.398 .194 -2.695 -1.26 -4.75" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-flickr" data-toggle="tooltip" title="brand-flickr">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="12" r="3" /><circle cx="17" cy="12" r="3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="12" r="3" /><circle cx="17" cy="12" r="3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-foursquare" data-toggle="tooltip" title="brand-foursquare">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 3h10c.644 0 1.11 .696 .978 1.33l-1.984 9.859a1.014 1.014 0 0 1 -.994 .811h-2.254c-.308 0 -.6 .141 -.793 .382l-4.144 5.25c-.599 .752 -1.809 .331 -1.809 -.632v-16c0 -.564 .44 -1 1 -1z" /><line x1="12" y1="9" x2="17" y2="9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 3h10c.644 0 1.11 .696 .978 1.33l-1.984 9.859a1.014 1.014 0 0 1 -.994 .811h-2.254c-.308 0 -.6 .141 -.793 .382l-4.144 5.25c-.599 .752 -1.809 .331 -1.809 -.632v-16c0 -.564 .44 -1 1 -1z" /><line x1="12" y1="9" x2="17" y2="9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-framer" data-toggle="tooltip" title="brand-framer">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 15h12l-12 -12h12v6h-12v6l6 6v-6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 15h12l-12 -12h12v6h-12v6l6 6v-6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-github" data-toggle="tooltip" title="brand-github">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-gitlab" data-toggle="tooltip" title="brand-gitlab">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 14l-9 7l-9 -7l3 -11l3 7h6l3 -7z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 14l-9 7l-9 -7l3 -11l3 7h6l3 -7z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-google-drive" data-toggle="tooltip" title="brand-google-drive">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 10l-6 10l-3 -5l6 -10z" /><path d="M9 15h12l-3 5h-12" /><path d="M15 15l-6 -10h6l6 10z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 10l-6 10l-3 -5l6 -10z" /><path d="M9 15h12l-3 5h-12" /><path d="M15 15l-6 -10h6l6 10z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-google-play" data-toggle="tooltip" title="brand-google-play">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 3.71v16.58a0.7 .7 0 0 0 1.05 .606l14.622 -8.42a0.55 .55 0 0 0 0 -.953l-14.622 -8.419a0.7 .7 0 0 0 -1.05 .607z" /><line x1="15" y1="9" x2="4.5" y2="20.5" /><line x1="4.5" y1="3.5" x2="15" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 3.71v16.58a0.7 .7 0 0 0 1.05 .606l14.622 -8.42a0.55 .55 0 0 0 0 -.953l-14.622 -8.419a0.7 .7 0 0 0 -1.05 .607z" /><line x1="15" y1="9" x2="4.5" y2="20.5" /><line x1="4.5" y1="3.5" x2="15" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-google" data-toggle="tooltip" title="brand-google">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.788 5.108a9 9 0 1 0 3.212 6.892h-8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.788 5.108a9 9 0 1 0 3.212 6.892h-8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-html5" data-toggle="tooltip" title="brand-html5">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 4l-2 14.5l-6 2l-6 -2l-2 -14.5z" /><path d="M15.5 8h-7l.5 4h6l-.5 3.5l-2.5 .75l-2.5 -.75l-.1 -.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 4l-2 14.5l-6 2l-6 -2l-2 -14.5z" /><path d="M15.5 8h-7l.5 4h6l-.5 3.5l-2.5 .75l-2.5 -.75l-.1 -.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-instagram" data-toggle="tooltip" title="brand-instagram">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="4" /><circle cx="12" cy="12" r="3" /><line x1="16.5" y1="7.5" x2="16.5" y2="7.501" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="4" /><circle cx="12" cy="12" r="3" /><line x1="16.5" y1="7.5" x2="16.5" y2="7.501" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-kotlin" data-toggle="tooltip" title="brand-kotlin">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 20h-16v-16h16" /><line x1="4" y1="20" x2="20" y2="4" /><path d="M4 12l8-8" /><line x1="12" y1="12" x2="20" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 20h-16v-16h16" /><line x1="4" y1="20" x2="20" y2="4" /><path d="M4 12l8-8" /><line x1="12" y1="12" x2="20" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-linkedin" data-toggle="tooltip" title="brand-linkedin">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="8" y1="11" x2="8" y2="16" /><line x1="8" y1="8" x2="8" y2="8.01" /><line x1="12" y1="16" x2="12" y2="11" /><path d="M16 16v-3a2 2 0 0 0 -4 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="8" y1="11" x2="8" y2="16" /><line x1="8" y1="8" x2="8" y2="8.01" /><line x1="12" y1="16" x2="12" y2="11" /><path d="M16 16v-3a2 2 0 0 0 -4 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-medium" data-toggle="tooltip" title="brand-medium">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M8 9h1l3 3l3 -3h1" /><line x1="8" y1="15" x2="10" y2="15" /><line x1="14" y1="15" x2="16" y2="15" /><line x1="9" y1="9" x2="9" y2="15" /><line x1="15" y1="9" x2="15" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M8 9h1l3 3l3 -3h1" /><line x1="8" y1="15" x2="10" y2="15" /><line x1="14" y1="15" x2="16" y2="15" /><line x1="9" y1="9" x2="9" y2="15" /><line x1="15" y1="9" x2="15" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-messenger" data-toggle="tooltip" title="brand-messenger">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1" /><path d="M8 13l3 -2l2 2l3 -2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1" /><path d="M8 13l3 -2l2 2l3 -2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-opera" data-toggle="tooltip" title="brand-opera">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><ellipse cx="12" cy="12" rx="3" ry="5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><ellipse cx="12" cy="12" rx="3" ry="5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-paypal" data-toggle="tooltip" title="brand-paypal">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 13l2.5 -0c2.5 0 5 -2.5 5 -5c0 -3 -1.9 -5 -5 -5h-5.5c-.5 0 -1 .5 -1 1l-2 14c0 .5 .5 1 1 1h2.8l1.2 -5c.1 -.6 .4 -1 1 -1zm7.5 -5.8c1.7 1 2.5 2.8 2.5 4.8c0 2.5 -2.5 4.5 -5 4.5h-2.6l-.6 3.6a1 1 0 0 1 -1 .8l-2.7 -0a0.5 .5 0 0 1 -.5 -.6l.2 -1.4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 13l2.5 -0c2.5 0 5 -2.5 5 -5c0 -3 -1.9 -5 -5 -5h-5.5c-.5 0 -1 .5 -1 1l-2 14c0 .5 .5 1 1 1h2.8l1.2 -5c.1 -.6 .4 -1 1 -1zm7.5 -5.8c1.7 1 2.5 2.8 2.5 4.8c0 2.5 -2.5 4.5 -5 4.5h-2.6l-.6 3.6a1 1 0 0 1 -1 .8l-2.7 -0a0.5 .5 0 0 1 -.5 -.6l.2 -1.4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-pinterest" data-toggle="tooltip" title="brand-pinterest">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="20" x2="12" y2="11" /><path d="M10.7 14c.437 1.263 1.43 2 2.55 2c2.071 0 3.75 -1.554 3.75 -4a5 5 0 1 0 -9.7 1.7" /><circle cx="12" cy="12" r="9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="20" x2="12" y2="11" /><path d="M10.7 14c.437 1.263 1.43 2 2.55 2c2.071 0 3.75 -1.554 3.75 -4a5 5 0 1 0 -9.7 1.7" /><circle cx="12" cy="12" r="9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-pocket" data-toggle="tooltip" title="brand-pocket">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h14a2 2 0 0 1 2 2v6a9 9 0 0 1 -18 0v-6a2 2 0 0 1 2 -2" /><polyline points="8 11 12 15 16 11" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h14a2 2 0 0 1 2 2v6a9 9 0 0 1 -18 0v-6a2 2 0 0 1 2 -2" /><polyline points="8 11 12 15 16 11" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-python" data-toggle="tooltip" title="brand-python">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 9h-7a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h3" /><path d="M12 15h7a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-3" /><path d="M8 9v-4a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v5a2 2 0 0 1 -2 2h-4a2 2 0 0 0 -2 2v5a2 2 0 0 0 2 2h4a2 2 0 0 0 2 -2v-4" /><line x1="11" y1="6" x2="11" y2="6.01" /><line x1="13" y1="18" x2="13" y2="18.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 9h-7a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h3" /><path d="M12 15h7a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-3" /><path d="M8 9v-4a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v5a2 2 0 0 1 -2 2h-4a2 2 0 0 0 -2 2v5a2 2 0 0 0 2 2h4a2 2 0 0 0 2 -2v-4" /><line x1="11" y1="6" x2="11" y2="6.01" /><line x1="13" y1="18" x2="13" y2="18.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-reddit" data-toggle="tooltip" title="brand-reddit">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 8c2.648 0 5.028 .826 6.675 2.14a2.5 2.5 0 0 1 2.326 4.36c0 3.59 -4.03 6.5 -9 6.5c-4.875 0 -8.845 -2.8 -9 -6.294l-1 -.206a2.5 2.5 0 0 1 2.326 -4.36c1.646 -1.313 4.026 -2.14 6.674 -2.14z" /><path d="M12 8l1-5 6 1" /><circle cx="19" cy="4" r="1" /><circle cx="9" cy="13" r=".5" fill="currentColor" /><circle cx="15" cy="13" r=".5" fill="currentColor" /><path d="M10 17c.667 .333 1.333 .5 2 .5s1.333 -.167 2 -.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 8c2.648 0 5.028 .826 6.675 2.14a2.5 2.5 0 0 1 2.326 4.36c0 3.59 -4.03 6.5 -9 6.5c-4.875 0 -8.845 -2.8 -9 -6.294l-1 -.206a2.5 2.5 0 0 1 2.326 -4.36c1.646 -1.313 4.026 -2.14 6.674 -2.14z" /><path d="M12 8l1-5 6 1" /><circle cx="19" cy="4" r="1" /><circle cx="9" cy="13" r=".5" fill="currentColor" /><circle cx="15" cy="13" r=".5" fill="currentColor" /><path d="M10 17c.667 .333 1.333 .5 2 .5s1.333 -.167 2 -.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-safari" data-toggle="tooltip" title="brand-safari">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="8 16 10 10 16 8 14 14 8 16" /><circle cx="12" cy="12" r="9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="8 16 10 10 16 8 14 14 8 16" /><circle cx="12" cy="12" r="9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-sketch" data-toggle="tooltip" title="brand-sketch">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3.262 10.878l8 8.789c.4 .44 1.091 .44 1.491 0l8 -8.79c.313 -.344 .349 -.859 .087 -1.243l-3.537 -5.194a1 1 0 0 0 -.823 -.436h-8.926a1 1 0 0 0 -.823 .436l-3.54 5.192c-.263 .385 -.227 .901 .087 1.246z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3.262 10.878l8 8.789c.4 .44 1.091 .44 1.491 0l8 -8.79c.313 -.344 .349 -.859 .087 -1.243l-3.537 -5.194a1 1 0 0 0 -.823 -.436h-8.926a1 1 0 0 0 -.823 .436l-3.54 5.192c-.263 .385 -.227 .901 .087 1.246z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-skype" data-toggle="tooltip" title="brand-skype">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a9 9 0 0 1 8.603 11.65a4.5 4.5 0 0 1 -5.953 5.953a9 9 0 0 1 -11.253 -11.253a4.5 4.5 0 0 1 5.953 -5.954a8.987 8.987 0 0 1 2.65 -.396z" /><path d="M8 14.5c.5 2 2.358 2.5 4 2.5c2.905 0 4 -1.187 4 -2.5c0 -1.503 -1.927 -2.5 -4 -2.5s-4 -.997 -4 -2.5c0 -1.313 1.095 -2.5 4 -2.5c1.642 0 3.5 .5 4 2.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a9 9 0 0 1 8.603 11.65a4.5 4.5 0 0 1 -5.953 5.953a9 9 0 0 1 -11.253 -11.253a4.5 4.5 0 0 1 5.953 -5.954a8.987 8.987 0 0 1 2.65 -.396z" /><path d="M8 14.5c.5 2 2.358 2.5 4 2.5c2.905 0 4 -1.187 4 -2.5c0 -1.503 -1.927 -2.5 -4 -2.5s-4 -.997 -4 -2.5c0 -1.313 1.095 -2.5 4 -2.5c1.642 0 3.5 .5 4 2.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-slack" data-toggle="tooltip" title="brand-slack">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12v-6a2 2 0 0 1 4 0v6m0 -2a2 2 0 1 1 2 2h-6" /><path d="M12 12h6a2 2 0 0 1 0 4h-6m2 0a2 2 0 1 1 -2 2v-6" /><path d="M12 12v6a2 2 0 0 1 -4 0v-6m0 2a2 2 0 1 1 -2 -2h6" /><path d="M12 12h-6a2 2 0 0 1 0 -4h6m-2 0a2 2 0 1 1 2 -2v6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12v-6a2 2 0 0 1 4 0v6m0 -2a2 2 0 1 1 2 2h-6" /><path d="M12 12h6a2 2 0 0 1 0 4h-6m2 0a2 2 0 1 1 -2 2v-6" /><path d="M12 12v6a2 2 0 0 1 -4 0v-6m0 2a2 2 0 1 1 -2 -2h6" /><path d="M12 12h-6a2 2 0 0 1 0 -4h6m-2 0a2 2 0 1 1 2 -2v6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-snapchat" data-toggle="tooltip" title="brand-snapchat">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.882 7.842a4.882 4.882 0 0 0 -9.764 0c0 4.273 -.213 6.409 -4.118 8.118c2 .882 2 .882 3 3c3 0 4 2 6 2s3 -2 6 -2c1 -2.118 1 -2.118 3 -3c-3.906 -1.709 -4.118 -3.845 -4.118 -8.118zm-13.882 8.119c4 -2.118 4 -4.118 1 -7.118m17 7.118c-4 -2.118 -4 -4.118 -1 -7.118" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.882 7.842a4.882 4.882 0 0 0 -9.764 0c0 4.273 -.213 6.409 -4.118 8.118c2 .882 2 .882 3 3c3 0 4 2 6 2s3 -2 6 -2c1 -2.118 1 -2.118 3 -3c-3.906 -1.709 -4.118 -3.845 -4.118 -8.118zm-13.882 8.119c4 -2.118 4 -4.118 1 -7.118m17 7.118c-4 -2.118 -4 -4.118 -1 -7.118" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-soundcloud" data-toggle="tooltip" title="brand-soundcloud">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 11h1c1.38 0 3 1.274 3 3c0 1.657 -1.5 3 -3 3l-6 0v-10c3 0 4.5 1.5 5 4z" /><line x1="9" y1="8" x2="9" y2="17" /><line x1="6" y1="17" x2="6" y2="10" /><line x1="3" y1="16" x2="3" y2="14" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 11h1c1.38 0 3 1.274 3 3c0 1.657 -1.5 3 -3 3l-6 0v-10c3 0 4.5 1.5 5 4z" /><line x1="9" y1="8" x2="9" y2="17" /><line x1="6" y1="17" x2="6" y2="10" /><line x1="3" y1="16" x2="3" y2="14" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-spotify" data-toggle="tooltip" title="brand-spotify">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M8 11.973c2.5-1.473 5.5-.973 7.5.527" /><path d="M9 15c1.5-1 4-1 5 .5" /><path d="M7 9c2-1 6-2 10 .5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M8 11.973c2.5-1.473 5.5-.973 7.5.527" /><path d="M9 15c1.5-1 4-1 5 .5" /><path d="M7 9c2-1 6-2 10 .5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-steam" data-toggle="tooltip" title="brand-steam">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.5 5a4.5 4.5 0 1 1 -.653 8.953l-4.347 3.009l0 .038a3 3 0 0 1 -2.824 2.995l-.176 .005a3.001 3.001 0 0 1 -2.94 -2.402l-2.56 -1.098v-3.5l3.51 1.755a2.989 2.989 0 0 1 2.834 -.635l2.727 -3.818a4.5 4.5 0 0 1 4.429 -5.302z" /><circle fill="currentColor" cx="16.5" cy="9.5" r="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.5 5a4.5 4.5 0 1 1 -.653 8.953l-4.347 3.009l0 .038a3 3 0 0 1 -2.824 2.995l-.176 .005a3.001 3.001 0 0 1 -2.94 -2.402l-2.56 -1.098v-3.5l3.51 1.755a2.989 2.989 0 0 1 2.834 -.635l2.727 -3.818a4.5 4.5 0 0 1 4.429 -5.302z" /><circle fill="currentColor" cx="16.5" cy="9.5" r="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-tabler" data-toggle="tooltip" title="brand-tabler">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-tailwind" data-toggle="tooltip" title="brand-tailwind">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11.667 6c-2.49 0 -4.044 1.222 -4.667 3.667c0.933 -1.223 2.023 -1.68 3.267 -1.375c0.71 .174 1.217 .68 1.778 1.24c0.916 .912 2 1.968 4.288 1.968c2.49 0 4.044 -1.222 4.667 -3.667c-.933 1.223 -2.023 1.68 -3.267 1.375c-.71 -.174 -1.217 -.68 -1.778 -1.24c-.916 -.912 -1.975 -1.968 -4.288 -1.968zm-4 6.5c-2.49 0 -4.044 1.222 -4.667 3.667c.933 -1.223 2.023 -1.68 3.267 -1.375c.71 .174 1.217 .68 1.778 1.24c.916 .912 1.975 1.968 4.288 1.968c2.49 0 4.044 -1.222 4.667 -3.667c-.933 1.223 -2.023 1.68 -3.267 1.375c-.71 -.174 -1.217 -.68 -1.778 -1.24c-.916 -.912 -1.975 -1.968 -4.288 -1.968z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11.667 6c-2.49 0 -4.044 1.222 -4.667 3.667c0.933 -1.223 2.023 -1.68 3.267 -1.375c0.71 .174 1.217 .68 1.778 1.24c0.916 .912 2 1.968 4.288 1.968c2.49 0 4.044 -1.222 4.667 -3.667c-.933 1.223 -2.023 1.68 -3.267 1.375c-.71 -.174 -1.217 -.68 -1.778 -1.24c-.916 -.912 -1.975 -1.968 -4.288 -1.968zm-4 6.5c-2.49 0 -4.044 1.222 -4.667 3.667c.933 -1.223 2.023 -1.68 3.267 -1.375c.71 .174 1.217 .68 1.778 1.24c.916 .912 1.975 1.968 4.288 1.968c2.49 0 4.044 -1.222 4.667 -3.667c-.933 1.223 -2.023 1.68 -3.267 1.375c-.71 -.174 -1.217 -.68 -1.778 -1.24c-.916 -.912 -1.975 -1.968 -4.288 -1.968z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-telegram" data-toggle="tooltip" title="brand-telegram">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-tidal" data-toggle="tooltip" title="brand-tidal">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 7l-2.5 2.5l2.5 2.5l2.5 -2.5z" /><path d="M12 14l-2.5 2.5l2.5 2.5l2.5 -2.5z" /><path d="M19 7l-2.5 2.5l2.5 2.5l2.5 -2.5z" /><path d="M5 7l-2.5 2.5l2.5 2.5l2.5 -2.5z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 7l-2.5 2.5l2.5 2.5l2.5 -2.5z" /><path d="M12 14l-2.5 2.5l2.5 2.5l2.5 -2.5z" /><path d="M19 7l-2.5 2.5l2.5 2.5l2.5 -2.5z" /><path d="M5 7l-2.5 2.5l2.5 2.5l2.5 -2.5z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-tiktok" data-toggle="tooltip" title="brand-tiktok">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 12a4 4 0 1 0 4 4v-12a5 5 0 0 0 5 5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 12a4 4 0 1 0 4 4v-12a5 5 0 0 0 5 5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-tinder" data-toggle="tooltip" title="brand-tinder">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.918 8.174c2.56 4.982 .501 11.656 -5.38 12.626c-7.702 1.687 -12.84 -7.716 -7.054 -13.229c.309 -.305 1.161 -1.095 1.516 -1.349c0 .528 .27 3.475 1 3.167c3 0 4 -4.222 3.587 -7.389c2.7 1.411 4.987 3.376 6.331 6.174z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.918 8.174c2.56 4.982 .501 11.656 -5.38 12.626c-7.702 1.687 -12.84 -7.716 -7.054 -13.229c.309 -.305 1.161 -1.095 1.516 -1.349c0 .528 .27 3.475 1 3.167c3 0 4 -4.222 3.587 -7.389c2.7 1.411 4.987 3.376 6.331 6.174z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-tumblr" data-toggle="tooltip" title="brand-tumblr">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 21h4v-4h-4v-6h4v-4h-4v-4h-4v1a3 3 0 0 1 -3 3h-1v4h4v6a4 4 0 0 0 4 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 21h4v-4h-4v-6h4v-4h-4v-4h-4v1a3 3 0 0 1 -3 3h-1v4h4v6a4 4 0 0 0 4 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-twitch" data-toggle="tooltip" title="brand-twitch">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 5v11a1 1 0 0 0 1 1h2v4l4 -4h5.584c.266 0 .52 -.105 .707 -.293l2.415 -2.414c.187 -.188 .293 -.442 .293 -.708v-8.585a1 1 0 0 0 -1 -1h-14a1 1 0 0 0 -1 1z" /><line x1="16" y1="8" x2="16" y2="12" /><line x1="12" y1="8" x2="12" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 5v11a1 1 0 0 0 1 1h2v4l4 -4h5.584c.266 0 .52 -.105 .707 -.293l2.415 -2.414c.187 -.188 .293 -.442 .293 -.708v-8.585a1 1 0 0 0 -1 -1h-14a1 1 0 0 0 -1 1z" /><line x1="16" y1="8" x2="16" y2="12" /><line x1="12" y1="8" x2="12" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-twitter" data-toggle="tooltip" title="brand-twitter">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-vimeo" data-toggle="tooltip" title="brand-vimeo">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 8.5l1 1s1.5 -1.102 2 -.5c.509 .609 1.863 7.65 2.5 9c.556 1.184 1.978 2.89 4 1.5c2 -1.5 7.5 -5.5 8.5 -11.5c.444 -2.661 -1 -4 -2.5 -4c-2 0 -4.047 1.202 -4.5 4c2.05 -1.254 2.551 1.003 1.5 3c-1.052 2.005 -2 3 -2.5 3c-.49 0 -.924 -1.165 -1.5 -3.5c-.59 -2.42 -.5 -6.5 -3 -6.5s-5.5 4.5 -5.5 4.5z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 8.5l1 1s1.5 -1.102 2 -.5c.509 .609 1.863 7.65 2.5 9c.556 1.184 1.978 2.89 4 1.5c2 -1.5 7.5 -5.5 8.5 -11.5c.444 -2.661 -1 -4 -2.5 -4c-2 0 -4.047 1.202 -4.5 4c2.05 -1.254 2.551 1.003 1.5 3c-1.052 2.005 -2 3 -2.5 3c-.49 0 -.924 -1.165 -1.5 -3.5c-.59 -2.42 -.5 -6.5 -3 -6.5s-5.5 4.5 -5.5 4.5z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-vk" data-toggle="tooltip" title="brand-vk">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 6h2v12c-4.5 -1 -8 -6.5 -9 -12" /><path d="M20 6c-1 2 -3 5 -5 6h-3" /><path d="M20 18c-1 -2 -3 -5 -5 -6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 6h2v12c-4.5 -1 -8 -6.5 -9 -12" /><path d="M20 6c-1 2 -3 5 -5 6h-3" /><path d="M20 18c-1 -2 -3 -5 -5 -6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-whatsapp" data-toggle="tooltip" title="brand-whatsapp">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9" /><path d="M9 10a.5 .5 0 0 0 1 0v-1a.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a.5 .5 0 0 0 0 -1h-1a.5 .5 0 0 0 0 1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9" /><path d="M9 10a.5 .5 0 0 0 1 0v-1a.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a.5 .5 0 0 0 0 -1h-1a.5 .5 0 0 0 0 1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-windows" data-toggle="tooltip" title="brand-windows">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.8 20l-12 -1.5c-1 -.1 -1.8 -.9 -1.8 -1.9v-9.2c0 -1 .8 -1.8 1.8 -1.9l12 -1.5c1.2 -.1 2.2 .8 2.2 1.9v12.1c0 1.2 -1.1 2.1 -2.2 1.9z" /><line x1="12" y1="5" x2="12" y2="19" /><line x1="4" y1="12" x2="20" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.8 20l-12 -1.5c-1 -.1 -1.8 -.9 -1.8 -1.9v-9.2c0 -1 .8 -1.8 1.8 -1.9l12 -1.5c1.2 -.1 2.2 .8 2.2 1.9v12.1c0 1.2 -1.1 2.1 -2.2 1.9z" /><line x1="12" y1="5" x2="12" y2="19" /><line x1="4" y1="12" x2="20" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-yahoo" data-toggle="tooltip" title="brand-yahoo">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="6" x2="8" y2="6" /><line x1="7" y1="18" x2="14" y2="18" /><path d="M4.5 6l5.5 7v5" /><path d="M10 13l6-5" /><line x1="12.5" y1="8" x2="17.5" y2="8" /><line x1="20" y1="11" x2="20" y2="15" /><line x1="20" y1="18" x2="20" y2="18.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="6" x2="8" y2="6" /><line x1="7" y1="18" x2="14" y2="18" /><path d="M4.5 6l5.5 7v5" /><path d="M10 13l6-5" /><line x1="12.5" y1="8" x2="17.5" y2="8" /><line x1="20" y1="11" x2="20" y2="15" /><line x1="20" y1="18" x2="20" y2="18.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brand-youtube" data-toggle="tooltip" title="brand-youtube">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="4" /><path d="M10 9l5 3l-5 3z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="4" /><path d="M10 9l5 3l-5 3z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="briefcase" data-toggle="tooltip" title="briefcase">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="7" width="18" height="13" rx="2" /><path d="M8 7v-2a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v2" /><line x1="12" y1="12" x2="12" y2="12.01" /><path d="M3 13a20 20 0 0 0 18 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="7" width="18" height="13" rx="2" /><path d="M8 7v-2a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v2" /><line x1="12" y1="12" x2="12" y2="12.01" /><path d="M3 13a20 20 0 0 0 18 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brightness-down" data-toggle="tooltip" title="brightness-down">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><line x1="12" y1="5" x2="12" y2="5.01" /><line x1="17" y1="7" x2="17" y2="7.01" /><line x1="19" y1="12" x2="19" y2="12.01" /><line x1="17" y1="17" x2="17" y2="17.01" /><line x1="12" y1="19" x2="12" y2="19.01" /><line x1="7" y1="17" x2="7" y2="17.01" /><line x1="5" y1="12" x2="5" y2="12.01" /><line x1="7" y1="7" x2="7" y2="7.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><line x1="12" y1="5" x2="12" y2="5.01" /><line x1="17" y1="7" x2="17" y2="7.01" /><line x1="19" y1="12" x2="19" y2="12.01" /><line x1="17" y1="17" x2="17" y2="17.01" /><line x1="12" y1="19" x2="12" y2="19.01" /><line x1="7" y1="17" x2="7" y2="17.01" /><line x1="5" y1="12" x2="5" y2="12.01" /><line x1="7" y1="7" x2="7" y2="7.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brightness-up" data-toggle="tooltip" title="brightness-up">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><line x1="12" y1="5" x2="12" y2="3" /><line x1="17" y1="7" x2="18.4" y2="5.6" /><line x1="19" y1="12" x2="21" y2="12" /><line x1="17" y1="17" x2="18.4" y2="18.4" /><line x1="12" y1="19" x2="12" y2="21" /><line x1="7" y1="17" x2="5.6" y2="18.4" /><line x1="6" y1="12" x2="4" y2="12" /><line x1="7" y1="7" x2="5.6" y2="5.6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><line x1="12" y1="5" x2="12" y2="3" /><line x1="17" y1="7" x2="18.4" y2="5.6" /><line x1="19" y1="12" x2="21" y2="12" /><line x1="17" y1="17" x2="18.4" y2="18.4" /><line x1="12" y1="19" x2="12" y2="21" /><line x1="7" y1="17" x2="5.6" y2="18.4" /><line x1="6" y1="12" x2="4" y2="12" /><line x1="7" y1="7" x2="5.6" y2="5.6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brightness" data-toggle="tooltip" title="brightness">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="3" x2="12" y2="21" /><line x1="12" y1="9" x2="16.65" y2="4.35" /><line x1="12" y1="14.3" x2="19.37" y2="6.93" /><line x1="12" y1="19.6" x2="20.85" y2="10.75" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="3" x2="12" y2="21" /><line x1="12" y1="9" x2="16.65" y2="4.35" /><line x1="12" y1="14.3" x2="19.37" y2="6.93" /><line x1="12" y1="19.6" x2="20.85" y2="10.75" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="browser" data-toggle="tooltip" title="browser">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="1" /><line x1="4" y1="8" x2="20" y2="8" /><line x1="8" y1="4" x2="8" y2="8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="1" /><line x1="4" y1="8" x2="20" y2="8" /><line x1="8" y1="4" x2="8" y2="8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="brush" data-toggle="tooltip" title="brush">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21v-4a4 4 0 1 1 4 4h-4" /><path d="M21 3a16 16 0 0 0 -12.8 10.2" /><path d="M21 3a16 16 0 0 1 -10.2 12.8" /><path d="M10.6 9a9 9 0 0 1 4.4 4.4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21v-4a4 4 0 1 1 4 4h-4" /><path d="M21 3a16 16 0 0 0 -12.8 10.2" /><path d="M21 3a16 16 0 0 1 -10.2 12.8" /><path d="M10.6 9a9 9 0 0 1 4.4 4.4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bucket" data-toggle="tooltip" title="bucket">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 9l-2 9a2 2.5 0 0 1 -2 2h-6a2 2.5 0 0 1 -2 -2l-2 -9Z" /><path d="M7 9a5 5 0 0 1 10 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 9l-2 9a2 2.5 0 0 1 -2 2h-6a2 2.5 0 0 1 -2 -2l-2 -9Z" /><path d="M7 9a5 5 0 0 1 10 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bug" data-toggle="tooltip" title="bug">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 9v-1a3 3 0 0 1 6 0v1" /><path d="M8 9h8a6 6 0 0 1 1 3v3a5 5 0 0 1 -10 0v-3a6 6 0 0 1 1 -3" /><line x1="3" y1="13" x2="7" y2="13" /><line x1="17" y1="13" x2="21" y2="13" /><line x1="12" y1="20" x2="12" y2="14" /><line x1="4" y1="19" x2="7.35" y2="17" /><line x1="20" y1="19" x2="16.65" y2="17" /><line x1="4" y1="7" x2="7.75" y2="9.4" /><line x1="20" y1="7" x2="16.25" y2="9.4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 9v-1a3 3 0 0 1 6 0v1" /><path d="M8 9h8a6 6 0 0 1 1 3v3a5 5 0 0 1 -10 0v-3a6 6 0 0 1 1 -3" /><line x1="3" y1="13" x2="7" y2="13" /><line x1="17" y1="13" x2="21" y2="13" /><line x1="12" y1="20" x2="12" y2="14" /><line x1="4" y1="19" x2="7.35" y2="17" /><line x1="20" y1="19" x2="16.65" y2="17" /><line x1="4" y1="7" x2="7.75" y2="9.4" /><line x1="20" y1="7" x2="16.25" y2="9.4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="building-arch" data-toggle="tooltip" title="building-arch">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M4 21v-15a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v15" /><path d="M9 21v-8a3 3 0 0 1 6 0v8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M4 21v-15a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v15" /><path d="M9 21v-8a3 3 0 0 1 6 0v8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="building-bank" data-toggle="tooltip" title="building-bank">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><line x1="3" y1="10" x2="21" y2="10" /><polyline points="5 6 12 3 19 6" /><line x1="4" y1="10" x2="4" y2="21" /><line x1="20" y1="10" x2="20" y2="21" /><line x1="8" y1="14" x2="8" y2="17" /><line x1="12" y1="14" x2="12" y2="17" /><line x1="16" y1="14" x2="16" y2="17" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><line x1="3" y1="10" x2="21" y2="10" /><polyline points="5 6 12 3 19 6" /><line x1="4" y1="10" x2="4" y2="21" /><line x1="20" y1="10" x2="20" y2="21" /><line x1="8" y1="14" x2="8" y2="17" /><line x1="12" y1="14" x2="12" y2="17" /><line x1="16" y1="14" x2="16" y2="17" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="building-bridge-2" data-toggle="tooltip" title="building-bridge-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h12a2 2 0 0 1 2 2v9a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a4 4 0 0 0 -8 0v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-9a2 2 0 0 1 2 -2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h12a2 2 0 0 1 2 2v9a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a4 4 0 0 0 -8 0v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-9a2 2 0 0 1 2 -2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="building-bridge" data-toggle="tooltip" title="building-bridge">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="5" x2="6" y2="19" /><line x1="18" y1="5" x2="18" y2="19" /><line x1="2" y1="15" x2="22" y2="15" /><path d="M3 8a7.5 7.5 0 0 0 3 -2a6.5 6.5 0 0 0 12 0a7.5 7.5 0 0 0 3 2" /><line x1="12" y1="10" x2="12" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="5" x2="6" y2="19" /><line x1="18" y1="5" x2="18" y2="19" /><line x1="2" y1="15" x2="22" y2="15" /><path d="M3 8a7.5 7.5 0 0 0 3 -2a6.5 6.5 0 0 0 12 0a7.5 7.5 0 0 0 3 2" /><line x1="12" y1="10" x2="12" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="building-carousel" data-toggle="tooltip" title="building-carousel">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="6" /><circle cx="5" cy="8" r="2" /><circle cx="12" cy="4" r="2" /><circle cx="19" cy="8" r="2" /><circle cx="5" cy="16" r="2" /><circle cx="19" cy="16" r="2" /><path d="M8 22l4-10 4 10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="6" /><circle cx="5" cy="8" r="2" /><circle cx="12" cy="4" r="2" /><circle cx="19" cy="8" r="2" /><circle cx="5" cy="16" r="2" /><circle cx="19" cy="16" r="2" /><path d="M8 22l4-10 4 10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="building-castle" data-toggle="tooltip" title="building-castle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 19v-2a3 3 0 0 0 -6 0v2a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1v-14h4v3h3v-3h4v3h3v-3h4v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><line x1="3" y1="11" x2="21" y2="11" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 19v-2a3 3 0 0 0 -6 0v2a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1v-14h4v3h3v-3h4v3h3v-3h4v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><line x1="3" y1="11" x2="21" y2="11" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="building-church" data-toggle="tooltip" title="building-church">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M10 21v-4a2 2 0 0 1 4 0v4" /><line x1="10" y1="5" x2="14" y2="5" /><line x1="12" y1="3" x2="12" y2="8" /><path d="M6 21v-7m-2 2l8 -8l8 8m-2 -2v7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M10 21v-4a2 2 0 0 1 4 0v4" /><line x1="10" y1="5" x2="14" y2="5" /><line x1="12" y1="3" x2="12" y2="8" /><path d="M6 21v-7m-2 2l8 -8l8 8m-2 -2v7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="building-community" data-toggle="tooltip" title="building-community">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l5 5v7h-5v-4m0 4h-5v-7l5 -5m1 1v-6a1 1 0 0 1 1 -1h10a1 1 0 0 1 1 1v17h-8" /><line x1="13" y1="7" x2="13" y2="7.01" /><line x1="17" y1="7" x2="17" y2="7.01" /><line x1="17" y1="11" x2="17" y2="11.01" /><line x1="17" y1="15" x2="17" y2="15.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l5 5v7h-5v-4m0 4h-5v-7l5 -5m1 1v-6a1 1 0 0 1 1 -1h10a1 1 0 0 1 1 1v17h-8" /><line x1="13" y1="7" x2="13" y2="7.01" /><line x1="17" y1="7" x2="17" y2="7.01" /><line x1="17" y1="11" x2="17" y2="11.01" /><line x1="17" y1="15" x2="17" y2="15.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="building-fortress" data-toggle="tooltip" title="building-fortress">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 21h1a1 1 0 0 0 1 -1v-1h0a3 3 0 0 1 6 0m3 2h1a1 1 0 0 0 1 -1v-15l-3 -2l-3 2v6h-4v-6l-3 -2l-3 2v15a1 1 0 0 0 1 1h2m8 -2v1a1 1 0 0 0 1 1h2" /><path d="M7 7h0v.01" /><path d="M7 10h0v.01" /><path d="M7 13h0v.01" /><path d="M17 7h0v.01" /><path d="M17 10h0v.01" /><path d="M17 13h0v.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 21h1a1 1 0 0 0 1 -1v-1h0a3 3 0 0 1 6 0m3 2h1a1 1 0 0 0 1 -1v-15l-3 -2l-3 2v6h-4v-6l-3 -2l-3 2v15a1 1 0 0 0 1 1h2m8 -2v1a1 1 0 0 0 1 1h2" /><path d="M7 7h0v.01" /><path d="M7 10h0v.01" /><path d="M7 13h0v.01" /><path d="M17 7h0v.01" /><path d="M17 10h0v.01" /><path d="M17 13h0v.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="building-hospital" data-toggle="tooltip" title="building-hospital">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16" /><path d="M9 21v-4a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v4" /><line x1="10" y1="9" x2="14" y2="9" /><line x1="12" y1="7" x2="12" y2="11" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16" /><path d="M9 21v-4a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v4" /><line x1="10" y1="9" x2="14" y2="9" /><line x1="12" y1="7" x2="12" y2="11" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="building-lighthouse" data-toggle="tooltip" title="building-lighthouse">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l2 3l2 15h-8l2 -15z" /><line x1="8" y1="9" x2="16" y2="9" /><path d="M3 11l2 -2l-2 -2" /><path d="M21 11l-2 -2l2 -2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l2 3l2 15h-8l2 -15z" /><line x1="8" y1="9" x2="16" y2="9" /><path d="M3 11l2 -2l-2 -2" /><path d="M21 11l-2 -2l2 -2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="building-monument" data-toggle="tooltip" title="building-monument">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 18l2 -13l2 -2l2 2l2 13" /><path d="M5 21v-3h14v3" /><line x1="3" y1="21" x2="21" y2="21" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 18l2 -13l2 -2l2 2l2 13" /><path d="M5 21v-3h14v3" /><line x1="3" y1="21" x2="21" y2="21" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="building-pavilon" data-toggle="tooltip" title="building-pavilon">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21h7v-3a2 2 0 0 1 4 0v3h7" /><line x1="6" y1="21" x2="6" y2="12" /><line x1="18" y1="21" x2="18" y2="12" /><path d="M6 12h12a3 3 0 0 0 3 -3a9 8 0 0 1 -9 -6a9 8 0 0 1 -9 6a3 3 0 0 0 3 3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21h7v-3a2 2 0 0 1 4 0v3h7" /><line x1="6" y1="21" x2="6" y2="12" /><line x1="18" y1="21" x2="18" y2="12" /><path d="M6 12h12a3 3 0 0 0 3 -3a9 8 0 0 1 -9 -6a9 8 0 0 1 -9 6a3 3 0 0 0 3 3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="building-skyscraper" data-toggle="tooltip" title="building-skyscraper">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M5 21v-14l8 -4v18" /><path d="M19 21v-10l-6 -4" /><line x1="9" y1="9" x2="9" y2="9.01" /><line x1="9" y1="12" x2="9" y2="12.01" /><line x1="9" y1="15" x2="9" y2="15.01" /><line x1="9" y1="18" x2="9" y2="18.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M5 21v-14l8 -4v18" /><path d="M19 21v-10l-6 -4" /><line x1="9" y1="9" x2="9" y2="9.01" /><line x1="9" y1="12" x2="9" y2="12.01" /><line x1="9" y1="15" x2="9" y2="15.01" /><line x1="9" y1="18" x2="9" y2="18.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="building-store" data-toggle="tooltip" title="building-store">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M3 7v1a3 3 0 0 0 6 0v-1m0 1a3 3 0 0 0 6 0v-1m0 1a3 3 0 0 0 6 0v-1h-18l2 -4h14l2 4" /><line x1="5" y1="21" x2="5" y2="10.85" /><line x1="19" y1="21" x2="19" y2="10.85" /><path d="M9 21v-4a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M3 7v1a3 3 0 0 0 6 0v-1m0 1a3 3 0 0 0 6 0v-1m0 1a3 3 0 0 0 6 0v-1h-18l2 -4h14l2 4" /><line x1="5" y1="21" x2="5" y2="10.85" /><line x1="19" y1="21" x2="19" y2="10.85" /><path d="M9 21v-4a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="building-warehouse" data-toggle="tooltip" title="building-warehouse">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21v-13l9-4l9 4v13" /><path d="M13 13h4v8h-10v-6h6" /><path d="M13 21v-9a1 1 0 0 0 -1 -1h-2a1 1 0 0 0 -1 1v3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21v-13l9-4l9 4v13" /><path d="M13 13h4v8h-10v-6h6" /><path d="M13 21v-9a1 1 0 0 0 -1 -1h-2a1 1 0 0 0 -1 1v3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="building" data-toggle="tooltip" title="building">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><line x1="9" y1="8" x2="10" y2="8" /><line x1="9" y1="12" x2="10" y2="12" /><line x1="9" y1="16" x2="10" y2="16" /><line x1="14" y1="8" x2="15" y2="8" /><line x1="14" y1="12" x2="15" y2="12" /><line x1="14" y1="16" x2="15" y2="16" /><path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><line x1="9" y1="8" x2="10" y2="8" /><line x1="9" y1="12" x2="10" y2="12" /><line x1="9" y1="16" x2="10" y2="16" /><line x1="14" y1="8" x2="15" y2="8" /><line x1="14" y1="12" x2="15" y2="12" /><line x1="14" y1="16" x2="15" y2="16" /><path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bulb-off" data-toggle="tooltip" title="bulb-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3" /><line x1="9.7" y1="17" x2="14.3" y2="17" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3" /><line x1="9.7" y1="17" x2="14.3" y2="17" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bulb" data-toggle="tooltip" title="bulb">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7" /><path d="M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3" /><line x1="9.7" y1="17" x2="14.3" y2="17" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7" /><path d="M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3" /><line x1="9.7" y1="17" x2="14.3" y2="17" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="buldozer" data-toggle="tooltip" title="buldozer">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="4" cy="17" r="2" /><circle cx="13" cy="17" r="2" /><path d="M18 13v6h3" /><line x1="13" y1="19" x2="4" y2="19" /><line x1="4" y1="15" x2="13" y2="15" /><path d="M8 12v-5h2a3 3 0 0 1 3 3v5" /><path d="M5 15v-2a1 1 0 0 1 1 -1h7" /><line x1="18" y1="17" x2="15" y2="17" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="4" cy="17" r="2" /><circle cx="13" cy="17" r="2" /><path d="M18 13v6h3" /><line x1="13" y1="19" x2="4" y2="19" /><line x1="4" y1="15" x2="13" y2="15" /><path d="M8 12v-5h2a3 3 0 0 1 3 3v5" /><path d="M5 15v-2a1 1 0 0 1 1 -1h7" /><line x1="18" y1="17" x2="15" y2="17" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bus" data-toggle="tooltip" title="bus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="17" r="2" /><circle cx="18" cy="17" r="2" /><path d="M4 17h-2v-11a1 1 0 0 1 1 -1h14a5 7 0 0 1 5 7v5h-2m-4 0h-8" /><polyline points="16 5 17.5 12 22 12" /><line x1="2" y1="10" x2="17" y2="10" /><line x1="7" y1="5" x2="7" y2="10" /><line x1="12" y1="5" x2="12" y2="10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="17" r="2" /><circle cx="18" cy="17" r="2" /><path d="M4 17h-2v-11a1 1 0 0 1 1 -1h14a5 7 0 0 1 5 7v5h-2m-4 0h-8" /><polyline points="16 5 17.5 12 22 12" /><line x1="2" y1="10" x2="17" y2="10" /><line x1="7" y1="5" x2="7" y2="10" /><line x1="12" y1="5" x2="12" y2="10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="calculator" data-toggle="tooltip" title="calculator">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="3" width="16" height="18" rx="2" /><rect x="8" y="7" width="8" height="3" rx="1" /><line x1="8" y1="14" x2="8" y2="14.01" /><line x1="12" y1="14" x2="12" y2="14.01" /><line x1="16" y1="14" x2="16" y2="14.01" /><line x1="8" y1="17" x2="8" y2="17.01" /><line x1="12" y1="17" x2="12" y2="17.01" /><line x1="16" y1="17" x2="16" y2="17.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="3" width="16" height="18" rx="2" /><rect x="8" y="7" width="8" height="3" rx="1" /><line x1="8" y1="14" x2="8" y2="14.01" /><line x1="12" y1="14" x2="12" y2="14.01" /><line x1="16" y1="14" x2="16" y2="14.01" /><line x1="8" y1="17" x2="8" y2="17.01" /><line x1="12" y1="17" x2="12" y2="17.01" /><line x1="16" y1="17" x2="16" y2="17.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="calendar-event" data-toggle="tooltip" title="calendar-event">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><rect x="8" y="15" width="2" height="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><rect x="8" y="15" width="2" height="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="calendar-minus" data-toggle="tooltip" title="calendar-minus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="10" y1="16" x2="14" y2="16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="10" y1="16" x2="14" y2="16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="calendar-plus" data-toggle="tooltip" title="calendar-plus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="10" y1="16" x2="14" y2="16" /><line x1="12" y1="14" x2="12" y2="18" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="10" y1="16" x2="14" y2="16" /><line x1="12" y1="14" x2="12" y2="18" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="calendar" data-toggle="tooltip" title="calendar">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="camera-minus" data-toggle="tooltip" title="camera-minus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="13" r="3" /><path d="M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h3m9 6v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" /><line x1="15" y1="6" x2="21" y2="6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="13" r="3" /><path d="M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h3m9 6v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" /><line x1="15" y1="6" x2="21" y2="6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="camera-off" data-toggle="tooltip" title="camera-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.29 4.296a1 1 0 0 1 .71 -.296h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v8m-1.179 2.824c-.25 .113 -.528 .176 -.821 .176h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2h1c.292 0 .568 -.062 .818 -.175" /><path d="M10.436 10.44a3 3 0 1 0 4.126 4.122" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.29 4.296a1 1 0 0 1 .71 -.296h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v8m-1.179 2.824c-.25 .113 -.528 .176 -.821 .176h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2h1c.292 0 .568 -.062 .818 -.175" /><path d="M10.436 10.44a3 3 0 1 0 4.126 4.122" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="camera-plus" data-toggle="tooltip" title="camera-plus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="13" r="3" /><path d="M5 7h2a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h2m9 7v7a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" /><line x1="15" y1="6" x2="21" y2="6" /><line x1="18" y1="3" x2="18" y2="9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="13" r="3" /><path d="M5 7h2a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h2m9 7v7a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" /><line x1="15" y1="6" x2="21" y2="6" /><line x1="18" y1="3" x2="18" y2="9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="camera" data-toggle="tooltip" title="camera">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" /><circle cx="12" cy="13" r="3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" /><circle cx="12" cy="13" r="3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="capture" data-toggle="tooltip" title="capture">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /><circle cx="12" cy="12" r="3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /><circle cx="12" cy="12" r="3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="car" data-toggle="tooltip" title="car">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-6l2-5h9l4 5h1a2 2 0 0 1 2 2v4h-2m-4 0h-6m-6 -6h15m-6 0v-5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-6l2-5h9l4 5h1a2 2 0 0 1 2 2v4h-2m-4 0h-6m-6 -6h15m-6 0v-5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="caravan" data-toggle="tooltip" title="caravan">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="11" cy="17" r="2" /><line x1="21" y1="17" x2="13" y2="17" /><path d="M9 17h-5a1 1 0 0 1 -1 -1v-9a2 2 0 0 1 2 -2h10l4 4v8" /><rect x="6" y="8" width="6" height="4" rx="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="11" cy="17" r="2" /><line x1="21" y1="17" x2="13" y2="17" /><path d="M9 17h-5a1 1 0 0 1 -1 -1v-9a2 2 0 0 1 2 -2h10l4 4v8" /><rect x="6" y="8" width="6" height="4" rx="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="cardboards" data-toggle="tooltip" title="cardboards">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7v8.5a2.5 2.5 0 0 0 2.5 2.5h1.06a3 3 0 0 0 2.34 -1.13l1.54 -1.92a2 2 0 0 1 3.12 0l1.54 1.92a3 3 0 0 0 2.34 1.13h1.06a2.5 2.5 0 0 0 2.5 -2.5v-8.5a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2z" /><circle cx="8" cy="11" r="1" /><circle cx="16" cy="11" r="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7v8.5a2.5 2.5 0 0 0 2.5 2.5h1.06a3 3 0 0 0 2.34 -1.13l1.54 -1.92a2 2 0 0 1 3.12 0l1.54 1.92a3 3 0 0 0 2.34 1.13h1.06a2.5 2.5 0 0 0 2.5 -2.5v-8.5a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2z" /><circle cx="8" cy="11" r="1" /><circle cx="16" cy="11" r="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="caret-down" data-toggle="tooltip" title="caret-down">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l-6-6l-6 6h12" transform="rotate(180 12 12)" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l-6-6l-6 6h12" transform="rotate(180 12 12)" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="caret-left" data-toggle="tooltip" title="caret-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l-6-6l-6 6h12" transform="rotate(270 12 12)" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l-6-6l-6 6h12" transform="rotate(270 12 12)" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="caret-right" data-toggle="tooltip" title="caret-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l-6-6l-6 6h12" transform="rotate(90 12 12)" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l-6-6l-6 6h12" transform="rotate(90 12 12)" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="caret-up" data-toggle="tooltip" title="caret-up">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l-6-6l-6 6h12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l-6-6l-6 6h12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="cash" data-toggle="tooltip" title="cash">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="9" width="14" height="10" rx="2" /><circle cx="14" cy="14" r="2" /><path d="M17 9v-2a2 2 0 0 0 -2 -2h-10a2 2 0 0 0 -2 2v6a2 2 0 0 0 2 2h2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="9" width="14" height="10" rx="2" /><circle cx="14" cy="14" r="2" /><path d="M17 9v-2a2 2 0 0 0 -2 -2h-10a2 2 0 0 0 -2 2v6a2 2 0 0 0 2 2h2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="cast" data-toggle="tooltip" title="cast">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="19" x2="3.01" y2="19" /><path d="M7 19a4 4 0 0 0 -4 -4" /><path d="M11 19a8 8 0 0 0 -8 -8" /><path d="M15 19h3a3 3 0 0 0 3 -3v-8a3 3 0 0 0 -3 -3h-12a3 3 0 0 0 -2.8 2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="19" x2="3.01" y2="19" /><path d="M7 19a4 4 0 0 0 -4 -4" /><path d="M11 19a8 8 0 0 0 -8 -8" /><path d="M15 19h3a3 3 0 0 0 3 -3v-8a3 3 0 0 0 -3 -3h-12a3 3 0 0 0 -2.8 2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="ce" data-toggle="tooltip" title="ce">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 4a8 8 0 1 0 0 16" /><path d="M20 4a8 8 0 1 0 0 16" /><line x1="12" y1="12" x2="20" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 4a8 8 0 1 0 0 16" /><path d="M20 4a8 8 0 1 0 0 16" /><line x1="12" y1="12" x2="20" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="certificate" data-toggle="tooltip" title="certificate">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="15" cy="15" r="3" /><path d="M13 17.5v4.5l2 -1.5l2 1.5v-4.5" /><path d="M10 19h-5a2 2 0 0 1 -2 -2v-10c0 -1.1 .9 -2 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -1 1.73" /><line x1="6" y1="9" x2="18" y2="9" /><line x1="6" y1="12" x2="9" y2="12" /><line x1="6" y1="15" x2="8" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="15" cy="15" r="3" /><path d="M13 17.5v4.5l2 -1.5l2 1.5v-4.5" /><path d="M10 19h-5a2 2 0 0 1 -2 -2v-10c0 -1.1 .9 -2 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -1 1.73" /><line x1="6" y1="9" x2="18" y2="9" /><line x1="6" y1="12" x2="9" y2="12" /><line x1="6" y1="15" x2="8" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chart-area-line" data-toggle="tooltip" title="chart-area-line">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="4 19 8 13 12 15 16 10 20 14 20 19 4 19" /><polyline points="4 12 7 8 11 10 16 4 20 8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="4 19 8 13 12 15 16 10 20 14 20 19 4 19" /><polyline points="4 12 7 8 11 10 16 4 20 8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chart-area" data-toggle="tooltip" title="chart-area">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="19" x2="20" y2="19" /><polyline points="4 15 8 9 12 11 16 6 20 10 20 15 4 15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="19" x2="20" y2="19" /><polyline points="4 15 8 9 12 11 16 6 20 10 20 15 4 15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chart-bar" data-toggle="tooltip" title="chart-bar">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="12" width="6" height="8" rx="1" /><rect x="9" y="8" width="6" height="12" rx="1" /><rect x="15" y="4" width="6" height="16" rx="1" /><line x1="4" y1="20" x2="18" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="12" width="6" height="8" rx="1" /><rect x="9" y="8" width="6" height="12" rx="1" /><rect x="15" y="4" width="6" height="16" rx="1" /><line x1="4" y1="20" x2="18" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chart-bubble" data-toggle="tooltip" title="chart-bubble">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="16" r="3" /><circle cx="16" cy="19" r="2" /><circle cx="14.5" cy="7.5" r="4.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="16" r="3" /><circle cx="16" cy="19" r="2" /><circle cx="14.5" cy="7.5" r="4.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chart-candle" data-toggle="tooltip" title="chart-candle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="6" width="4" height="5" rx="1" /><line x1="6" y1="4" x2="6" y2="6" /><line x1="6" y1="11" x2="6" y2="20" /><rect x="10" y="14" width="4" height="5" rx="1" /><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="19" x2="12" y2="20" /><rect x="16" y="5" width="4" height="6" rx="1" /><line x1="18" y1="4" x2="18" y2="5" /><line x1="18" y1="11" x2="18" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="6" width="4" height="5" rx="1" /><line x1="6" y1="4" x2="6" y2="6" /><line x1="6" y1="11" x2="6" y2="20" /><rect x="10" y="14" width="4" height="5" rx="1" /><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="19" x2="12" y2="20" /><rect x="16" y="5" width="4" height="6" rx="1" /><line x1="18" y1="4" x2="18" y2="5" /><line x1="18" y1="11" x2="18" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chart-donut" data-toggle="tooltip" title="chart-donut">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 3.2a9 9 0 1 0 10.8 10.8a1 1 0 0 0 -1 -1h-3.8a4.1 4.1 0 1 1 -5 -5v-4a.9 .9 0 0 0 -1 -.8" /><path d="M15 3.5a9 9 0 0 1 5.5 5.5h-4.5a9 9 0 0 0 -1 -1v-4.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 3.2a9 9 0 1 0 10.8 10.8a1 1 0 0 0 -1 -1h-3.8a4.1 4.1 0 1 1 -5 -5v-4a.9 .9 0 0 0 -1 -.8" /><path d="M15 3.5a9 9 0 0 1 5.5 5.5h-4.5a9 9 0 0 0 -1 -1v-4.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chart-line" data-toggle="tooltip" title="chart-line">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="19" x2="20" y2="19" /><polyline points="4 15 8 9 12 11 16 6 20 10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="19" x2="20" y2="19" /><polyline points="4 15 8 9 12 11 16 6 20 10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chart-pie" data-toggle="tooltip" title="chart-pie">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 3.2a9 9 0 1 0 10.8 10.8a1 1 0 0 0 -1 -1h-6.8a2 2 0 0 1 -2 -2v-7a.9 .9 0 0 0 -1 -.8" /><path d="M15 3.5a9 9 0 0 1 5.5 5.5h-4.5a1 1 0 0 1 -1 -1v-4.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 3.2a9 9 0 1 0 10.8 10.8a1 1 0 0 0 -1 -1h-6.8a2 2 0 0 1 -2 -2v-7a.9 .9 0 0 0 -1 -.8" /><path d="M15 3.5a9 9 0 0 1 5.5 5.5h-4.5a1 1 0 0 1 -1 -1v-4.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chart-radar" data-toggle="tooltip" title="chart-radar">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l9.5 7l-3.5 11h-12l-3.5 -11z" /><path d="M12 7.5l5.5 4l-2.5 5.5h-6.5l-2 -5.5z" /><path d="M2.5 10l9.5 3 9.5-3" /><path d="M12 3v10l6 8" /><path d="M6 21l6-8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l9.5 7l-3.5 11h-12l-3.5 -11z" /><path d="M12 7.5l5.5 4l-2.5 5.5h-6.5l-2 -5.5z" /><path d="M2.5 10l9.5 3 9.5-3" /><path d="M12 3v10l6 8" /><path d="M6 21l6-8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="check" data-toggle="tooltip" title="check">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="checkbox" data-toggle="tooltip" title="checkbox">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="checks" data-toggle="tooltip" title="checks">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 12l5 5l10 -10" /><path d="M2 12l5 5m5 -5l5 -5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 12l5 5l10 -10" /><path d="M2 12l5 5m5 -5l5 -5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chevron-down-left" data-toggle="tooltip" title="chevron-down-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 8v8h8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 8v8h8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chevron-down-right" data-toggle="tooltip" title="chevron-down-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 8v8h-8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 8v8h-8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chevron-down" data-toggle="tooltip" title="chevron-down">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 9 12 15 18 9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 9 12 15 18 9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chevron-left" data-toggle="tooltip" title="chevron-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chevron-right" data-toggle="tooltip" title="chevron-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chevron-up-left" data-toggle="tooltip" title="chevron-up-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 16v-8h8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 16v-8h8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chevron-up-right" data-toggle="tooltip" title="chevron-up-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 8h8v8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 8h8v8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chevron-up" data-toggle="tooltip" title="chevron-up">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 15 12 9 18 15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 15 12 9 18 15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chevrons-down-left" data-toggle="tooltip" title="chevrons-down-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 5v8h8" /><path d="M7 9v8h8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 5v8h8" /><path d="M7 9v8h8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chevrons-down-right" data-toggle="tooltip" title="chevrons-down-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 5v8h-8" /><path d="M17 9v8h-8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 5v8h-8" /><path d="M17 9v8h-8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chevrons-down" data-toggle="tooltip" title="chevrons-down">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 7 12 12 17 7" /><polyline points="7 13 12 18 17 13" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 7 12 12 17 7" /><polyline points="7 13 12 18 17 13" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chevrons-left" data-toggle="tooltip" title="chevrons-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="11 7 6 12 11 17" /><polyline points="17 7 12 12 17 17" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="11 7 6 12 11 17" /><polyline points="17 7 12 12 17 17" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chevrons-right" data-toggle="tooltip" title="chevrons-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 7 12 12 7 17" /><polyline points="13 7 18 12 13 17" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 7 12 12 7 17" /><polyline points="13 7 18 12 13 17" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chevrons-up-left" data-toggle="tooltip" title="chevrons-up-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 15v-8h8" /><path d="M11 19v-8h8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 15v-8h8" /><path d="M11 19v-8h8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chevrons-up-right" data-toggle="tooltip" title="chevrons-up-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h8v8" /><path d="M5 11h8v8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h8v8" /><path d="M5 11h8v8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="chevrons-up" data-toggle="tooltip" title="chevrons-up">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 11 12 6 17 11" /><polyline points="7 17 12 12 17 17" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 11 12 6 17 11" /><polyline points="7 17 12 12 17 17" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="christmas-tree" data-toggle="tooltip" title="christmas-tree">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l4 4l-2 1l4 4l-3 1l4 4h-14l4 -4l-3 -1l4 -4l-2 -1z" /><path d="M14 17v3a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l4 4l-2 1l4 4l-3 1l4 4h-14l4 -4l-3 -1l4 -4l-2 -1z" /><path d="M14 17v3a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="circle-check" data-toggle="tooltip" title="circle-check">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9 12l2 2l4 -4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9 12l2 2l4 -4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="circle-dashed" data-toggle="tooltip" title="circle-dashed">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.56 3.69a9 9 0 0 0 -2.92 1.95" /><path d="M3.69 8.56a9 9 0 0 0 -.69 3.44" /><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" /><path d="M8.56 20.31a9 9 0 0 0 3.44 .69" /><path d="M15.44 20.31a9 9 0 0 0 2.92 -1.95" /><path d="M20.31 15.44a9 9 0 0 0 .69 -3.44" /><path d="M20.31 8.56a9 9 0 0 0 -1.95 -2.92" /><path d="M15.44 3.69a9 9 0 0 0 -3.44 -.69" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.56 3.69a9 9 0 0 0 -2.92 1.95" /><path d="M3.69 8.56a9 9 0 0 0 -.69 3.44" /><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" /><path d="M8.56 20.31a9 9 0 0 0 3.44 .69" /><path d="M15.44 20.31a9 9 0 0 0 2.92 -1.95" /><path d="M20.31 15.44a9 9 0 0 0 .69 -3.44" /><path d="M20.31 8.56a9 9 0 0 0 -1.95 -2.92" /><path d="M15.44 3.69a9 9 0 0 0 -3.44 -.69" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="circle-dotted" data-toggle="tooltip" title="circle-dotted">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7.5" y1="4.21" x2="7.5" y2="4.22" /><line x1="4.21" y1="7.5" x2="4.21" y2="7.51" /><line x1="3" y1="12" x2="3" y2="12.01" /><line x1="4.21" y1="16.5" x2="4.21" y2="16.51" /><line x1="7.5" y1="19.79" x2="7.5" y2="19.8" /><line x1="12" y1="21" x2="12" y2="21.01" /><line x1="16.5" y1="19.79" x2="16.5" y2="19.8" /><line x1="19.79" y1="16.5" x2="19.79" y2="16.51" /><line x1="21" y1="12" x2="21" y2="12.01" /><line x1="19.79" y1="7.5" x2="19.79" y2="7.51" /><line x1="16.5" y1="4.21" x2="16.5" y2="4.22" /><line x1="12" y1="3" x2="12" y2="3.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7.5" y1="4.21" x2="7.5" y2="4.22" /><line x1="4.21" y1="7.5" x2="4.21" y2="7.51" /><line x1="3" y1="12" x2="3" y2="12.01" /><line x1="4.21" y1="16.5" x2="4.21" y2="16.51" /><line x1="7.5" y1="19.79" x2="7.5" y2="19.8" /><line x1="12" y1="21" x2="12" y2="21.01" /><line x1="16.5" y1="19.79" x2="16.5" y2="19.8" /><line x1="19.79" y1="16.5" x2="19.79" y2="16.51" /><line x1="21" y1="12" x2="21" y2="12.01" /><line x1="19.79" y1="7.5" x2="19.79" y2="7.51" /><line x1="16.5" y1="4.21" x2="16.5" y2="4.22" /><line x1="12" y1="3" x2="12" y2="3.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="circle-minus" data-toggle="tooltip" title="circle-minus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="12" x2="15" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="12" x2="15" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="circle-plus" data-toggle="tooltip" title="circle-plus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="12" x2="15" y2="12" /><line x1="12" y1="9" x2="12" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="12" x2="15" y2="12" /><line x1="12" y1="9" x2="12" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="circle-square" data-toggle="tooltip" title="circle-square">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9.5" cy="9.5" r="6.5" /><rect x="10" y="10" width="11" height="11" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9.5" cy="9.5" r="6.5" /><rect x="10" y="10" width="11" height="11" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="circle-x" data-toggle="tooltip" title="circle-x">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M10 10l4 4m0 -4l-4 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M10 10l4 4m0 -4l-4 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="circle" data-toggle="tooltip" title="circle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="circles" data-toggle="tooltip" title="circles">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="4" /><circle cx="6.5" cy="17" r="4" /><circle cx="17.5" cy="17" r="4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="4" /><circle cx="6.5" cy="17" r="4" /><circle cx="17.5" cy="17" r="4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="clear-formatting" data-toggle="tooltip" title="clear-formatting">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 15l4 4m0 -4l-4 4" /><path d="M7 6v-1h11v1" /><line x1="7" y1="19" x2="11" y2="19" /><line x1="13" y1="5" x2="9" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 15l4 4m0 -4l-4 4" /><path d="M7 6v-1h11v1" /><line x1="7" y1="19" x2="11" y2="19" /><line x1="13" y1="5" x2="9" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="click" data-toggle="tooltip" title="click">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="12" x2="6" y2="12" /><line x1="12" y1="3" x2="12" y2="6" /><line x1="7.8" y1="7.8" x2="5.6" y2="5.6" /><line x1="16.2" y1="7.8" x2="18.4" y2="5.6" /><line x1="7.8" y1="16.2" x2="5.6" y2="18.4" /><path d="M12 12l9 3l-4 2l-2 4l-3 -9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="12" x2="6" y2="12" /><line x1="12" y1="3" x2="12" y2="6" /><line x1="7.8" y1="7.8" x2="5.6" y2="5.6" /><line x1="16.2" y1="7.8" x2="18.4" y2="5.6" /><line x1="7.8" y1="16.2" x2="5.6" y2="18.4" /><path d="M12 12l9 3l-4 2l-2 4l-3 -9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="clipboard-check" data-toggle="tooltip" title="clipboard-check">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5H7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2V7a2 2 0 0 0 -2 -2h-2" /><rect x="9" y="3" width="6" height="4" rx="2" /><path d="M9 14l2 2l4 -4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5H7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2V7a2 2 0 0 0 -2 -2h-2" /><rect x="9" y="3" width="6" height="4" rx="2" /><path d="M9 14l2 2l4 -4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="clipboard-list" data-toggle="tooltip" title="clipboard-list">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /><rect x="9" y="3" width="6" height="4" rx="2" /><line x1="9" y1="12" x2="9.01" y2="12" /><line x1="13" y1="12" x2="15" y2="12" /><line x1="9" y1="16" x2="9.01" y2="16" /><line x1="13" y1="16" x2="15" y2="16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /><rect x="9" y="3" width="6" height="4" rx="2" /><line x1="9" y1="12" x2="9.01" y2="12" /><line x1="13" y1="12" x2="15" y2="12" /><line x1="9" y1="16" x2="9.01" y2="16" /><line x1="13" y1="16" x2="15" y2="16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="clipboard-x" data-toggle="tooltip" title="clipboard-x">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /><rect x="9" y="3" width="6" height="4" rx="2" /><path d="M10 12l4 4m0 -4l-4 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /><rect x="9" y="3" width="6" height="4" rx="2" /><path d="M10 12l4 4m0 -4l-4 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="clipboard" data-toggle="tooltip" title="clipboard">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /><rect x="9" y="3" width="6" height="4" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /><rect x="9" y="3" width="6" height="4" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="clock" data-toggle="tooltip" title="clock">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><polyline points="12 7 12 12 15 15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><polyline points="12 7 12 12 15 15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="cloud-download" data-toggle="tooltip" title="cloud-download">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 18a3.5 3.5 0 0 0 0 -7h-1a5 4.5 0 0 0 -11 -2a4.6 4.4 0 0 0 -2.1 8.4" /><line x1="12" y1="13" x2="12" y2="22" /><polyline points="9 19 12 22 15 19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 18a3.5 3.5 0 0 0 0 -7h-1a5 4.5 0 0 0 -11 -2a4.6 4.4 0 0 0 -2.1 8.4" /><line x1="12" y1="13" x2="12" y2="22" /><polyline points="9 19 12 22 15 19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="cloud-fog" data-toggle="tooltip" title="cloud-fog">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 16a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-12" /><line x1="5" y1="20" x2="19" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 16a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-12" /><line x1="5" y1="20" x2="19" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="cloud-off" data-toggle="tooltip" title="cloud-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M18 18h-11c-2.598 0 -4.705 -2.015 -4.705 -4.5s2.107 -4.5 4.705 -4.5c.112 -.5 .305 -.973 .568 -1.408m2.094 -1.948c.329 -.174 .68 -.319 1.05 -.43c1.9 -.576 3.997 -.194 5.5 1c1.503 1.192 2.185 3.017 1.788 4.786h1a3.5 3.5 0 0 1 2.212 6.212" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M18 18h-11c-2.598 0 -4.705 -2.015 -4.705 -4.5s2.107 -4.5 4.705 -4.5c.112 -.5 .305 -.973 .568 -1.408m2.094 -1.948c.329 -.174 .68 -.319 1.05 -.43c1.9 -.576 3.997 -.194 5.5 1c1.503 1.192 2.185 3.017 1.788 4.786h1a3.5 3.5 0 0 1 2.212 6.212" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="cloud-rain" data-toggle="tooltip" title="cloud-rain">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7" /><path d="M11 13v2m0 3v2m4 -5v2m0 3v2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7" /><path d="M11 13v2m0 3v2m4 -5v2m0 3v2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="cloud-snow" data-toggle="tooltip" title="cloud-snow">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7" /><path d="M11 15v.01m0 3v.01m0 3v.01m4 -4v.01m0 3v.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7" /><path d="M11 15v.01m0 3v.01m0 3v.01m4 -4v.01m0 3v.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="cloud-storm" data-toggle="tooltip" title="cloud-storm">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1" /><polyline points="13 14 11 18 14 18 12 22" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1" /><polyline points="13 14 11 18 14 18 12 22" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="cloud-upload" data-toggle="tooltip" title="cloud-upload">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1" /><polyline points="9 15 12 12 15 15" /><line x1="12" y1="12" x2="12" y2="21" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1" /><polyline points="9 15 12 12 15 15" /><line x1="12" y1="12" x2="12" y2="21" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="cloud" data-toggle="tooltip" title="cloud">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="code" data-toggle="tooltip" title="code">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 8 3 12 7 16" /><polyline points="17 8 21 12 17 16" /><line x1="14" y1="4" x2="10" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 8 3 12 7 16" /><polyline points="17 8 21 12 17 16" /><line x1="14" y1="4" x2="10" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="coin" data-toggle="tooltip" title="coin">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M14.8 9a2 2 0 0 0 -1.8 -1h-2a2 2 0 0 0 0 4h2a2 2 0 0 1 0 4h-2a2 2 0 0 1 -1.8 -1" /><path d="M12 6v2m0 8v2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M14.8 9a2 2 0 0 0 -1.8 -1h-2a2 2 0 0 0 0 4h2a2 2 0 0 1 0 4h-2a2 2 0 0 1 -1.8 -1" /><path d="M12 6v2m0 8v2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="color-picker" data-toggle="tooltip" title="color-picker">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="11" y1="7" x2="17" y2="13" /><path d="M5 19v-4l9.7 -9.7a1 1 0 0 1 1.4 0l2.6 2.6a1 1 0 0 1 0 1.4l-9.7 9.7h-4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="11" y1="7" x2="17" y2="13" /><path d="M5 19v-4l9.7 -9.7a1 1 0 0 1 1.4 0l2.6 2.6a1 1 0 0 1 0 1.4l-9.7 9.7h-4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="color-swatch" data-toggle="tooltip" title="color-swatch">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 3h-4a2 2 0 0 0 -2 2v12a4 4 0 0 0 8 0v-12a2 2 0 0 0 -2 -2" /><path d="M13 7.35l-2 -2a2 2 0 0 0 -2.828 0l-2.828 2.828a2 2 0 0 0 0 2.828l9 9" /><path d="M7.3 13h-2.3a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h12" /><line x1="17" y1="17" x2="17" y2="17.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 3h-4a2 2 0 0 0 -2 2v12a4 4 0 0 0 8 0v-12a2 2 0 0 0 -2 -2" /><path d="M13 7.35l-2 -2a2 2 0 0 0 -2.828 0l-2.828 2.828a2 2 0 0 0 0 2.828l9 9" /><path d="M7.3 13h-2.3a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h12" /><line x1="17" y1="17" x2="17" y2="17.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="columns" data-toggle="tooltip" title="columns">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="9.5" y2="6" /><line x1="4" y1="10" x2="9.5" y2="10" /><line x1="4" y1="14" x2="9.5" y2="14" /><line x1="4" y1="18" x2="9.5" y2="18" /><line x1="14.5" y1="6" x2="20" y2="6" /><line x1="14.5" y1="10" x2="20" y2="10" /><line x1="14.5" y1="14" x2="20" y2="14" /><line x1="14.5" y1="18" x2="20" y2="18" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="9.5" y2="6" /><line x1="4" y1="10" x2="9.5" y2="10" /><line x1="4" y1="14" x2="9.5" y2="14" /><line x1="4" y1="18" x2="9.5" y2="18" /><line x1="14.5" y1="6" x2="20" y2="6" /><line x1="14.5" y1="10" x2="20" y2="10" /><line x1="14.5" y1="14" x2="20" y2="14" /><line x1="14.5" y1="18" x2="20" y2="18" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="comet" data-toggle="tooltip" title="comet">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15.5 18.5l-3 1.5l.5-3.5-2-2 3-.5 1.5-3 1.5 3 3 .5-2 2 .5 3.5z" /><line x1="4" y1="4" x2="11" y2="11" /><line x1="9" y1="4" x2="12.5" y2="7.5" /><line x1="4" y1="9" x2="7.5" y2="12.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15.5 18.5l-3 1.5l.5-3.5-2-2 3-.5 1.5-3 1.5 3 3 .5-2 2 .5 3.5z" /><line x1="4" y1="4" x2="11" y2="11" /><line x1="9" y1="4" x2="12.5" y2="7.5" /><line x1="4" y1="9" x2="7.5" y2="12.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="command" data-toggle="tooltip" title="command">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 9a2 2 0 1 1 2 -2v10a2 2 0 1 1 -2 -2h10a2 2 0 1 1 -2 2v-10a2 2 0 1 1 2 2h-10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 9a2 2 0 1 1 2 -2v10a2 2 0 1 1 -2 -2h10a2 2 0 1 1 -2 2v-10a2 2 0 1 1 2 2h-10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="compass" data-toggle="tooltip" title="compass">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="8 16 10 10 16 8 14 14 8 16" /><circle cx="12" cy="12" r="9" /><line x1="12" y1="3" x2="12" y2="5" /><line x1="12" y1="19" x2="12" y2="21" /><line x1="3" y1="12" x2="5" y2="12" /><line x1="19" y1="12" x2="21" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="8 16 10 10 16 8 14 14 8 16" /><circle cx="12" cy="12" r="9" /><line x1="12" y1="3" x2="12" y2="5" /><line x1="12" y1="19" x2="12" y2="21" /><line x1="3" y1="12" x2="5" y2="12" /><line x1="19" y1="12" x2="21" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="contrast" data-toggle="tooltip" title="contrast">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M12 17a5 5 0 0 0 0 -10v10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M12 17a5 5 0 0 0 0 -10v10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="copy" data-toggle="tooltip" title="copy">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="8" width="12" height="12" rx="2" /><path d="M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="8" width="12" height="12" rx="2" /><path d="M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="copyleft" data-toggle="tooltip" title="copyleft">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9.5 9a3.5 4 0 1 1 0 6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9.5 9a3.5 4 0 1 1 0 6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="copyright" data-toggle="tooltip" title="copyright">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M14.5 9a3.5 4 0 1 0 0 6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M14.5 9a3.5 4 0 1 0 0 6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="corner-down-left" data-toggle="tooltip" title="corner-down-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 6v6a3 3 0 0 1 -3 3h-10l4 -4m0 8l-4 -4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 6v6a3 3 0 0 1 -3 3h-10l4 -4m0 8l-4 -4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="corner-down-right" data-toggle="tooltip" title="corner-down-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 6v6a3 3 0 0 0 3 3h10l-4 -4m0 8l4 -4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 6v6a3 3 0 0 0 3 3h10l-4 -4m0 8l4 -4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="corner-left-down" data-toggle="tooltip" title="corner-left-down">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 6h-6a3 3 0 0 0 -3 3v10l-4 -4m8 0l-4 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 6h-6a3 3 0 0 0 -3 3v10l-4 -4m8 0l-4 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="corner-left-up" data-toggle="tooltip" title="corner-left-up">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 18h-6a3 3 0 0 1 -3 -3v-10l-4 4m8 0l-4 -4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 18h-6a3 3 0 0 1 -3 -3v-10l-4 4m8 0l-4 -4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="corner-right-down" data-toggle="tooltip" title="corner-right-down">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 6h6a3 3 0 0 1 3 3v10l-4 -4m8 0l-4 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 6h6a3 3 0 0 1 3 3v10l-4 -4m8 0l-4 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="corner-right-up" data-toggle="tooltip" title="corner-right-up">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 18h6a3 3 0 0 0 3 -3v-10l-4 4m8 0l-4 -4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 18h6a3 3 0 0 0 3 -3v-10l-4 4m8 0l-4 -4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="corner-up-left" data-toggle="tooltip" title="corner-up-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 18v-6a3 3 0 0 0 -3 -3h-10l4 -4m0 8l-4 -4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 18v-6a3 3 0 0 0 -3 -3h-10l4 -4m0 8l-4 -4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="corner-up-right" data-toggle="tooltip" title="corner-up-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 18v-6a3 3 0 0 1 3 -3h10l-4 -4m0 8l4 -4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 18v-6a3 3 0 0 1 3 -3h10l-4 -4m0 8l4 -4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="credit-card-off" data-toggle="tooltip" title="credit-card-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M9 5h9a3 3 0 0 1 3 3v8a3 3 0 0 1 -.128.87 1" /><path d="M18.87 18.872a3 3 0 0 1 -.87 .128h-12a3 3 0 0 1 -3 -3v-8c0 -1.352 .894 -2.495 2.124 -2.87" /><line x1="3" y1="11" x2="11" y2="11" /><line x1="15" y1="11" x2="21" y2="11" /><line x1="7" y1="15" x2="7.01" y2="15" /><line x1="11" y1="15" x2="13" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M9 5h9a3 3 0 0 1 3 3v8a3 3 0 0 1 -.128.87 1" /><path d="M18.87 18.872a3 3 0 0 1 -.87 .128h-12a3 3 0 0 1 -3 -3v-8c0 -1.352 .894 -2.495 2.124 -2.87" /><line x1="3" y1="11" x2="11" y2="11" /><line x1="15" y1="11" x2="21" y2="11" /><line x1="7" y1="15" x2="7.01" y2="15" /><line x1="11" y1="15" x2="13" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="credit-card" data-toggle="tooltip" title="credit-card">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="3" /><line x1="3" y1="10" x2="21" y2="10" /><line x1="7" y1="15" x2="7.01" y2="15" /><line x1="11" y1="15" x2="13" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="3" /><line x1="3" y1="10" x2="21" y2="10" /><line x1="7" y1="15" x2="7.01" y2="15" /><line x1="11" y1="15" x2="13" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="crop" data-toggle="tooltip" title="crop">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 5v10a1 1 0 0 0 1 1h10" /><path d="M5 8h10a1 1 0 0 1 1 1v10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 5v10a1 1 0 0 0 1 1h10" /><path d="M5 8h10a1 1 0 0 1 1 1v10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="crosshair" data-toggle="tooltip" title="crosshair">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /><line x1="9" y1="12" x2="15" y2="12" /><line x1="12" y1="9" x2="12" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /><line x1="9" y1="12" x2="15" y2="12" /><line x1="12" y1="9" x2="12" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="crown" data-toggle="tooltip" title="crown">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 6l4 6l5 -4l-2 10h-14l-2 -10l5 4z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 6l4 6l5 -4l-2 10h-14l-2 -10l5 4z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="curly-loop" data-toggle="tooltip" title="curly-loop">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 8c-4 0-7 2-7 5a3 3 0 0 0 6 0c0-3-2.5-5-8-5s-8 2-8 5a3 3 0 0 0 6 0c0-3-3-5-7-5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 8c-4 0-7 2-7 5a3 3 0 0 0 6 0c0-3-2.5-5-8-5s-8 2-8 5a3 3 0 0 0 6 0c0-3-3-5-7-5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="currency-bitcoin" data-toggle="tooltip" title="currency-bitcoin">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 6h8a3 3 0 0 1 0 6a3 3 0 0 1 0 6h-8" /><line x1="8" y1="6" x2="8" y2="18" /><line x1="8" y1="12" x2="14" y2="12" /><line x1="9" y1="3" x2="9" y2="6" /><line x1="13" y1="3" x2="13" y2="6" /><line x1="9" y1="18" x2="9" y2="21" /><line x1="13" y1="18" x2="13" y2="21" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 6h8a3 3 0 0 1 0 6a3 3 0 0 1 0 6h-8" /><line x1="8" y1="6" x2="8" y2="18" /><line x1="8" y1="12" x2="14" y2="12" /><line x1="9" y1="3" x2="9" y2="6" /><line x1="13" y1="3" x2="13" y2="6" /><line x1="9" y1="18" x2="9" y2="21" /><line x1="13" y1="18" x2="13" y2="21" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="currency-dollar" data-toggle="tooltip" title="currency-dollar">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="currency-euro" data-toggle="tooltip" title="currency-euro">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.2 7a6 7 0 1 0 0 10" /><path d="M13 10h-8m0 4h8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.2 7a6 7 0 1 0 0 10" /><path d="M13 10h-8m0 4h8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="currency-pound" data-toggle="tooltip" title="currency-pound">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 18.5a6 6 0 0 1 -5 0a6 6 0 0 0 -5 .5a3 3 0 0 0 2 -2.5v-7.5a4 4 0 0 1 7.45 -2m-2.55 6h-7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 18.5a6 6 0 0 1 -5 0a6 6 0 0 0 -5 .5a3 3 0 0 0 2 -2.5v-7.5a4 4 0 0 1 7.45 -2m-2.55 6h-7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="currency-rupee" data-toggle="tooltip" title="currency-rupee">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 6h-11h3a4 4 0 0 1 0 8h-3l6 6" /><line x1="7" y1="10" x2="18" y2="10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 6h-11h3a4 4 0 0 1 0 8h-3l6 6" /><line x1="7" y1="10" x2="18" y2="10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="currency-yen" data-toggle="tooltip" title="currency-yen">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 19v-7l-5 -7m10 0l-5 7" /><line x1="8" y1="17" x2="16" y2="17" /><line x1="8" y1="13" x2="16" y2="13" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 19v-7l-5 -7m10 0l-5 7" /><line x1="8" y1="17" x2="16" y2="17" /><line x1="8" y1="13" x2="16" y2="13" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="current-location" data-toggle="tooltip" title="current-location">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><circle cx="12" cy="12" r="8" /><line x1="12" y1="2" x2="12" y2="4" /><line x1="12" y1="20" x2="12" y2="22" /><line x1="20" y1="12" x2="22" y2="12" /><line x1="2" y1="12" x2="4" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><circle cx="12" cy="12" r="8" /><line x1="12" y1="2" x2="12" y2="4" /><line x1="12" y1="20" x2="12" y2="22" /><line x1="20" y1="12" x2="22" y2="12" /><line x1="2" y1="12" x2="4" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="cut" data-toggle="tooltip" title="cut">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="3" /><circle cx="17" cy="17" r="3" /><line x1="9.15" y1="14.85" x2="18" y2="4" /><line x1="6" y1="4" x2="14.85" y2="14.85" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="3" /><circle cx="17" cy="17" r="3" /><line x1="9.15" y1="14.85" x2="18" y2="4" /><line x1="6" y1="4" x2="14.85" y2="14.85" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="dashboard" data-toggle="tooltip" title="dashboard">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="13" r="2" /><line x1="13.45" y1="11.55" x2="15.5" y2="9.5" /><path d="M6.4 20a9 9 0 1 1 11.2 0Z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="13" r="2" /><line x1="13.45" y1="11.55" x2="15.5" y2="9.5" /><path d="M6.4 20a9 9 0 1 1 11.2 0Z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="database" data-toggle="tooltip" title="database">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><ellipse cx="12" cy="6" rx="8" ry="3"></ellipse><path d="M4 6v6a8 3 0 0 0 16 0v-6" /><path d="M4 12v6a8 3 0 0 0 16 0v-6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><ellipse cx="12" cy="6" rx="8" ry="3"></ellipse><path d="M4 6v6a8 3 0 0 0 16 0v-6" /><path d="M4 12v6a8 3 0 0 0 16 0v-6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="device-desktop" data-toggle="tooltip" title="device-desktop">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="4" width="18" height="12" rx="1" /><line x1="7" y1="20" x2="17" y2="20" /><line x1="9" y1="16" x2="9" y2="20" /><line x1="15" y1="16" x2="15" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="4" width="18" height="12" rx="1" /><line x1="7" y1="20" x2="17" y2="20" /><line x1="9" y1="16" x2="9" y2="20" /><line x1="15" y1="16" x2="15" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="device-floppy" data-toggle="tooltip" title="device-floppy">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2" /><circle cx="12" cy="14" r="2" /><polyline points="14 4 14 8 8 8 8 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2" /><circle cx="12" cy="14" r="2" /><polyline points="14 4 14 8 8 8 8 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="device-gamepad" data-toggle="tooltip" title="device-gamepad">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="2" y="6" width="20" height="12" rx="2" /><path d="M6 12h4m-2 -2v4" /><line x1="15" y1="11" x2="15" y2="11.01" /><line x1="18" y1="13" x2="18" y2="13.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="2" y="6" width="20" height="12" rx="2" /><path d="M6 12h4m-2 -2v4" /><line x1="15" y1="11" x2="15" y2="11.01" /><line x1="18" y1="13" x2="18" y2="13.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="device-laptop" data-toggle="tooltip" title="device-laptop">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="19" x2="21" y2="19" /><rect x="5" y="6" width="14" height="10" rx="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="19" x2="21" y2="19" /><rect x="5" y="6" width="14" height="10" rx="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="device-mobile-rotated" data-toggle="tooltip" title="device-mobile-rotated">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><g transform="rotate(90 12 12)"><rect x="7" y="4" width="10" height="16" rx="1" /><line x1="11" y1="5" x2="13" y2="5" /><line x1="12" y1="17" x2="12" y2="17.01" /></g></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><g transform="rotate(90 12 12)"><rect x="7" y="4" width="10" height="16" rx="1" /><line x1="11" y1="5" x2="13" y2="5" /><line x1="12" y1="17" x2="12" y2="17.01" /></g></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="device-mobile-vibration" data-toggle="tooltip" title="device-mobile-vibration">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="10" height="16" rx="1" /><line x1="8" y1="5" x2="10" y2="5" /><line x1="9" y1="17" x2="9" y2="17.01" /><path d="M20 6l-2 3l2 3l-2 3l2 3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="10" height="16" rx="1" /><line x1="8" y1="5" x2="10" y2="5" /><line x1="9" y1="17" x2="9" y2="17.01" /><path d="M20 6l-2 3l2 3l-2 3l2 3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="device-mobile" data-toggle="tooltip" title="device-mobile">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="4" width="10" height="16" rx="1" /><line x1="11" y1="5" x2="13" y2="5" /><line x1="12" y1="17" x2="12" y2="17.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="4" width="10" height="16" rx="1" /><line x1="11" y1="5" x2="13" y2="5" /><line x1="12" y1="17" x2="12" y2="17.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="device-speaker" data-toggle="tooltip" title="device-speaker">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="3" width="14" height="18" rx="2" /><circle cx="12" cy="14" r="3" /><line x1="12" y1="7" x2="12" y2="7.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="3" width="14" height="18" rx="2" /><circle cx="12" cy="14" r="3" /><line x1="12" y1="7" x2="12" y2="7.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="device-tablet" data-toggle="tooltip" title="device-tablet">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="3" width="14" height="18" rx="1" /><circle cx="12" cy="17" r="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="3" width="14" height="18" rx="1" /><circle cx="12" cy="17" r="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="device-tv" data-toggle="tooltip" title="device-tv">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="7" width="18" height="13" rx="2" /><polyline points="16 3 12 7 8 3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="7" width="18" height="13" rx="2" /><polyline points="16 3 12 7 8 3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="device-watch" data-toggle="tooltip" title="device-watch">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="6" y="6" width="12" height="12" rx="3" /><path d="M9 18v3h6v-3" /><path d="M9 6v-3h6v3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="6" y="6" width="12" height="12" rx="3" /><path d="M9 18v3h6v-3" /><path d="M9 6v-3h6v3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="devices-2" data-toggle="tooltip" title="devices-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 15h-6a1 1 0 0 1 -1 -1v-8a1 1 0 0 1 1 -1h6" /><rect x="13" y="4" width="8" height="16" rx="1" /><line x1="7" y1="19" x2="10" y2="19" /><line x1="17" y1="8" x2="17" y2="8.01" /><circle cx="17" cy="16" r="1" /><line x1="9" y1="15" x2="9" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 15h-6a1 1 0 0 1 -1 -1v-8a1 1 0 0 1 1 -1h6" /><rect x="13" y="4" width="8" height="16" rx="1" /><line x1="7" y1="19" x2="10" y2="19" /><line x1="17" y1="8" x2="17" y2="8.01" /><circle cx="17" cy="16" r="1" /><line x1="9" y1="15" x2="9" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="devices" data-toggle="tooltip" title="devices">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="13" y="8" width="8" height="12" rx="1" /><path d="M18 8v-3a1 1 0 0 0 -1 -1h-13a1 1 0 0 0 -1 1v12a1 1 0 0 0 1 1h9" /><line x1="16" y1="9" x2="18" y2="9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="13" y="8" width="8" height="12" rx="1" /><path d="M18 8v-3a1 1 0 0 0 -1 -1h-13a1 1 0 0 0 -1 1v12a1 1 0 0 0 1 1h9" /><line x1="16" y1="9" x2="18" y2="9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="diamond" data-toggle="tooltip" title="diamond">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 5h12l3 5l-8.5 9.5a.7 .7 0 0 1 -1 0l-8.5 -9.5l3 -5" /><path d="M10 12l-2 -2.2l.6 -1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 5h12l3 5l-8.5 9.5a.7 .7 0 0 1 -1 0l-8.5 -9.5l3 -5" /><path d="M10 12l-2 -2.2l.6 -1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="dice" data-toggle="tooltip" title="dice">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><circle cx="8.5" cy="8.5" r=".5" fill="currentColor" /><circle cx="15.5" cy="8.5" r=".5" fill="currentColor" /><circle cx="15.5" cy="15.5" r=".5" fill="currentColor" /><circle cx="8.5" cy="15.5" r=".5" fill="currentColor" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><circle cx="8.5" cy="8.5" r=".5" fill="currentColor" /><circle cx="15.5" cy="8.5" r=".5" fill="currentColor" /><circle cx="15.5" cy="15.5" r=".5" fill="currentColor" /><circle cx="8.5" cy="15.5" r=".5" fill="currentColor" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="direction-horizontal" data-toggle="tooltip" title="direction-horizontal">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 9l-3 3l3 3" /><path d="M14 9l3 3l-3 3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 9l-3 3l3 3" /><path d="M14 9l3 3l-3 3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="direction" data-toggle="tooltip" title="direction">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 10l3 -3l3 3" /><path d="M9 14l3 3l3 -3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 10l3 -3l3 3" /><path d="M9 14l3 3l3 -3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="directions" data-toggle="tooltip" title="directions">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h10l2 2l-2 2h-10a1 1 0 0 1 -1 -1v-2a1 1 0 0 1 1 -1" /><path d="M13 13h-7l-2 2l2 2h7a1 1 0 0 0 1 -1v-2a1 1 0 0 0 -1 -1" /><line x1="12" y1="22" x2="12" y2="17" /><line x1="12" y1="13" x2="12" y2="9" /><line x1="12" y1="5" x2="12" y2="3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h10l2 2l-2 2h-10a1 1 0 0 1 -1 -1v-2a1 1 0 0 1 1 -1" /><path d="M13 13h-7l-2 2l2 2h7a1 1 0 0 0 1 -1v-2a1 1 0 0 0 -1 -1" /><line x1="12" y1="22" x2="12" y2="17" /><line x1="12" y1="13" x2="12" y2="9" /><line x1="12" y1="5" x2="12" y2="3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="disabled-2" data-toggle="tooltip" title="disabled-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="17" cy="6" r="2" /><path d="M9 11a5 5 0 1 0 3.95 7.95" /><path d="M19 20l-4 -5h-4l3 -5l-4 -3l-4 1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="17" cy="6" r="2" /><path d="M9 11a5 5 0 1 0 3.95 7.95" /><path d="M19 20l-4 -5h-4l3 -5l-4 -3l-4 1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="disabled" data-toggle="tooltip" title="disabled">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 1 0 6 7.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 1 0 6 7.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="disc" data-toggle="tooltip" title="disc">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><circle cx="12" cy="12" r="1" /><path d="M7 12a5 5 0 0 1 5 -5" /><path d="M12 17a5 5 0 0 0 5 -5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><circle cx="12" cy="12" r="1" /><path d="M7 12a5 5 0 0 1 5 -5" /><path d="M12 17a5 5 0 0 0 5 -5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="discount" data-toggle="tooltip" title="discount">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="15" x2="15" y2="9" /><circle cx="9.5" cy="9.5" r=".5" fill="currentColor" /><circle cx="14.5" cy="14.5" r=".5" fill="currentColor" /><path d="M5 7.2a2.2 2.2 0 0 1 2.2 -2.2h1a2.2 2.2 0 0 0 1.55 -.64l.7 -.7a2.2 2.2 0 0 1 3.12 0l.7 .7a2.2 2.2 0 0 0 1.55 .64h1a2.2 2.2 0 0 1 2.2 2.2v1a2.2 2.2 0 0 0 .64 1.55l.7 .7a2.2 2.2 0 0 1 0 3.12l-.7 .7a2.2 2.2 0 0 0 -.64 1.55v1a2.2 2.2 0 0 1 -2.2 2.2h-1a2.2 2.2 0 0 0 -1.55 .64l-.7 .7a2.2 2.2 0 0 1 -3.12 0l-.7 -.7a2.2 2.2 0 0 0 -1.55 -.64h-1a2.2 2.2 0 0 1 -2.2 -2.2v-1a2.2 2.2 0 0 0 -.64 -1.55l-.7 -.7a2.2 2.2 0 0 1 0 -3.12l.7 -.7a2.2 2.2 0 0 0 .64 -1.55v-1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="15" x2="15" y2="9" /><circle cx="9.5" cy="9.5" r=".5" fill="currentColor" /><circle cx="14.5" cy="14.5" r=".5" fill="currentColor" /><path d="M5 7.2a2.2 2.2 0 0 1 2.2 -2.2h1a2.2 2.2 0 0 0 1.55 -.64l.7 -.7a2.2 2.2 0 0 1 3.12 0l.7 .7a2.2 2.2 0 0 0 1.55 .64h1a2.2 2.2 0 0 1 2.2 2.2v1a2.2 2.2 0 0 0 .64 1.55l.7 .7a2.2 2.2 0 0 1 0 3.12l-.7 .7a2.2 2.2 0 0 0 -.64 1.55v1a2.2 2.2 0 0 1 -2.2 2.2h-1a2.2 2.2 0 0 0 -1.55 .64l-.7 .7a2.2 2.2 0 0 1 -3.12 0l-.7 -.7a2.2 2.2 0 0 0 -1.55 -.64h-1a2.2 2.2 0 0 1 -2.2 -2.2v-1a2.2 2.2 0 0 0 -.64 -1.55l-.7 -.7a2.2 2.2 0 0 1 0 -3.12l.7 -.7a2.2 2.2 0 0 0 .64 -1.55v-1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="divide" data-toggle="tooltip" title="divide">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle fill="currentColor" cx="12" cy="6" r="1" /><circle fill="currentColor" cx="12" cy="18" r="1" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle fill="currentColor" cx="12" cy="6" r="1" /><circle fill="currentColor" cx="12" cy="18" r="1" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="dots-circle-horizontal" data-toggle="tooltip" title="dots-circle-horizontal">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="dots-diagonal-2" data-toggle="tooltip" title="dots-diagonal-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="7" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="17" cy="17" r="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="7" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="17" cy="17" r="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="dots-diagonal" data-toggle="tooltip" title="dots-diagonal">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="17" cy="7" r="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="17" cy="7" r="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="dots-vertical" data-toggle="tooltip" title="dots-vertical">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="1" /><circle cx="12" cy="19" r="1" /><circle cx="12" cy="5" r="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="1" /><circle cx="12" cy="19" r="1" /><circle cx="12" cy="5" r="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="dots" data-toggle="tooltip" title="dots">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="12" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="19" cy="12" r="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="12" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="19" cy="12" r="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="download" data-toggle="tooltip" title="download">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" /><polyline points="7 11 12 16 17 11" /><line x1="12" y1="4" x2="12" y2="16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" /><polyline points="7 11 12 16 17 11" /><line x1="12" y1="4" x2="12" y2="16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="drag-drop-2" data-toggle="tooltip" title="drag-drop-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="8" width="12" height="12" rx="2" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="8" width="12" height="12" rx="2" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="drag-drop" data-toggle="tooltip" title="drag-drop">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" /><path d="M13 13l9 3l-4 2l-2 4l-3 -9" /><line x1="3" y1="3" x2="3" y2="3.01" /><line x1="7" y1="3" x2="7" y2="3.01" /><line x1="11" y1="3" x2="11" y2="3.01" /><line x1="15" y1="3" x2="15" y2="3.01" /><line x1="3" y1="7" x2="3" y2="7.01" /><line x1="3" y1="11" x2="3" y2="11.01" /><line x1="3" y1="15" x2="3" y2="15.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" /><path d="M13 13l9 3l-4 2l-2 4l-3 -9" /><line x1="3" y1="3" x2="3" y2="3.01" /><line x1="7" y1="3" x2="7" y2="3.01" /><line x1="11" y1="3" x2="11" y2="3.01" /><line x1="15" y1="3" x2="15" y2="3.01" /><line x1="3" y1="7" x2="3" y2="7.01" /><line x1="3" y1="11" x2="3" y2="11.01" /><line x1="3" y1="15" x2="3" y2="15.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="drone" data-toggle="tooltip" title="drone">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 10h4v4h-4z" /><line x1="10" y1="10" x2="6.5" y2="6.5" /><path d="M9.96 6a3.5 3.5 0 1 0 -3.96 3.96" /><path d="M14 10l3.5-3.5" /><path d="M18 9.96a3.5 3.5 0 1 0 -3.96 -3.96" /><line x1="14" y1="14" x2="17.5" y2="17.5" /><path d="M14.04 18a3.5 3.5 0 1 0 3.96 -3.96" /><line x1="10" y1="14" x2="6.5" y2="17.5" /><path d="M6 14.04a3.5 3.5 0 1 0 3.96 3.96" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 10h4v4h-4z" /><line x1="10" y1="10" x2="6.5" y2="6.5" /><path d="M9.96 6a3.5 3.5 0 1 0 -3.96 3.96" /><path d="M14 10l3.5-3.5" /><path d="M18 9.96a3.5 3.5 0 1 0 -3.96 -3.96" /><line x1="14" y1="14" x2="17.5" y2="17.5" /><path d="M14.04 18a3.5 3.5 0 1 0 3.96 -3.96" /><line x1="10" y1="14" x2="6.5" y2="17.5" /><path d="M6 14.04a3.5 3.5 0 1 0 3.96 3.96" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="droplet" data-toggle="tooltip" title="droplet">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l5 5a7 7 0 1 1 -10 0l5 -5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l5 5a7 7 0 1 1 -10 0l5 -5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="ear" data-toggle="tooltip" title="ear">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 10a7 7 0 1 1 13 3.6a10 10 0 0 1 -2 2a8 8 0 0 0 -2 3a4.5 4.5 0 0 1 -6.8 1.4" /><path d="M10 10a3 3 0 1 1 5 2.2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 10a7 7 0 1 1 13 3.6a10 10 0 0 1 -2 2a8 8 0 0 0 -2 3a4.5 4.5 0 0 1 -6.8 1.4" /><path d="M10 10a3 3 0 1 1 5 2.2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="edit" data-toggle="tooltip" title="edit">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="egg" data-toggle="tooltip" title="egg">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5.514 14.639c0 3.513 2.904 6.361 6.486 6.361s6.486 -2.848 6.486 -6.361a12.574 12.574 0 0 0 -3.243 -9.012a4.025 4.025 0 0 0 -3.243 -1.627a4.025 4.025 0 0 0 -3.243 1.627a12.574 12.574 0 0 0 -3.243 9.012" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5.514 14.639c0 3.513 2.904 6.361 6.486 6.361s6.486 -2.848 6.486 -6.361a12.574 12.574 0 0 0 -3.243 -9.012a4.025 4.025 0 0 0 -3.243 -1.627a4.025 4.025 0 0 0 -3.243 1.627a12.574 12.574 0 0 0 -3.243 9.012" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="emphasis" data-toggle="tooltip" title="emphasis">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 5h-8v10h8m-1 -5h-7" /><line x1="6" y1="20" x2="6" y2="20.01" /><line x1="10" y1="20" x2="10" y2="20.01" /><line x1="14" y1="20" x2="14" y2="20.01" /><line x1="18" y1="20" x2="18" y2="20.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 5h-8v10h8m-1 -5h-7" /><line x1="6" y1="20" x2="6" y2="20.01" /><line x1="10" y1="20" x2="10" y2="20.01" /><line x1="14" y1="20" x2="14" y2="20.01" /><line x1="18" y1="20" x2="18" y2="20.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="eraser" data-toggle="tooltip" title="eraser">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 19h-11l-4 -4a1 1 0 0 1 0 -1.41l10 -10a1 1 0 0 1 1.41 0l5 5a1 1 0 0 1 0 1.41l-9 9" /><line x1="18" y1="12.3" x2="11.7" y2="6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 19h-11l-4 -4a1 1 0 0 1 0 -1.41l10 -10a1 1 0 0 1 1.41 0l5 5a1 1 0 0 1 0 1.41l-9 9" /><line x1="18" y1="12.3" x2="11.7" y2="6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="exchange" data-toggle="tooltip" title="exchange">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="18" r="2" /><circle cx="19" cy="6" r="2" /><path d="M19 8v5a5 5 0 0 1 -5 5h-3l3 -3m0 6l-3 -3" /><path d="M5 16v-5a5 5 0 0 1 5 -5h3l-3 -3m0 6l3 -3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="18" r="2" /><circle cx="19" cy="6" r="2" /><path d="M19 8v5a5 5 0 0 1 -5 5h-3l3 -3m0 6l-3 -3" /><path d="M5 16v-5a5 5 0 0 1 5 -5h3l-3 -3m0 6l3 -3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="exposure" data-toggle="tooltip" title="exposure">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4.6" y1="19.4" x2="19.4" y2="4.6" /><path d="M7 9h4m-2 -2v4" /><line x1="13" y1="16" x2="17" y2="16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4.6" y1="19.4" x2="19.4" y2="4.6" /><path d="M7 9h4m-2 -2v4" /><line x1="13" y1="16" x2="17" y2="16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="external-link" data-toggle="tooltip" title="external-link">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="eye-off" data-toggle="tooltip" title="eye-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M10.584 10.587a2 2 0 0 0 2.828 2.83" /><path d="M9.363 5.365a9.466 9.466 0 0 1 2.637 -.365c4 0 7.333 2.333 10 7c-.778 1.361 -1.612 2.524 -2.503 3.488m-2.14 1.861c-1.631 1.1 -3.415 1.651 -5.357 1.651c-4 0 -7.333 -2.333 -10 -7c1.369 -2.395 2.913 -4.175 4.632 -5.341" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M10.584 10.587a2 2 0 0 0 2.828 2.83" /><path d="M9.363 5.365a9.466 9.466 0 0 1 2.637 -.365c4 0 7.333 2.333 10 7c-.778 1.361 -1.612 2.524 -2.503 3.488m-2.14 1.861c-1.631 1.1 -3.415 1.651 -5.357 1.651c-4 0 -7.333 -2.333 -10 -7c1.369 -2.395 2.913 -4.175 4.632 -5.341" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="eye" data-toggle="tooltip" title="eye">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="face-id" data-toggle="tooltip" title="face-id">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="fall" data-toggle="tooltip" title="fall">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 21l1-5-1-4-3-4h4l3-3" /><path d="M6 16l-1-4l3-4" /><circle cx="6" cy="5" r="1" /><path d="M13.5 12h2.5l4 2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 21l1-5-1-4-3-4h4l3-3" /><path d="M6 16l-1-4l3-4" /><circle cx="6" cy="5" r="1" /><path d="M13.5 12h2.5l4 2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-certificate" data-toggle="tooltip" title="file-certificate">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 8v-3a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-5" /><circle cx="6" cy="14" r="3" /><path d="M4.5 17l-1.5 5l3 -1.5l3 1.5l-1.5 -5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 8v-3a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-5" /><circle cx="6" cy="14" r="3" /><path d="M4.5 17l-1.5 5l3 -1.5l3 1.5l-1.5 -5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-check" data-toggle="tooltip" title="file-check">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 15l2 2l4 -4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 15l2 2l4 -4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-code" data-toggle="tooltip" title="file-code">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M10 13l-1 2l1 2" /><path d="M14 13l1 2l-1 2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M10 13l-1 2l1 2" /><path d="M14 13l1 2l-1 2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-diff" data-toggle="tooltip" title="file-diff">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="12" y1="10" x2="12" y2="14" /><line x1="10" y1="12" x2="14" y2="12" /><line x1="10" y1="17" x2="14" y2="17" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="12" y1="10" x2="12" y2="14" /><line x1="10" y1="12" x2="14" y2="12" /><line x1="10" y1="17" x2="14" y2="17" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-dislike" data-toggle="tooltip" title="file-dislike">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="14" width="3" height="5" rx="1" /><path d="M6 15a1 1 0 0 1 1 -1h3.756a1 1 0 0 1 .958 .713l1.2 3c.09 .303 .133 .63 -.056 .884c-.188 .254 -.542 .403 -.858 .403h-2v2.467a1.1 1.1 0 0 1 -2.015 .61l-1.985 -3.077v-4z" /><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 11v-6a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-2.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="14" width="3" height="5" rx="1" /><path d="M6 15a1 1 0 0 1 1 -1h3.756a1 1 0 0 1 .958 .713l1.2 3c.09 .303 .133 .63 -.056 .884c-.188 .254 -.542 .403 -.858 .403h-2v2.467a1.1 1.1 0 0 1 -2.015 .61l-1.985 -3.077v-4z" /><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 11v-6a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-2.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-download" data-toggle="tooltip" title="file-download">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="12" y1="11" x2="12" y2="17" /><polyline points="9 14 12 17 15 14" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="12" y1="11" x2="12" y2="17" /><polyline points="9 14 12 17 15 14" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-horizontal" data-toggle="tooltip" title="file-horizontal">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 5v4a1 1 0 0 0 1 1h4" /><path d="M3 7v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2 -2v-7l-5 -5h-11a2 2 0 0 0 -2 2z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 5v4a1 1 0 0 0 1 1h4" /><path d="M3 7v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2 -2v-7l-5 -5h-11a2 2 0 0 0 -2 2z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-invoice" data-toggle="tooltip" title="file-invoice">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="7" x2="10" y2="7" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="13" y1="17" x2="15" y2="17" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="7" x2="10" y2="7" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="13" y1="17" x2="15" y2="17" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-like" data-toggle="tooltip" title="file-like">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="16" width="3" height="5" rx="1" /><path d="M6 20a1 1 0 0 0 1 1h3.756a1 1 0 0 0 .958 -.713l1.2 -3c.09 -.303 .133 -.63 -.056 -.884c-.188 -.254 -.542 -.403 -.858 -.403h-2v-2.467a1.1 1.1 0 0 0 -2.015 -.61l-1.985 3.077v4z" /><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 12.1v-7.1a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-2.3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="16" width="3" height="5" rx="1" /><path d="M6 20a1 1 0 0 0 1 1h3.756a1 1 0 0 0 .958 -.713l1.2 -3c.09 -.303 .133 -.63 -.056 -.884c-.188 -.254 -.542 -.403 -.858 -.403h-2v-2.467a1.1 1.1 0 0 0 -2.015 -.61l-1.985 3.077v4z" /><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 12.1v-7.1a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-2.3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-minus" data-toggle="tooltip" title="file-minus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="14" x2="15" y2="14" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="14" x2="15" y2="14" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-music" data-toggle="tooltip" title="file-music">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><circle cx="11" cy="16" r="1" /><polyline points="12 16 12 11 14 12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><circle cx="11" cy="16" r="1" /><polyline points="12 16 12 11 14 12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-off" data-toggle="tooltip" title="file-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M7 3h7l5 5v7m0 4a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-14" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M7 3h7l5 5v7m0 4a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-14" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-phone" data-toggle="tooltip" title="file-phone">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 12a.5 .5 0 0 0 1 0v-1a.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a.5 .5 0 0 0 0 -1h-1a.5 .5 0 0 0 0 1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 12a.5 .5 0 0 0 1 0v-1a.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a.5 .5 0 0 0 0 -1h-1a.5 .5 0 0 0 0 1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-plus" data-toggle="tooltip" title="file-plus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="12" y1="11" x2="12" y2="17" /><line x1="9" y1="14" x2="15" y2="14" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="12" y1="11" x2="12" y2="17" /><line x1="9" y1="14" x2="15" y2="14" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-search" data-toggle="tooltip" title="file-search">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M12 21h-5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v4.5" /><circle cx="16.5" cy="17.5" r="2.5" /><line x1="18.5" y1="19.5" x2="21" y2="22" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M12 21h-5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v4.5" /><circle cx="16.5" cy="17.5" r="2.5" /><line x1="18.5" y1="19.5" x2="21" y2="22" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-shredder" data-toggle="tooltip" title="file-shredder">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4" /><line x1="3" y1="12" x2="21" y2="12" /><line x1="6" y1="16" x2="6" y2="18" /><line x1="10" y1="16" x2="10" y2="22" /><line x1="14" y1="16" x2="14" y2="18" /><line x1="18" y1="16" x2="18" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4" /><line x1="3" y1="12" x2="21" y2="12" /><line x1="6" y1="16" x2="6" y2="18" /><line x1="10" y1="16" x2="10" y2="22" /><line x1="14" y1="16" x2="14" y2="18" /><line x1="18" y1="16" x2="18" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-symlink" data-toggle="tooltip" title="file-symlink">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-4a3 3 0 0 1 3 -3h5" /><path d="M9 17l3-3-3-3" /><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 11v-6a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-9.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-4a3 3 0 0 1 3 -3h5" /><path d="M9 17l3-3-3-3" /><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 11v-6a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-9.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-text" data-toggle="tooltip" title="file-text">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-upload" data-toggle="tooltip" title="file-upload">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="12" y1="11" x2="12" y2="17" /><polyline points="9 14 12 11 15 14" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="12" y1="11" x2="12" y2="17" /><polyline points="9 14 12 11 15 14" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-x" data-toggle="tooltip" title="file-x">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M10 12l4 4m0 -4l-4 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M10 12l4 4m0 -4l-4 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file-zip" data-toggle="tooltip" title="file-zip">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 20.735a2 2 0 0 1 -1 -1.735v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1" /><path d="M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a2 2 0 0 1 2 -2z" /><line x1="11" y1="5" x2="10" y2="5" /><line x1="13" y1="7" x2="12" y2="7" /><line x1="11" y1="9" x2="10" y2="9" /><line x1="13" y1="11" x2="12" y2="11" /><line x1="11" y1="13" x2="10" y2="13" /><line x1="13" y1="15" x2="12" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 20.735a2 2 0 0 1 -1 -1.735v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1" /><path d="M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a2 2 0 0 1 2 -2z" /><line x1="11" y1="5" x2="10" y2="5" /><line x1="13" y1="7" x2="12" y2="7" /><line x1="11" y1="9" x2="10" y2="9" /><line x1="13" y1="11" x2="12" y2="11" /><line x1="11" y1="13" x2="10" y2="13" /><line x1="13" y1="15" x2="12" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="file" data-toggle="tooltip" title="file">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="filter-off" data-toggle="tooltip" title="filter-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M9 5h9.5a1 1 0 0 1 .5 1.5l-4.049 4.454m-.951 3.046v5l-4 -3v-4l-5 -5.5a1 1 0 0 1 .18 -1.316" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M9 5h9.5a1 1 0 0 1 .5 1.5l-4.049 4.454m-.951 3.046v5l-4 -3v-4l-5 -5.5a1 1 0 0 1 .18 -1.316" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="filter" data-toggle="tooltip" title="filter">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5.5 5h13a1 1 0 0 1 .5 1.5l-5 5.5l0 7l-4 -3l0 -4l-5 -5.5a1 1 0 0 1 .5 -1.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5.5 5h13a1 1 0 0 1 .5 1.5l-5 5.5l0 7l-4 -3l0 -4l-5 -5.5a1 1 0 0 1 .5 -1.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="fingerprint" data-toggle="tooltip" title="fingerprint">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.9 7a8 8 0 0 1 1.1 5v1a6 6 0 0 0 .8 3" /><path d="M8 11a4 4 0 0 1 8 0v1a10 10 0 0 0 2 6" /><path d="M12 11v2a14 14 0 0 0 2.5 8" /><path d="M8 15a18 18 0 0 0 1.8 6" /><path d="M4.9 19a22 22 0 0 1 -.9 -7v-1a8 8 0 0 1 12 -6.95" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.9 7a8 8 0 0 1 1.1 5v1a6 6 0 0 0 .8 3" /><path d="M8 11a4 4 0 0 1 8 0v1a10 10 0 0 0 2 6" /><path d="M12 11v2a14 14 0 0 0 2.5 8" /><path d="M8 15a18 18 0 0 0 1.8 6" /><path d="M4.9 19a22 22 0 0 1 -.9 -7v-1a8 8 0 0 1 12 -6.95" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="firetruck" data-toggle="tooltip" title="firetruck">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M7 18h8m4 0h2v-6a5 5 0 0 0 -5 -5h-1l1.5 5h4.5" /><path d="M12 18v-11h3" /><polyline points="3 17 3 12 12 12" /><line x1="3" y1="9" x2="21" y2="3" /><line x1="6" y1="12" x2="6" y2="8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M7 18h8m4 0h2v-6a5 5 0 0 0 -5 -5h-1l1.5 5h4.5" /><path d="M12 18v-11h3" /><polyline points="3 17 3 12 12 12" /><line x1="3" y1="9" x2="21" y2="3" /><line x1="6" y1="12" x2="6" y2="8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="flag" data-toggle="tooltip" title="flag">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="5" x2="5" y2="21" /><line x1="19" y1="5" x2="19" y2="14" /><path d="M5 5a5 5 0 0 1 7 0a5 5 0 0 0 7 0" /><path d="M5 14a5 5 0 0 1 7 0a5 5 0 0 0 7 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="5" x2="5" y2="21" /><line x1="19" y1="5" x2="19" y2="14" /><path d="M5 5a5 5 0 0 1 7 0a5 5 0 0 0 7 0" /><path d="M5 14a5 5 0 0 1 7 0a5 5 0 0 0 7 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="flame" data-toggle="tooltip" title="flame">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.762 4.383 -2.989 5.642c-1.226 1.26 -2.011 2.598 -2.011 4.358a6 6 0 1 0 12 0c0 -1.532 -.77 -2.94 -1.714 -4c-1.786 3 -3.077 3 -4.286 2z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.762 4.383 -2.989 5.642c-1.226 1.26 -2.011 2.598 -2.011 4.358a6 6 0 1 0 12 0c0 -1.532 -.77 -2.94 -1.714 -4c-1.786 3 -3.077 3 -4.286 2z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="flask" data-toggle="tooltip" title="flask">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="3" x2="15" y2="3" /><line x1="10" y1="9" x2="14" y2="9" /><path d="M10 3v6l-4 11a.7 .7 0 0 0 .5 1h11a.7 .7 0 0 0 .5 -1l-4 -11v-6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="3" x2="15" y2="3" /><line x1="10" y1="9" x2="14" y2="9" /><path d="M10 3v6l-4 11a.7 .7 0 0 0 .5 1h11a.7 .7 0 0 0 .5 -1l-4 -11v-6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="flip-horizontal" data-toggle="tooltip" title="flip-horizontal">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="12" x2="21" y2="12" /><polyline points="7 16 17 16 7 21 7 16" /><polyline points="7 8 17 8 7 3 7 8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="12" x2="21" y2="12" /><polyline points="7 16 17 16 7 21 7 16" /><polyline points="7 8 17 8 7 3 7 8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="flip-vertical" data-toggle="tooltip" title="flip-vertical">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="3" x2="12" y2="21" /><polyline points="16 7 16 17 21 17 16 7" /><polyline points="8 7 8 17 3 17 8 7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="3" x2="12" y2="21" /><polyline points="16 7 16 17 21 17 16 7" /><polyline points="8 7 8 17 3 17 8 7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="float-center" data-toggle="tooltip" title="float-center">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect width="6" height="6" x="9" y="5" rx="1" /><line x1="4" y1="7" x2="5" y2="7" /><line x1="4" y1="11" x2="5" y2="11" /><line x1="19" y1="7" x2="20" y2="7" /><line x1="19" y1="11" x2="20" y2="11" /><line x1="4" y1="15" x2="20" y2="15" /><line x1="4" y1="19" x2="20" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect width="6" height="6" x="9" y="5" rx="1" /><line x1="4" y1="7" x2="5" y2="7" /><line x1="4" y1="11" x2="5" y2="11" /><line x1="19" y1="7" x2="20" y2="7" /><line x1="19" y1="11" x2="20" y2="11" /><line x1="4" y1="15" x2="20" y2="15" /><line x1="4" y1="19" x2="20" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="float-left" data-toggle="tooltip" title="float-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect width="6" height="6" x="4" y="5" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="14" y1="11" x2="20" y2="11" /><line x1="4" y1="15" x2="20" y2="15" /><line x1="4" y1="19" x2="20" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect width="6" height="6" x="4" y="5" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="14" y1="11" x2="20" y2="11" /><line x1="4" y1="15" x2="20" y2="15" /><line x1="4" y1="19" x2="20" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="float-none" data-toggle="tooltip" title="float-none">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect width="6" height="6" x="4" y="5" rx="1" /><line x1="4" y1="15" x2="20" y2="15" /><line x1="4" y1="19" x2="20" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect width="6" height="6" x="4" y="5" rx="1" /><line x1="4" y1="15" x2="20" y2="15" /><line x1="4" y1="19" x2="20" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="float-right" data-toggle="tooltip" title="float-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect width="6" height="6" x="14" y="5" rx="1" /><line x1="4" y1="7" x2="10" y2="7" /><line x1="4" y1="11" x2="10" y2="11" /><line x1="4" y1="15" x2="20" y2="15" /><line x1="4" y1="19" x2="20" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect width="6" height="6" x="14" y="5" rx="1" /><line x1="4" y1="7" x2="10" y2="7" /><line x1="4" y1="11" x2="10" y2="11" /><line x1="4" y1="15" x2="20" y2="15" /><line x1="4" y1="19" x2="20" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="focus-2" data-toggle="tooltip" title="focus-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r=".5" fill="currentColor" /><circle cx="12" cy="12" r="7" /><line x1="12" y1="3" x2="12" y2="5" /><line x1="3" y1="12" x2="5" y2="12" /><line x1="12" y1="19" x2="12" y2="21" /><line x1="19" y1="12" x2="21" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r=".5" fill="currentColor" /><circle cx="12" cy="12" r="7" /><line x1="12" y1="3" x2="12" y2="5" /><line x1="3" y1="12" x2="5" y2="12" /><line x1="12" y1="19" x2="12" y2="21" /><line x1="19" y1="12" x2="21" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="focus" data-toggle="tooltip" title="focus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r=".5" fill="currentColor" /><circle cx="12" cy="12" r="9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r=".5" fill="currentColor" /><circle cx="12" cy="12" r="9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="fold-down" data-toggle="tooltip" title="fold-down">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 11v8l3 -3m-6 0l3 3" /><line x1="9" y1="7" x2="10" y2="7" /><line x1="14" y1="7" x2="15" y2="7" /><line x1="19" y1="7" x2="20" y2="7" /><line x1="4" y1="7" x2="5" y2="7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 11v8l3 -3m-6 0l3 3" /><line x1="9" y1="7" x2="10" y2="7" /><line x1="14" y1="7" x2="15" y2="7" /><line x1="19" y1="7" x2="20" y2="7" /><line x1="4" y1="7" x2="5" y2="7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="fold-up" data-toggle="tooltip" title="fold-up">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 13v-8l-3 3m6 0l-3 -3" /><line x1="9" y1="17" x2="10" y2="17" /><line x1="14" y1="17" x2="15" y2="17" /><line x1="19" y1="17" x2="20" y2="17" /><line x1="4" y1="17" x2="5" y2="17" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 13v-8l-3 3m6 0l-3 -3" /><line x1="9" y1="17" x2="10" y2="17" /><line x1="14" y1="17" x2="15" y2="17" /><line x1="19" y1="17" x2="20" y2="17" /><line x1="4" y1="17" x2="5" y2="17" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="fold" data-toggle="tooltip" title="fold">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3v6l3 -3m-6 0l3 3" /><path d="M12 21v-6l3 3m-6 0l3 -3" /><line x1="4" y1="12" x2="5" y2="12" /><line x1="9" y1="12" x2="10" y2="12" /><line x1="14" y1="12" x2="15" y2="12" /><line x1="19" y1="12" x2="20" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3v6l3 -3m-6 0l3 3" /><path d="M12 21v-6l3 3m-6 0l3 -3" /><line x1="4" y1="12" x2="5" y2="12" /><line x1="9" y1="12" x2="10" y2="12" /><line x1="14" y1="12" x2="15" y2="12" /><line x1="19" y1="12" x2="20" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="folder-minus" data-toggle="tooltip" title="folder-minus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2" /><line x1="9" y1="13" x2="15" y2="13" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2" /><line x1="9" y1="13" x2="15" y2="13" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="folder-off" data-toggle="tooltip" title="folder-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M19 19h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 1.172 -1.821m3.828 -.179h1l3 3h7a2 2 0 0 1 2 2v8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M19 19h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 1.172 -1.821m3.828 -.179h1l3 3h7a2 2 0 0 1 2 2v8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="folder-plus" data-toggle="tooltip" title="folder-plus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2" /><line x1="12" y1="10" x2="12" y2="16" /><line x1="9" y1="13" x2="15" y2="13" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2" /><line x1="12" y1="10" x2="12" y2="16" /><line x1="9" y1="13" x2="15" y2="13" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="folder-x" data-toggle="tooltip" title="folder-x">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2" /><path d="M10 11l4 4m0 -4l-4 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2" /><path d="M10 11l4 4m0 -4l-4 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="folder" data-toggle="tooltip" title="folder">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="folders" data-toggle="tooltip" title="folders">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 4h3l2 2h5a2 2 0 0 1 2 2v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" /><path d="M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2h2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 4h3l2 2h5a2 2 0 0 1 2 2v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" /><path d="M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2h2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="forbid-2" data-toggle="tooltip" title="forbid-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="15" x2="15" y2="9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="15" x2="15" y2="9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="forbid" data-toggle="tooltip" title="forbid">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="15" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="15" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="forklift" data-toggle="tooltip" title="forklift">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="17" r="2" /><circle cx="14" cy="17" r="2" /><line x1="7" y1="17" x2="12" y2="17" /><path d="M3 17v-6h13v6" /><path d="M5 11v-4h4" /><path d="M9 11v-6h4l3 6" /><path d="M22 15h-3v-10" /><line x1="16" y1="13" x2="19" y2="13" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="17" r="2" /><circle cx="14" cy="17" r="2" /><line x1="7" y1="17" x2="12" y2="17" /><path d="M3 17v-6h13v6" /><path d="M5 11v-4h4" /><path d="M9 11v-6h4l3 6" /><path d="M22 15h-3v-10" /><line x1="16" y1="13" x2="19" y2="13" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="frame" data-toggle="tooltip" title="frame">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="7" x2="20" y2="7" /><line x1="4" y1="17" x2="20" y2="17" /><line x1="7" y1="4" x2="7" y2="20" /><line x1="17" y1="4" x2="17" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="7" x2="20" y2="7" /><line x1="4" y1="17" x2="20" y2="17" /><line x1="7" y1="4" x2="7" y2="20" /><line x1="17" y1="4" x2="17" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="friends" data-toggle="tooltip" title="friends">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="5" r="2" /><path d="M5 22v-5l-1-1v-4a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4l-1 1v5" /><circle cx="17" cy="5" r="2" /><path d="M15 22v-4h-2l2 -6a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1l2 6h-2v4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="5" r="2" /><path d="M5 22v-5l-1-1v-4a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4l-1 1v5" /><circle cx="17" cy="5" r="2" /><path d="M15 22v-4h-2l2 -6a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1l2 6h-2v4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="gas-station" data-toggle="tooltip" title="gas-station">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 11h1a2 2 0 0 1 2 2v3a1.5 1.5 0 0 0 3 0v-7l-3 -3" /><line x1="4" y1="19" x2="14" y2="19" /><line x1="5" y1="11" x2="13" y2="11" /><path d="M5 19v-12a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v12" /><path d="M17 7v1a1 1 0 0 0 1 1h1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 11h1a2 2 0 0 1 2 2v3a1.5 1.5 0 0 0 3 0v-7l-3 -3" /><line x1="4" y1="19" x2="14" y2="19" /><line x1="5" y1="11" x2="13" y2="11" /><path d="M5 19v-12a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v12" /><path d="M17 7v1a1 1 0 0 0 1 1h1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="gauge" data-toggle="tooltip" title="gauge">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><circle cx="12" cy="12" r="1" /><line x1="13.41" y1="10.59" x2="16" y2="8" /><path d="M7 12a5 5 0 0 1 5 -5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><circle cx="12" cy="12" r="1" /><line x1="13.41" y1="10.59" x2="16" y2="8" /><path d="M7 12a5 5 0 0 1 5 -5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="ghost" data-toggle="tooltip" title="ghost">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="gift" data-toggle="tooltip" title="gift">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="8" width="18" height="4" rx="1" /><line x1="12" y1="8" x2="12" y2="21" /><path d="M19 12v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-7" /><path d="M7.5 8a2.5 2.5 0 0 1 0 -5a4.8 8 0 0 1 4.5 5a4.8 8 0 0 1 4.5 -5a2.5 2.5 0 0 1 0 5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="8" width="18" height="4" rx="1" /><line x1="12" y1="8" x2="12" y2="21" /><path d="M19 12v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-7" /><path d="M7.5 8a2.5 2.5 0 0 1 0 -5a4.8 8 0 0 1 4.5 5a4.8 8 0 0 1 4.5 -5a2.5 2.5 0 0 1 0 5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="git-branch" data-toggle="tooltip" title="git-branch">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="git-commit" data-toggle="tooltip" title="git-commit">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><line x1="12" y1="3" x2="12" y2="9" /><line x1="12" y1="15" x2="12" y2="21" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><line x1="12" y1="3" x2="12" y2="9" /><line x1="12" y1="15" x2="12" y2="21" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="git-compare" data-toggle="tooltip" title="git-compare">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="6" r="2" /><circle cx="18" cy="18" r="2" /><path d="M11 6h5a2 2 0 0 1 2 2v8" /><polyline points="14 9 11 6 14 3" /><path d="M13 18h-5a2 2 0 0 1 -2 -2v-8" /><polyline points="10 15 13 18 10 21" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="6" r="2" /><circle cx="18" cy="18" r="2" /><path d="M11 6h5a2 2 0 0 1 2 2v8" /><polyline points="14 9 11 6 14 3" /><path d="M13 18h-5a2 2 0 0 1 -2 -2v-8" /><polyline points="10 15 13 18 10 21" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="git-fork" data-toggle="tooltip" title="git-fork">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><path d="M7 8v2a2 2 0 0 0 2 2h6a2 2 0 0 0 2 -2v-2" /><line x1="12" y1="12" x2="12" y2="16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><path d="M7 8v2a2 2 0 0 0 2 2h6a2 2 0 0 0 2 -2v-2" /><line x1="12" y1="12" x2="12" y2="16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="git-merge" data-toggle="tooltip" title="git-merge">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="12" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M7 8a4 4 0 0 0 4 4h4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="12" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M7 8a4 4 0 0 0 4 4h4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="git-pull-request" data-toggle="tooltip" title="git-pull-request">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="18" r="2" /><circle cx="6" cy="6" r="2" /><circle cx="18" cy="18" r="2" /><line x1="6" y1="8" x2="6" y2="16" /><path d="M11 6h5a2 2 0 0 1 2 2v8" /><polyline points="14 9 11 6 14 3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="18" r="2" /><circle cx="6" cy="6" r="2" /><circle cx="18" cy="18" r="2" /><line x1="6" y1="8" x2="6" y2="16" /><path d="M11 6h5a2 2 0 0 1 2 2v8" /><polyline points="14 9 11 6 14 3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="glass-full" data-toggle="tooltip" title="glass-full">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="15" x2="12" y2="21" /><path d="M16 4l1 6a5 5 0 0 1 -10 0l1 -6z" /><path d="M7 10a4 4 0 0 1 5 0a4 4 0 0 0 5 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="15" x2="12" y2="21" /><path d="M16 4l1 6a5 5 0 0 1 -10 0l1 -6z" /><path d="M7 10a4 4 0 0 1 5 0a4 4 0 0 0 5 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="glass" data-toggle="tooltip" title="glass">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="15" x2="12" y2="21" /><path d="M16 4l1 6a5 5 0 0 1 -10 0l1 -6z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="15" x2="12" y2="21" /><path d="M16 4l1 6a5 5 0 0 1 -10 0l1 -6z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="globe" data-toggle="tooltip" title="globe">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="10" r="4" /><path d="M6.75 16a8.015 8.015 0 1 0 9.25 -13" /><line x1="12" y1="18" x2="12" y2="22" /><line x1="8" y1="22" x2="16" y2="22" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="10" r="4" /><path d="M6.75 16a8.015 8.015 0 1 0 9.25 -13" /><line x1="12" y1="18" x2="12" y2="22" /><line x1="8" y1="22" x2="16" y2="22" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="golf" data-toggle="tooltip" title="golf">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 18v-15l7 4l-7 4" /><path d="M9 17.67c-.62 .36 -1 .82 -1 1.33c0 1.1 1.8 2 4 2s4 -.9 4 -2c0 -.5 -.38 -.97 -1 -1.33" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 18v-15l7 4l-7 4" /><path d="M9 17.67c-.62 .36 -1 .82 -1 1.33c0 1.1 1.8 2 4 2s4 -.9 4 -2c0 -.5 -.38 -.97 -1 -1.33" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="gps" data-toggle="tooltip" title="gps">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M12 17l-1 -4l-4 -1l9 -4z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M12 17l-1 -4l-4 -1l9 -4z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="grid-dots" data-toggle="tooltip" title="grid-dots">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="5" r="1" /><circle cx="12" cy="5" r="1" /><circle cx="19" cy="5" r="1" /><circle cx="5" cy="12" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="19" cy="12" r="1" /><circle cx="5" cy="19" r="1" /><circle cx="12" cy="19" r="1" /><circle cx="19" cy="19" r="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="5" r="1" /><circle cx="12" cy="5" r="1" /><circle cx="19" cy="5" r="1" /><circle cx="5" cy="12" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="19" cy="12" r="1" /><circle cx="5" cy="19" r="1" /><circle cx="12" cy="19" r="1" /><circle cx="19" cy="19" r="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="grid" data-toggle="tooltip" title="grid">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="14" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="14" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="grip-horizontal" data-toggle="tooltip" title="grip-horizontal">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="9" r="1" /><circle cx="5" cy="15" r="1" /><circle cx="12" cy="9" r="1" /><circle cx="12" cy="15" r="1" /><circle cx="19" cy="9" r="1" /><circle cx="19" cy="15" r="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="9" r="1" /><circle cx="5" cy="15" r="1" /><circle cx="12" cy="9" r="1" /><circle cx="12" cy="15" r="1" /><circle cx="19" cy="9" r="1" /><circle cx="19" cy="15" r="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="grip-vertical" data-toggle="tooltip" title="grip-vertical">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="5" r="1" /><circle cx="9" cy="12" r="1" /><circle cx="9" cy="19" r="1" /><circle cx="15" cy="5" r="1" /><circle cx="15" cy="12" r="1" /><circle cx="15" cy="19" r="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="5" r="1" /><circle cx="9" cy="12" r="1" /><circle cx="9" cy="19" r="1" /><circle cx="15" cy="5" r="1" /><circle cx="15" cy="12" r="1" /><circle cx="15" cy="19" r="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="h-1" data-toggle="tooltip" title="h-1">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="5" x2="3" y2="19" /><line x1="3" y1="12" x2="12" y2="12" /><line x1="12" y1="5" x2="12" y2="19" /><path d="M20 19v-10l-3 3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="5" x2="3" y2="19" /><line x1="3" y1="12" x2="12" y2="12" /><line x1="12" y1="5" x2="12" y2="19" /><path d="M20 19v-10l-3 3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="h-2" data-toggle="tooltip" title="h-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="5" x2="3" y2="19" /><line x1="3" y1="12" x2="12" y2="12" /><line x1="12" y1="5" x2="12" y2="19" /><path d="M21 19h-5l4.47 -5.96a2.5 2.5 0 1 0 -4.47 -1.54" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="5" x2="3" y2="19" /><line x1="3" y1="12" x2="12" y2="12" /><line x1="12" y1="5" x2="12" y2="19" /><path d="M21 19h-5l4.47 -5.96a2.5 2.5 0 1 0 -4.47 -1.54" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="h-3" data-toggle="tooltip" title="h-3">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="5" x2="3" y2="19" /><line x1="3" y1="12" x2="12" y2="12" /><line x1="12" y1="5" x2="12" y2="19" /><path d="M16 11.5a2.5 2.5 0 1 1 2.5 2.5a2.5 2.5 0 1 1 -2.5 2.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="5" x2="3" y2="19" /><line x1="3" y1="12" x2="12" y2="12" /><line x1="12" y1="5" x2="12" y2="19" /><path d="M16 11.5a2.5 2.5 0 1 1 2.5 2.5a2.5 2.5 0 1 1 -2.5 2.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="h-4" data-toggle="tooltip" title="h-4">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="5" x2="3" y2="19" /><line x1="3" y1="12" x2="12" y2="12" /><line x1="12" y1="5" x2="12" y2="19" /><path d="M20 19v-10l-5 8h7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="5" x2="3" y2="19" /><line x1="3" y1="12" x2="12" y2="12" /><line x1="12" y1="5" x2="12" y2="19" /><path d="M20 19v-10l-5 8h7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="h-5" data-toggle="tooltip" title="h-5">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="5" x2="3" y2="19" /><line x1="3" y1="12" x2="12" y2="12" /><line x1="12" y1="5" x2="12" y2="19" /><path d="M16 18.27a3 3 0 1 0 0 -4.537l0 -4.733h5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="5" x2="3" y2="19" /><line x1="3" y1="12" x2="12" y2="12" /><line x1="12" y1="5" x2="12" y2="19" /><path d="M16 18.27a3 3 0 1 0 0 -4.537l0 -4.733h5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="h-6" data-toggle="tooltip" title="h-6">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="5" x2="3" y2="19" /><line x1="3" y1="12" x2="12" y2="12" /><line x1="12" y1="5" x2="12" y2="19" /><circle cx="18.5" cy="16.5" r="2.5" /><line x1="20" y1="9" x2="16.5" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="5" x2="3" y2="19" /><line x1="3" y1="12" x2="12" y2="12" /><line x1="12" y1="5" x2="12" y2="19" /><circle cx="18.5" cy="16.5" r="2.5" /><line x1="20" y1="9" x2="16.5" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="hand-middle-finger" data-toggle="tooltip" title="hand-middle-finger">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13.5v-4a1.5 1.5 0 0 1 3 0v2.5m0 -2.5v-6a1.5 1.5 0 0 1 3 0v8.5m0 -2.5a1.5 1.5 0 0 1 3 0v2.5m0 -1.5a1.5 1.5 0 0 1 3 0v5.5a6 6 0 0 1 -6 6h-2a7 6 0 0 1 -5 -3l-2.7 -5.25a1.4 1.4 0 0 1 2.75 -2l.9 1.75" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13.5v-4a1.5 1.5 0 0 1 3 0v2.5m0 -2.5v-6a1.5 1.5 0 0 1 3 0v8.5m0 -2.5a1.5 1.5 0 0 1 3 0v2.5m0 -1.5a1.5 1.5 0 0 1 3 0v5.5a6 6 0 0 1 -6 6h-2a7 6 0 0 1 -5 -3l-2.7 -5.25a1.4 1.4 0 0 1 2.75 -2l.9 1.75" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="hand-off" data-toggle="tooltip" title="hand-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M8 13.5v-5.5m.44 -3.562a1.5 1.5 0 0 1 2.56 1.062v1.5m0 4.008v.992m0 -6.5v-2a1.5 1.5 0 1 1 3 0v6.5m0 -4.5a1.5 1.5 0 0 1 3 0v6.5m0 -4.5a1.5 1.5 0 0 1 3 0v8.5a6 6 0 0 1 -6 6h-2c-2.114 -.292 -3.956 -1.397 -5 -3l-2.7 -5.25a1.7 1.7 0 0 1 2.75 -2l.9 1.75" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M8 13.5v-5.5m.44 -3.562a1.5 1.5 0 0 1 2.56 1.062v1.5m0 4.008v.992m0 -6.5v-2a1.5 1.5 0 1 1 3 0v6.5m0 -4.5a1.5 1.5 0 0 1 3 0v6.5m0 -4.5a1.5 1.5 0 0 1 3 0v8.5a6 6 0 0 1 -6 6h-2c-2.114 -.292 -3.956 -1.397 -5 -3l-2.7 -5.25a1.7 1.7 0 0 1 2.75 -2l.9 1.75" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="hand-stop" data-toggle="tooltip" title="hand-stop">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13.5v-8a1.5 1.5 0 0 1 3 0v6.5m0 -6.5v-2a1.5 1.5 0 0 1 3 0v8.5m0 -6.5a1.5 1.5 0 0 1 3 0v6.5m0 -4.5a1.5 1.5 0 0 1 3 0v8.5a6 6 0 0 1 -6 6h-2a7 6 0 0 1 -5 -3l-2.7 -5.25a1.4 1.4 0 0 1 2.75 -2l.9 1.75" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13.5v-8a1.5 1.5 0 0 1 3 0v6.5m0 -6.5v-2a1.5 1.5 0 0 1 3 0v8.5m0 -6.5a1.5 1.5 0 0 1 3 0v6.5m0 -4.5a1.5 1.5 0 0 1 3 0v8.5a6 6 0 0 1 -6 6h-2a7 6 0 0 1 -5 -3l-2.7 -5.25a1.4 1.4 0 0 1 2.75 -2l.9 1.75" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="hash" data-toggle="tooltip" title="hash">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="9" x2="19" y2="9" /><line x1="5" y1="15" x2="19" y2="15" /><line x1="11" y1="4" x2="7" y2="20" /><line x1="17" y1="4" x2="13" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="9" x2="19" y2="9" /><line x1="5" y1="15" x2="19" y2="15" /><line x1="11" y1="4" x2="7" y2="20" /><line x1="17" y1="4" x2="13" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="headphones-off" data-toggle="tooltip" title="headphones-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><rect x="4" y="13" width="5" height="7" rx="2" /><path d="M17 13h1a2 2 0 0 1 2 2v1m-.589 3.417c-.361.36-.86.583-1.411.583h-1a2 2 0 0 1 -2 -2v-3" /><path d="M4 15v-3c0 -2.21 .896 -4.21 2.344 -5.658m2.369 -1.638a8 8 0 0 1 11.287 7.296v3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><rect x="4" y="13" width="5" height="7" rx="2" /><path d="M17 13h1a2 2 0 0 1 2 2v1m-.589 3.417c-.361.36-.86.583-1.411.583h-1a2 2 0 0 1 -2 -2v-3" /><path d="M4 15v-3c0 -2.21 .896 -4.21 2.344 -5.658m2.369 -1.638a8 8 0 0 1 11.287 7.296v3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="headphones" data-toggle="tooltip" title="headphones">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="13" rx="2" width="5" height="7" /><rect x="15" y="13" rx="2" width="5" height="7" /><path d="M4 15v-3a8 8 0 0 1 16 0v3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="13" rx="2" width="5" height="7" /><rect x="15" y="13" rx="2" width="5" height="7" /><path d="M4 15v-3a8 8 0 0 1 16 0v3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="headset" data-toggle="tooltip" title="headset">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="13" rx="2" width="4" height="6" /><rect x="16" y="13" rx="2" width="4" height="6" /><path d="M4 15v-3a8 8 0 0 1 16 0v3" /><path d="M18 19a6 3 0 0 1 -6 3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="13" rx="2" width="4" height="6" /><rect x="16" y="13" rx="2" width="4" height="6" /><path d="M4 15v-3a8 8 0 0 1 16 0v3" /><path d="M18 19a6 3 0 0 1 -6 3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="heart-broken" data-toggle="tooltip" title="heart-broken">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /><path d="M12 7l-2 4l4 3l-2 4v3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /><path d="M12 7l-2 4l4 3l-2 4v3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="heart" data-toggle="tooltip" title="heart">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="helicopter-landing" data-toggle="tooltip" title="helicopter-landing">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="8" x2="9" y2="16" /><line x1="9" y1="12" x2="15" y2="12" /><line x1="15" y1="8" x2="15" y2="16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="8" x2="9" y2="16" /><line x1="9" y1="12" x2="15" y2="12" /><line x1="15" y1="8" x2="15" y2="16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="helicopter" data-toggle="tooltip" title="helicopter">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 10l1 2h6" /><path d="M12 9a2 2 0 0 0 -2 2v3c0 1.1 .9 2 2 2h7a2 2 0 0 0 2 -2c0 -3.31 -3.13 -5 -7 -5h-2z" /><line x1="13" y1="9" x2="13" y2="6" /><line x1="5" y1="6" x2="20" y2="6" /><path d="M15 9.1v3.9h5.5" /><line x1="15" y1="19" x2="15" y2="16" /><line x1="19" y1="19" x2="11" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 10l1 2h6" /><path d="M12 9a2 2 0 0 0 -2 2v3c0 1.1 .9 2 2 2h7a2 2 0 0 0 2 -2c0 -3.31 -3.13 -5 -7 -5h-2z" /><line x1="13" y1="9" x2="13" y2="6" /><line x1="5" y1="6" x2="20" y2="6" /><path d="M15 9.1v3.9h5.5" /><line x1="15" y1="19" x2="15" y2="16" /><line x1="19" y1="19" x2="11" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="help" data-toggle="tooltip" title="help">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="17" x2="12" y2="17.01" /><path d="M12 13.5a1.5 1.5 0 0 1 1 -1.5a2.6 2.6 0 1 0 -3 -4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="17" x2="12" y2="17.01" /><path d="M12 13.5a1.5 1.5 0 0 1 1 -1.5a2.6 2.6 0 1 0 -3 -4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="hexagon" data-toggle="tooltip" title="hexagon">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 6.873a2 2 0 0 1 1 1.747v6.536a2 2 0 0 1 -1.029 1.748l-6 3.833a2 2 0 0 1 -1.942 0l-6 -3.833a2 2 0 0 1 -1.029 -1.747v-6.537a2 2 0 0 1 1.029 -1.748l6 -3.572a2.056 2.056 0 0 1 2 0l6 3.573z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 6.873a2 2 0 0 1 1 1.747v6.536a2 2 0 0 1 -1.029 1.748l-6 3.833a2 2 0 0 1 -1.942 0l-6 -3.833a2 2 0 0 1 -1.029 -1.747v-6.537a2 2 0 0 1 1.029 -1.748l6 -3.572a2.056 2.056 0 0 1 2 0l6 3.573z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="history" data-toggle="tooltip" title="history">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 8 12 12 14 14" /><path d="M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 8 12 12 14 14" /><path d="M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="home-2" data-toggle="tooltip" title="home-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><rect x="10" y="12" width="4" height="4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><rect x="10" y="12" width="4" height="4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="home" data-toggle="tooltip" title="home">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="ice-cream" data-toggle="tooltip" title="ice-cream">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="8" y2="16" /><line x1="5" y1="13" x2="11" y2="19" /><path d="M11 19l7 -7a4 4 0 0 0 -6 -6l-7 7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="8" y2="16" /><line x1="5" y1="13" x2="11" y2="19" /><path d="M11 19l7 -7a4 4 0 0 0 -6 -6l-7 7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="id" data-toggle="tooltip" title="id">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="4" width="18" height="16" rx="3" /><circle cx="9" cy="10" r="2" /><line x1="15" y1="8" x2="17" y2="8" /><line x1="15" y1="12" x2="17" y2="12" /><line x1="7" y1="16" x2="17" y2="16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="4" width="18" height="16" rx="3" /><circle cx="9" cy="10" r="2" /><line x1="15" y1="8" x2="17" y2="8" /><line x1="15" y1="12" x2="17" y2="12" /><line x1="7" y1="16" x2="17" y2="16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="inbox" data-toggle="tooltip" title="inbox">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M4 13h3l3 3h4l3 -3h3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M4 13h3l3 3h4l3 -3h3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="indent-decrease" data-toggle="tooltip" title="indent-decrease">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="6" x2="13" y2="6" /><line x1="20" y1="12" x2="11" y2="12" /><line x1="20" y1="18" x2="13" y2="18" /><path d="M8 8l-4 4l4 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="6" x2="13" y2="6" /><line x1="20" y1="12" x2="11" y2="12" /><line x1="20" y1="18" x2="13" y2="18" /><path d="M8 8l-4 4l4 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="indent-increase" data-toggle="tooltip" title="indent-increase">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="6" x2="9" y2="6" /><line x1="20" y1="12" x2="13" y2="12" /><line x1="20" y1="18" x2="9" y2="18" /><path d="M4 8l4 4l-4 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="6" x2="9" y2="6" /><line x1="20" y1="12" x2="13" y2="12" /><line x1="20" y1="18" x2="9" y2="18" /><path d="M4 8l4 4l-4 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="infinity" data-toggle="tooltip" title="infinity">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9.828 9.172a4 4 0 1 0 0 5.656a10 10 0 0 0 2.172 -2.828a10 10 0 0 1 2.172 -2.828a4 4 0 1 1 0 5.656a10 10 0 0 1 -2.172 -2.828a10 10 0 0 0 -2.172 -2.828" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9.828 9.172a4 4 0 1 0 0 5.656a10 10 0 0 0 2.172 -2.828a10 10 0 0 1 2.172 -2.828a4 4 0 1 1 0 5.656a10 10 0 0 1 -2.172 -2.828a10 10 0 0 0 -2.172 -2.828" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="info-circle" data-toggle="tooltip" title="info-circle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="8" x2="12.01" y2="8" /><polyline points="11 12 12 12 12 16 13 16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="8" x2="12.01" y2="8" /><polyline points="11 12 12 12 12 16 13 16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="info-square" data-toggle="tooltip" title="info-square">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="8" x2="12.01" y2="8" /><rect x="4" y="4" width="16" height="16" rx="2" /><polyline points="11 12 12 12 12 16 13 16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="8" x2="12.01" y2="8" /><rect x="4" y="4" width="16" height="16" rx="2" /><polyline points="11 12 12 12 12 16 13 16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="italic" data-toggle="tooltip" title="italic">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="11" y1="5" x2="17" y2="5" /><line x1="7" y1="19" x2="13" y2="19" /><line x1="14" y1="5" x2="10" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="11" y1="5" x2="17" y2="5" /><line x1="7" y1="19" x2="13" y2="19" /><line x1="14" y1="5" x2="10" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="jump-rope" data-toggle="tooltip" title="jump-rope">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 14v-6a3 3 0 1 1 6 0v8a3 3 0 0 0 6 0v-6" /><rect x="16" y="3" width="4" height="7" rx="2" /><rect x="4" y="14" width="4" height="7" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 14v-6a3 3 0 1 1 6 0v8a3 3 0 0 0 6 0v-6" /><rect x="16" y="3" width="4" height="7" rx="2" /><rect x="4" y="14" width="4" height="7" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="karate" data-toggle="tooltip" title="karate">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="18" cy="4" r="1" /><path d="M3 9l4.5 1l3 2.5" /><path d="M13 21v-8l3-5.5" /><path d="M8 4.5l4 2l4 1l4 3.5l-2 3.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="18" cy="4" r="1" /><path d="M3 9l4.5 1l3 2.5" /><path d="M13 21v-8l3-5.5" /><path d="M8 4.5l4 2l4 1l4 3.5l-2 3.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="key" data-toggle="tooltip" title="key">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="8" cy="15" r="4" /><line x1="10.85" y1="12.15" x2="19" y2="4" /><line x1="18" y1="5" x2="20" y2="7" /><line x1="15" y1="8" x2="17" y2="10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="8" cy="15" r="4" /><line x1="10.85" y1="12.15" x2="19" y2="4" /><line x1="18" y1="5" x2="20" y2="7" /><line x1="15" y1="8" x2="17" y2="10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="keyboard-hide" data-toggle="tooltip" title="keyboard-hide">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="2" y="3" width="20" height="12" rx="2" /><line x1="6" y1="7" x2="6" y2="7" /><line x1="10" y1="7" x2="10" y2="7" /><line x1="14" y1="7" x2="14" y2="7" /><line x1="18" y1="7" x2="18" y2="7" /><line x1="6" y1="11" x2="6" y2="11.01" /><line x1="18" y1="11" x2="18" y2="11.01" /><line x1="10" y1="11" x2="14" y2="11" /><path d="M10 21l2 -2l2 2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="2" y="3" width="20" height="12" rx="2" /><line x1="6" y1="7" x2="6" y2="7" /><line x1="10" y1="7" x2="10" y2="7" /><line x1="14" y1="7" x2="14" y2="7" /><line x1="18" y1="7" x2="18" y2="7" /><line x1="6" y1="11" x2="6" y2="11.01" /><line x1="18" y1="11" x2="18" y2="11.01" /><line x1="10" y1="11" x2="14" y2="11" /><path d="M10 21l2 -2l2 2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="keyboard-show" data-toggle="tooltip" title="keyboard-show">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="2" y="3" width="20" height="12" rx="2" /><line x1="6" y1="7" x2="6" y2="7" /><line x1="10" y1="7" x2="10" y2="7" /><line x1="14" y1="7" x2="14" y2="7" /><line x1="18" y1="7" x2="18" y2="7" /><line x1="6" y1="11" x2="6" y2="11.01" /><line x1="18" y1="11" x2="18" y2="11.01" /><line x1="10" y1="11" x2="14" y2="11" /><path d="M10 19l2 2l2 -2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="2" y="3" width="20" height="12" rx="2" /><line x1="6" y1="7" x2="6" y2="7" /><line x1="10" y1="7" x2="10" y2="7" /><line x1="14" y1="7" x2="14" y2="7" /><line x1="18" y1="7" x2="18" y2="7" /><line x1="6" y1="11" x2="6" y2="11.01" /><line x1="18" y1="11" x2="18" y2="11.01" /><line x1="10" y1="11" x2="14" y2="11" /><path d="M10 19l2 2l2 -2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="keyboard" data-toggle="tooltip" title="keyboard">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="2" y="6" width="20" height="12" rx="2" /><line x1="6" y1="10" x2="6" y2="10" /><line x1="10" y1="10" x2="10" y2="10" /><line x1="14" y1="10" x2="14" y2="10" /><line x1="18" y1="10" x2="18" y2="10" /><line x1="6" y1="14" x2="6" y2="14.01" /><line x1="18" y1="14" x2="18" y2="14.01" /><line x1="10" y1="14" x2="14" y2="14" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="2" y="6" width="20" height="12" rx="2" /><line x1="6" y1="10" x2="6" y2="10" /><line x1="10" y1="10" x2="10" y2="10" /><line x1="14" y1="10" x2="14" y2="10" /><line x1="18" y1="10" x2="18" y2="10" /><line x1="6" y1="14" x2="6" y2="14.01" /><line x1="18" y1="14" x2="18" y2="14.01" /><line x1="10" y1="14" x2="14" y2="14" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="language" data-toggle="tooltip" title="language">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7h7m-2 -2v2a5 8 0 0 1 -5 8m1 -4a7 4 0 0 0 6.7 4" /><path d="M11 19l4 -9l4 9m-.9 -2h-6.2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7h7m-2 -2v2a5 8 0 0 1 -5 8m1 -4a7 4 0 0 0 6.7 4" /><path d="M11 19l4 -9l4 9m-.9 -2h-6.2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layers-difference" data-toggle="tooltip" title="layers-difference">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 16v2a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h2v-2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-2" /><polyline points="10 8 8 8 8 10" /><polyline points="8 14 8 16 10 16" /><polyline points="14 8 16 8 16 10" /><polyline points="16 14 16 16 14 16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 16v2a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h2v-2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-2" /><polyline points="10 8 8 8 8 10" /><polyline points="8 14 8 16 10 16" /><polyline points="14 8 16 8 16 10" /><polyline points="16 14 16 16 14 16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layers-intersect" data-toggle="tooltip" title="layers-intersect">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="4" width="12" height="12" rx="2" /><rect x="4" y="8" width="12" height="12" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="4" width="12" height="12" rx="2" /><rect x="4" y="8" width="12" height="12" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layers-subtract" data-toggle="tooltip" title="layers-subtract">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="4" width="12" height="12" rx="2" /><path d="M16 16v2a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="4" width="12" height="12" rx="2" /><path d="M16 16v2a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layers-union" data-toggle="tooltip" title="layers-union">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 16v2a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h2v-2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 16v2a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h2v-2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layout-2" data-toggle="tooltip" title="layout-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layout-align-bottom" data-toggle="tooltip" title="layout-align-bottom">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="20" y2="20" /><rect x="9" y="4" width="6" height="12" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="20" y2="20" /><rect x="9" y="4" width="6" height="12" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layout-align-center" data-toggle="tooltip" title="layout-align-center">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="4" x2="12" y2="9" /><line x1="12" y1="15" x2="12" y2="20" /><rect x="6" y="9" width="12" height="6" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="4" x2="12" y2="9" /><line x1="12" y1="15" x2="12" y2="20" /><rect x="6" y="9" width="12" height="6" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layout-align-left" data-toggle="tooltip" title="layout-align-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="4" y2="20" /><rect x="8" y="9" width="12" height="6" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="4" y2="20" /><rect x="8" y="9" width="12" height="6" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layout-align-middle" data-toggle="tooltip" title="layout-align-middle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="12" x2="9" y2="12" /><line x1="15" y1="12" x2="20" y2="12" /><rect x="9" y="6" width="6" height="12" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="12" x2="9" y2="12" /><line x1="15" y1="12" x2="20" y2="12" /><rect x="9" y="6" width="6" height="12" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layout-align-right" data-toggle="tooltip" title="layout-align-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="4" x2="20" y2="20" /><rect x="4" y="9" width="12" height="6" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="4" x2="20" y2="20" /><rect x="4" y="9" width="12" height="6" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layout-align-top" data-toggle="tooltip" title="layout-align-top">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="20" y2="4" /><rect x="9" y="8" width="6" height="12" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="20" y2="4" /><rect x="9" y="8" width="6" height="12" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layout-bottombar" data-toggle="tooltip" title="layout-bottombar">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="15" x2="20" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="15" x2="20" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layout-cards" data-toggle="tooltip" title="layout-cards">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="16" rx="2" /><rect x="14" y="4" width="6" height="10" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="16" rx="2" /><rect x="14" y="4" width="6" height="10" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layout-columns" data-toggle="tooltip" title="layout-columns">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="12" y1="4" x2="12" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="12" y1="4" x2="12" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layout-distribute-horizontal" data-toggle="tooltip" title="layout-distribute-horizontal">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="20" y2="4" /><line x1="4" y1="20" x2="20" y2="20" /><rect x="6" y="9" width="12" height="6" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="20" y2="4" /><line x1="4" y1="20" x2="20" y2="20" /><rect x="6" y="9" width="12" height="6" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layout-distribute-vertical" data-toggle="tooltip" title="layout-distribute-vertical">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="4" y2="20" /><line x1="20" y1="4" x2="20" y2="20" /><rect x="9" y="6" width="6" height="12" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="4" y2="20" /><line x1="20" y1="4" x2="20" y2="20" /><rect x="9" y="6" width="6" height="12" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layout-kanban" data-toggle="tooltip" title="layout-kanban">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="10" y2="4" /><line x1="14" y1="4" x2="20" y2="4" /><rect x="4" y="8" width="6" height="12" rx="2" /><rect x="14" y="8" width="6" height="6" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="10" y2="4" /><line x1="14" y1="4" x2="20" y2="4" /><rect x="4" y="8" width="6" height="12" rx="2" /><rect x="14" y="8" width="6" height="6" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layout-list" data-toggle="tooltip" title="layout-list">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="6" rx="2" /><rect x="4" y="14" width="16" height="6" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="6" rx="2" /><rect x="4" y="14" width="16" height="6" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layout-navbar" data-toggle="tooltip" title="layout-navbar">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="9" x2="20" y2="9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="9" x2="20" y2="9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layout-rows" data-toggle="tooltip" title="layout-rows">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="12" x2="20" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="12" x2="20" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layout-sidebar-right" data-toggle="tooltip" title="layout-sidebar-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="15" y1="4" x2="15" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="15" y1="4" x2="15" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layout-sidebar" data-toggle="tooltip" title="layout-sidebar">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="4" x2="9" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="4" x2="9" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="layout" data-toggle="tooltip" title="layout">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="16" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="16" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="leaf" data-toggle="tooltip" title="leaf">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 21c.5 -4.5 2.5 -8 7 -10" /><path d="M9 18c6.218 0 10.5 -3.288 11 -12v-2h-4.014c-9 0 -11.986 4 -12 9c0 1 0 3 2 5h3z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 21c.5 -4.5 2.5 -8 7 -10" /><path d="M9 18c6.218 0 10.5 -3.288 11 -12v-2h-4.014c-9 0 -11.986 4 -12 9c0 1 0 3 2 5h3z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="lego" data-toggle="tooltip" title="lego">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9.5" y1="11" x2="9.51" y2="11" /><line x1="14.5" y1="11" x2="14.51" y2="11" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /><path d="M7 5h1v-2h8v2h1a3 3 0 0 1 3 3v9a3 3 0 0 1 -3 3v1h-10v-1a3 3 0 0 1 -3 -3v-9a3 3 0 0 1 3 -3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9.5" y1="11" x2="9.51" y2="11" /><line x1="14.5" y1="11" x2="14.51" y2="11" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /><path d="M7 5h1v-2h8v2h1a3 3 0 0 1 3 3v9a3 3 0 0 1 -3 3v1h-10v-1a3 3 0 0 1 -3 -3v-9a3 3 0 0 1 3 -3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-a" data-toggle="tooltip" title="letter-a">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 20v-12a4 4 0 0 1 4 -4h2a4 4 0 0 1 4 4v12" /><line x1="7" y1="13" x2="17" y2="13" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 20v-12a4 4 0 0 1 4 -4h2a4 4 0 0 1 4 4v12" /><line x1="7" y1="13" x2="17" y2="13" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-b" data-toggle="tooltip" title="letter-b">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 20v-16h6a4 4 0 0 1 0 8a4 4 0 0 1 0 8h-6" /><line x1="7" y1="12" x2="13" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 20v-16h6a4 4 0 0 1 0 8a4 4 0 0 1 0 8h-6" /><line x1="7" y1="12" x2="13" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-c" data-toggle="tooltip" title="letter-c">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-d" data-toggle="tooltip" title="letter-d">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4h6a5 5 0 0 1 5 5v6a5 5 0 0 1 -5 5h-6v-16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4h6a5 5 0 0 1 5 5v6a5 5 0 0 1 -5 5h-6v-16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-e" data-toggle="tooltip" title="letter-e">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 4h-10v16h10" /><line x1="7" y1="12" x2="15" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 4h-10v16h10" /><line x1="7" y1="12" x2="15" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-f" data-toggle="tooltip" title="letter-f">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 4h-10v16" /><line x1="7" y1="12" x2="15" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 4h-10v16" /><line x1="7" y1="12" x2="15" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-g" data-toggle="tooltip" title="letter-g">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-2h-4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-2h-4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-h" data-toggle="tooltip" title="letter-h">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="4" x2="17" y2="20" /><line x1="7" y1="12" x2="17" y2="12" /><line x1="7" y1="4" x2="7" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="4" x2="17" y2="20" /><line x1="7" y1="12" x2="17" y2="12" /><line x1="7" y1="4" x2="7" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-i" data-toggle="tooltip" title="letter-i">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="4" x2="12" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="4" x2="12" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-j" data-toggle="tooltip" title="letter-j">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 4v12a4 4 0 0 1 -4 4h-2a4 4 0 0 1 -4 -4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 4v12a4 4 0 0 1 -4 4h-2a4 4 0 0 1 -4 -4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-k" data-toggle="tooltip" title="letter-k">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="4" x2="7" y2="20" /><path d="M7 12h2l8 -8" /><line x1="9" y1="12" x2="17" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="4" x2="7" y2="20" /><path d="M7 12h2l8 -8" /><line x1="9" y1="12" x2="17" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-l" data-toggle="tooltip" title="letter-l">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4v16h10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4v16h10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-m" data-toggle="tooltip" title="letter-m">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 20v-16l6 14l6 -14v16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 20v-16l6 14l6 -14v16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-n" data-toggle="tooltip" title="letter-n">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 20v-16l10 16v-16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 20v-16l10 16v-16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-o" data-toggle="tooltip" title="letter-o">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-p" data-toggle="tooltip" title="letter-p">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-q" data-toggle="tooltip" title="letter-q">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-6" /><line x1="13" y1="15" x2="18" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-6" /><line x1="13" y1="15" x2="18" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-r" data-toggle="tooltip" title="letter-r">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5" /><line x1="12" y1="13" x2="17" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5" /><line x1="12" y1="13" x2="17" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-s" data-toggle="tooltip" title="letter-s">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 8a4 4 0 0 0 -4 -4h-2a4 4 0 0 0 0 8h2a4 4 0 0 1 0 8h-2a4 4 0 0 1 -4 -4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 8a4 4 0 0 0 -4 -4h-2a4 4 0 0 0 0 8h2a4 4 0 0 1 0 8h-2a4 4 0 0 1 -4 -4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-t" data-toggle="tooltip" title="letter-t">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="4" x2="18" y2="4" /><line x1="12" y1="4" x2="12" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="4" x2="18" y2="4" /><line x1="12" y1="4" x2="12" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-u" data-toggle="tooltip" title="letter-u">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4v11a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-11" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4v11a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-11" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-v" data-toggle="tooltip" title="letter-v">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4l6 16l6 -16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4l6 16l6 -16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-w" data-toggle="tooltip" title="letter-w">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4l4 16l4 -14l4 14l4 -16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4l4 16l4 -14l4 14l4 -16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-x" data-toggle="tooltip" title="letter-x">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="4" x2="17" y2="20" /><line x1="17" y1="4" x2="7" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="4" x2="17" y2="20" /><line x1="17" y1="4" x2="7" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-y" data-toggle="tooltip" title="letter-y">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4l5 9l5 -9" /><line x1="12" y1="13" x2="12" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4l5 9l5 -9" /><line x1="12" y1="13" x2="12" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letter-z" data-toggle="tooltip" title="letter-z">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4h10l-10 16h10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4h10l-10 16h10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="letters-case" data-toggle="tooltip" title="letters-case">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="18" cy="16" r="3" /><line x1="21" y1="13" x2="21" y2="19" /><path d="M3 19v-10a4 4 0 0 1 4 -4a4 4 0 0 1 4 4v10" /><line x1="3" y1="13" x2="11" y2="13" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="18" cy="16" r="3" /><line x1="21" y1="13" x2="21" y2="19" /><path d="M3 19v-10a4 4 0 0 1 4 -4a4 4 0 0 1 4 4v10" /><line x1="3" y1="13" x2="11" y2="13" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="license" data-toggle="tooltip" title="license">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 21h-9a3 3 0 0 1 -3 -3v-1h10v2a2 2 0 0 0 4 0v-14a2 2 0 1 1 2 2h-2m2 -4h-11a3 3 0 0 0 -3 3v11" /><line x1="9" y1="7" x2="13" y2="7" /><line x1="9" y1="11" x2="13" y2="11" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 21h-9a3 3 0 0 1 -3 -3v-1h10v2a2 2 0 0 0 4 0v-14a2 2 0 1 1 2 2h-2m2 -4h-11a3 3 0 0 0 -3 3v11" /><line x1="9" y1="7" x2="13" y2="7" /><line x1="9" y1="11" x2="13" y2="11" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="lifebuoy" data-toggle="tooltip" title="lifebuoy">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="4" /><circle cx="12" cy="12" r="9" /><line x1="15" y1="15" x2="18.35" y2="18.35" /><line x1="9" y1="15" x2="5.65" y2="18.35" /><line x1="5.65" y1="5.65" x2="9" y2="9" /><line x1="18.35" y1="5.65" x2="15" y2="9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="4" /><circle cx="12" cy="12" r="9" /><line x1="15" y1="15" x2="18.35" y2="18.35" /><line x1="9" y1="15" x2="5.65" y2="18.35" /><line x1="5.65" y1="5.65" x2="9" y2="9" /><line x1="18.35" y1="5.65" x2="15" y2="9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="line-height" data-toggle="tooltip" title="line-height">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 8 6 5 9 8" /><polyline points="3 16 6 19 9 16" /><line x1="6" y1="5" x2="6" y2="19" /><line x1="13" y1="6" x2="20" y2="6" /><line x1="13" y1="12" x2="20" y2="12" /><line x1="13" y1="18" x2="20" y2="18" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 8 6 5 9 8" /><polyline points="3 16 6 19 9 16" /><line x1="6" y1="5" x2="6" y2="19" /><line x1="13" y1="6" x2="20" y2="6" /><line x1="13" y1="12" x2="20" y2="12" /><line x1="13" y1="18" x2="20" y2="18" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="line" data-toggle="tooltip" title="line">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="18" r="2" /><circle cx="18" cy="6" r="2" /><line x1="7.5" y1="16.5" x2="16.5" y2="7.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="18" r="2" /><circle cx="18" cy="6" r="2" /><line x1="7.5" y1="16.5" x2="16.5" y2="7.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="link" data-toggle="tooltip" title="link">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="list-check" data-toggle="tooltip" title="list-check">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3.5 5.5l1.5 1.5l2.5 -2.5" /><path d="M3.5 11.5l1.5 1.5l2.5 -2.5" /><path d="M3.5 17.5l1.5 1.5l2.5 -2.5" /><line x1="11" y1="6" x2="20" y2="6" /><line x1="11" y1="12" x2="20" y2="12" /><line x1="11" y1="18" x2="20" y2="18" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3.5 5.5l1.5 1.5l2.5 -2.5" /><path d="M3.5 11.5l1.5 1.5l2.5 -2.5" /><path d="M3.5 17.5l1.5 1.5l2.5 -2.5" /><line x1="11" y1="6" x2="20" y2="6" /><line x1="11" y1="12" x2="20" y2="12" /><line x1="11" y1="18" x2="20" y2="18" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="list" data-toggle="tooltip" title="list">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="6" x2="20" y2="6" /><line x1="9" y1="12" x2="20" y2="12" /><line x1="9" y1="18" x2="20" y2="18" /><line x1="5" y1="6" x2="5" y2="6.01" /><line x1="5" y1="12" x2="5" y2="12.01" /><line x1="5" y1="18" x2="5" y2="18.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="6" x2="20" y2="6" /><line x1="9" y1="12" x2="20" y2="12" /><line x1="9" y1="18" x2="20" y2="18" /><line x1="5" y1="6" x2="5" y2="6.01" /><line x1="5" y1="12" x2="5" y2="12.01" /><line x1="5" y1="18" x2="5" y2="18.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="live-photo" data-toggle="tooltip" title="live-photo">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="1" /><circle cx="12" cy="12" r="5" /><line x1="15.9" y1="20.11" x2="15.9" y2="20.12" /><line x1="19.04" y1="17.61" x2="19.04" y2="17.62" /><line x1="20.77" y1="14" x2="20.77" y2="14.01" /><line x1="20.77" y1="10" x2="20.77" y2="10.01" /><line x1="19.04" y1="6.39" x2="19.04" y2="6.4" /><line x1="15.9" y1="3.89" x2="15.9" y2="3.9" /><line x1="12" y1="3" x2="12" y2="3.01" /><line x1="8.1" y1="3.89" x2="8.1" y2="3.9" /><line x1="4.96" y1="6.39" x2="4.96" y2="6.4" /><line x1="3.23" y1="10" x2="3.23" y2="10.01" /><line x1="3.23" y1="14" x2="3.23" y2="14.01" /><line x1="4.96" y1="17.61" x2="4.96" y2="17.62" /><line x1="8.1" y1="20.11" x2="8.1" y2="20.12" /><line x1="12" y1="21" x2="12" y2="21.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="1" /><circle cx="12" cy="12" r="5" /><line x1="15.9" y1="20.11" x2="15.9" y2="20.12" /><line x1="19.04" y1="17.61" x2="19.04" y2="17.62" /><line x1="20.77" y1="14" x2="20.77" y2="14.01" /><line x1="20.77" y1="10" x2="20.77" y2="10.01" /><line x1="19.04" y1="6.39" x2="19.04" y2="6.4" /><line x1="15.9" y1="3.89" x2="15.9" y2="3.9" /><line x1="12" y1="3" x2="12" y2="3.01" /><line x1="8.1" y1="3.89" x2="8.1" y2="3.9" /><line x1="4.96" y1="6.39" x2="4.96" y2="6.4" /><line x1="3.23" y1="10" x2="3.23" y2="10.01" /><line x1="3.23" y1="14" x2="3.23" y2="14.01" /><line x1="4.96" y1="17.61" x2="4.96" y2="17.62" /><line x1="8.1" y1="20.11" x2="8.1" y2="20.12" /><line x1="12" y1="21" x2="12" y2="21.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="live-view" data-toggle="tooltip" title="live-view">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /><line x1="12" y1="11" x2="12" y2="11.01" /><path d="M12 18l-3.5 -5a4 4 0 1 1 7 0l-3.5 5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /><line x1="12" y1="11" x2="12" y2="11.01" /><path d="M12 18l-3.5 -5a4 4 0 1 1 7 0l-3.5 5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="loader-quarter" data-toggle="tooltip" title="loader-quarter">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="6" x2="12" y2="3" /><line x1="6" y1="12" x2="3" y2="12" /><line x1="7.75" y1="7.75" x2="5.6" y2="5.6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="6" x2="12" y2="3" /><line x1="6" y1="12" x2="3" y2="12" /><line x1="7.75" y1="7.75" x2="5.6" y2="5.6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="loader" data-toggle="tooltip" title="loader">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="6" x2="12" y2="3" /><line x1="16.25" y1="7.75" x2="18.4" y2="5.6" /><line x1="18" y1="12" x2="21" y2="12" /><line x1="16.25" y1="16.25" x2="18.4" y2="18.4" /><line x1="12" y1="18" x2="12" y2="21" /><line x1="7.75" y1="16.25" x2="5.6" y2="18.4" /><line x1="6" y1="12" x2="3" y2="12" /><line x1="7.75" y1="7.75" x2="5.6" y2="5.6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="6" x2="12" y2="3" /><line x1="16.25" y1="7.75" x2="18.4" y2="5.6" /><line x1="18" y1="12" x2="21" y2="12" /><line x1="16.25" y1="16.25" x2="18.4" y2="18.4" /><line x1="12" y1="18" x2="12" y2="21" /><line x1="7.75" y1="16.25" x2="5.6" y2="18.4" /><line x1="6" y1="12" x2="3" y2="12" /><line x1="7.75" y1="7.75" x2="5.6" y2="5.6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="location" data-toggle="tooltip" title="location">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 3l-6.5 18a0.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a0.55 .55 0 0 1 0 -1l18 -6.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 3l-6.5 18a0.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a0.55 .55 0 0 1 0 -1l18 -6.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="lock-off" data-toggle="tooltip" title="lock-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M19 19a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2h4m4 0h2a2 2 0 0 1 2 2v2" /><circle cx="12" cy="16" r="1" /><path d="M8 11v-3m.712 -3.278a4 4 0 0 1 7.288 2.278v4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M19 19a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2h4m4 0h2a2 2 0 0 1 2 2v2" /><circle cx="12" cy="16" r="1" /><path d="M8 11v-3m.712 -3.278a4 4 0 0 1 7.288 2.278v4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="lock-open" data-toggle="tooltip" title="lock-open">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="11" width="14" height="10" rx="2" /><circle cx="12" cy="16" r="1" /><path d="M8 11v-5a4 4 0 0 1 8 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="11" width="14" height="10" rx="2" /><circle cx="12" cy="16" r="1" /><path d="M8 11v-5a4 4 0 0 1 8 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="lock" data-toggle="tooltip" title="lock">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="11" width="14" height="10" rx="2" /><circle cx="12" cy="16" r="1" /><path d="M8 11v-4a4 4 0 0 1 8 0v4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="11" width="14" height="10" rx="2" /><circle cx="12" cy="16" r="1" /><path d="M8 11v-4a4 4 0 0 1 8 0v4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="login" data-toggle="tooltip" title="login">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2" /><path d="M20 12h-13l3 -3m0 6l-3 -3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2" /><path d="M20 12h-13l3 -3m0 6l-3 -3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="logout" data-toggle="tooltip" title="logout">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2" /><path d="M7 12h14l-3 -3m0 6l3 -3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2" /><path d="M7 12h14l-3 -3m0 6l3 -3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="magnet" data-toggle="tooltip" title="magnet">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 13v-8a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v8a2 2 0 0 0 6 0v-8a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v8a8 8 0 0 1 -16 0" /><line x1="4" y1="8" x2="9" y2="8" /><line x1="15" y1="8" x2="19" y2="8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 13v-8a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v8a2 2 0 0 0 6 0v-8a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v8a8 8 0 0 1 -16 0" /><line x1="4" y1="8" x2="9" y2="8" /><line x1="15" y1="8" x2="19" y2="8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="mail-opened" data-toggle="tooltip" title="mail-opened">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 9 12 15 21 9 12 3 3 9" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><line x1="3" y1="19" x2="9" y2="13" /><line x1="15" y1="13" x2="21" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 9 12 15 21 9 12 3 3 9" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><line x1="3" y1="19" x2="9" y2="13" /><line x1="15" y1="13" x2="21" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="mail" data-toggle="tooltip" title="mail">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><polyline points="3 7 12 13 21 7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><polyline points="3 7 12 13 21 7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="man" data-toggle="tooltip" title="man">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="2" /><path d="M10 22v-5l-1-1v-4a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4l-1 1v5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="2" /><path d="M10 22v-5l-1-1v-4a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4l-1 1v5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="manual-gearbox" data-toggle="tooltip" title="manual-gearbox">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="6" r="2" /><circle cx="12" cy="6" r="2" /><circle cx="19" cy="6" r="2" /><circle cx="5" cy="18" r="2" /><circle cx="12" cy="18" r="2" /><line x1="5" y1="8" x2="5" y2="16" /><line x1="12" y1="8" x2="12" y2="16" /><path d="M19 8v2a2 2 0 0 1 -2 2h-12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="6" r="2" /><circle cx="12" cy="6" r="2" /><circle cx="19" cy="6" r="2" /><circle cx="5" cy="18" r="2" /><circle cx="12" cy="18" r="2" /><line x1="5" y1="8" x2="5" y2="16" /><line x1="12" y1="8" x2="12" y2="16" /><path d="M19 8v2a2 2 0 0 1 -2 2h-12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="map-2" data-toggle="tooltip" title="map-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="18" y2="6.01" /><path d="M18 13l-3.5 -5a4 4 0 1 1 7 0l-3.5 5" /><polyline points="10.5 4.75 9 4 3 7 3 20 9 17 15 20 21 17 21 15" /><line x1="9" y1="4" x2="9" y2="17" /><line x1="15" y1="15" x2="15" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="18" y2="6.01" /><path d="M18 13l-3.5 -5a4 4 0 1 1 7 0l-3.5 5" /><polyline points="10.5 4.75 9 4 3 7 3 20 9 17 15 20 21 17 21 15" /><line x1="9" y1="4" x2="9" y2="17" /><line x1="15" y1="15" x2="15" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="map-pin-off" data-toggle="tooltip" title="map-pin-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M9.44 9.435a3 3 0 0 0 4.126 4.124m1.434 -2.559a3 3 0 0 0 -3 -3" /><path d="M8.048 4.042a8 8 0 0 1 10.912 10.908m-1.8 2.206l-3.745 3.744a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 0 1 -.48 -10.79" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M9.44 9.435a3 3 0 0 0 4.126 4.124m1.434 -2.559a3 3 0 0 0 -3 -3" /><path d="M8.048 4.042a8 8 0 0 1 10.912 10.908m-1.8 2.206l-3.745 3.744a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 0 1 -.48 -10.79" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="map-pin" data-toggle="tooltip" title="map-pin">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="11" r="3" /><path d="M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="11" r="3" /><path d="M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="map-pins" data-toggle="tooltip" title="map-pins">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.828 9.828a4 4 0 1 0 -5.656 0l2.828 2.829l2.828 -2.829z" /><line x1="8" y1="7" x2="8" y2="7.01" /><path d="M18.828 17.828a4 4 0 1 0 -5.656 0l2.828 2.829l2.828 -2.829z" /><line x1="16" y1="15" x2="16" y2="15.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.828 9.828a4 4 0 1 0 -5.656 0l2.828 2.829l2.828 -2.829z" /><line x1="8" y1="7" x2="8" y2="7.01" /><path d="M18.828 17.828a4 4 0 1 0 -5.656 0l2.828 2.829l2.828 -2.829z" /><line x1="16" y1="15" x2="16" y2="15.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="map" data-toggle="tooltip" title="map">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 7 9 4 15 7 21 4 21 17 15 20 9 17 3 20 3 7" /><line x1="9" y1="4" x2="9" y2="17" /><line x1="15" y1="7" x2="15" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 7 9 4 15 7 21 4 21 17 15 20 9 17 3 20 3 7" /><line x1="9" y1="4" x2="9" y2="17" /><line x1="15" y1="7" x2="15" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="markdown" data-toggle="tooltip" title="markdown">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M7 15v-6l2 2l2 -2v6" /><path d="M14 13l2 2l2 -2m-2 2v-6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M7 15v-6l2 2l2 -2v6" /><path d="M14 13l2 2l2 -2m-2 2v-6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="marquee" data-toggle="tooltip" title="marquee">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 6a2 2 0 0 1 2 -2m3 0h1.5m3 0h1.5m3 0a2 2 0 0 1 2 2m0 3v1.5m0 3v1.5m0 3a2 2 0 0 1 -2 2m-3 0h-1.5m-3 0h-1.5m-3 0a2 2 0 0 1 -2 -2m0 -3v-1.5m0 -3v-1.5m0 -3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 6a2 2 0 0 1 2 -2m3 0h1.5m3 0h1.5m3 0a2 2 0 0 1 2 2m0 3v1.5m0 3v1.5m0 3a2 2 0 0 1 -2 2m-3 0h-1.5m-3 0h-1.5m-3 0a2 2 0 0 1 -2 -2m0 -3v-1.5m0 -3v-1.5m0 -3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="mars" data-toggle="tooltip" title="mars">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="14" r="5" /><line x1="19" y1="5" x2="13.6" y2="10.4" /><line x1="19" y1="5" x2="14" y2="5" /><line x1="19" y1="5" x2="19" y2="10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="14" r="5" /><line x1="19" y1="5" x2="13.6" y2="10.4" /><line x1="19" y1="5" x2="14" y2="5" /><line x1="19" y1="5" x2="19" y2="10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="math" data-toggle="tooltip" title="math">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 13l4 4m0 -4l-4 4" /><path d="M20 5h-7l-4 14l-3 -6h-2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 13l4 4m0 -4l-4 4" /><path d="M20 5h-7l-4 14l-3 -6h-2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="maximize" data-toggle="tooltip" title="maximize">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="medal" data-toggle="tooltip" title="medal">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 4v3m-4 -3v6m8 -6v6" /><path d="M12 18.5l-3 1.5l.5-3.5-2-2 3-.5 1.5-3 1.5 3 3 .5-2 2 .5 3.5z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 4v3m-4 -3v6m8 -6v6" /><path d="M12 18.5l-3 1.5l.5-3.5-2-2 3-.5 1.5-3 1.5 3 3 .5-2 2 .5 3.5z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="medical-cross" data-toggle="tooltip" title="medical-cross">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 3a1 1 0 0 1 1 1v4.535l3.928 -2.267a1 1 0 0 1 1.366 .366l1 1.732a1 1 0 0 1 -.366 1.366l-3.927 2.268l3.927 2.269a1 1 0 0 1 .366 1.366l-1 1.732a1 1 0 0 1 -1.366 .366l-3.928 -2.269v4.536a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-4.536l-3.928 2.268a1 1 0 0 1 -1.366 -.366l-1 -1.732a1 1 0 0 1 .366 -1.366l3.927 -2.268l-3.927 -2.268a1 1 0 0 1 -.366 -1.366l1 -1.732a1 1 0 0 1 1.366 -.366l3.928 2.267v-4.535a1 1 0 0 1 1 -1h2z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 3a1 1 0 0 1 1 1v4.535l3.928 -2.267a1 1 0 0 1 1.366 .366l1 1.732a1 1 0 0 1 -.366 1.366l-3.927 2.268l3.927 2.269a1 1 0 0 1 .366 1.366l-1 1.732a1 1 0 0 1 -1.366 .366l-3.928 -2.269v4.536a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-4.536l-3.928 2.268a1 1 0 0 1 -1.366 -.366l-1 -1.732a1 1 0 0 1 .366 -1.366l3.927 -2.268l-3.927 -2.268a1 1 0 0 1 -.366 -1.366l1 -1.732a1 1 0 0 1 1.366 -.366l3.928 2.267v-4.535a1 1 0 0 1 1 -1h2z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="menu-2" data-toggle="tooltip" title="menu-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="4" y1="18" x2="20" y2="18" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="4" y1="18" x2="20" y2="18" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="menu" data-toggle="tooltip" title="menu">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="8" x2="20" y2="8" /><line x1="4" y1="16" x2="20" y2="16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="8" x2="20" y2="8" /><line x1="4" y1="16" x2="20" y2="16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="message-2" data-toggle="tooltip" title="message-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 20l-3 -3h-2a3 3 0 0 1 -3 -3v-6a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-2l-3 3" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 20l-3 -3h-2a3 3 0 0 1 -3 -3v-6a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-2l-3 3" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="message-circle-2" data-toggle="tooltip" title="message-circle-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="message-circle-off" data-toggle="tooltip" title="message-circle-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M8.585 4.581c3.225 -1.181 7.032 -.616 9.66 1.626c2.983 2.543 3.602 6.525 1.634 9.662m-1.908 2.108c-2.786 2.19 -6.89 2.665 -10.271 1.023l-4.7 1l1.3 -3.9c-2.237 -3.308 -1.489 -7.54 1.714 -10.084" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M8.585 4.581c3.225 -1.181 7.032 -.616 9.66 1.626c2.983 2.543 3.602 6.525 1.634 9.662m-1.908 2.108c-2.786 2.19 -6.89 2.665 -10.271 1.023l-4.7 1l1.3 -3.9c-2.237 -3.308 -1.489 -7.54 1.714 -10.084" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="message-circle" data-toggle="tooltip" title="message-circle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="message-dots" data-toggle="tooltip" title="message-dots">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="12" y1="11" x2="12" y2="11.01" /><line x1="8" y1="11" x2="8" y2="11.01" /><line x1="16" y1="11" x2="16" y2="11.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="12" y1="11" x2="12" y2="11.01" /><line x1="8" y1="11" x2="8" y2="11.01" /><line x1="16" y1="11" x2="16" y2="11.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="message-off" data-toggle="tooltip" title="message-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M17 17h-9l-4 4v-13c0 -1.086 .577 -2.036 1.44 -2.563m3.561 -.437h8a3 3 0 0 1 3 3v6c0 .575 -.162 1.112 -.442 1.568" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M17 17h-9l-4 4v-13c0 -1.086 .577 -2.036 1.44 -2.563m3.561 -.437h8a3 3 0 0 1 3 3v6c0 .575 -.162 1.112 -.442 1.568" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="message-plus" data-toggle="tooltip" title="message-plus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="10" y1="11" x2="14" y2="11" /><line x1="12" y1="9" x2="12" y2="13" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="10" y1="11" x2="14" y2="11" /><line x1="12" y1="9" x2="12" y2="13" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="message-report" data-toggle="tooltip" title="message-report">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="12" y1="8" x2="12" y2="11" /><line x1="12" y1="14" x2="12" y2="14.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="12" y1="8" x2="12" y2="11" /><line x1="12" y1="14" x2="12" y2="14.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="message" data-toggle="tooltip" title="message">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="messages-off" data-toggle="tooltip" title="messages-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M11 11a1 1 0 0 1 -1 -1m0 -3.968v-2.032a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10l-3 -3h-3" /><path d="M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M11 11a1 1 0 0 1 -1 -1m0 -3.968v-2.032a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10l-3 -3h-3" /><path d="M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="messages" data-toggle="tooltip" title="messages">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10" /><path d="M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10" /><path d="M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="microphone-off" data-toggle="tooltip" title="microphone-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M9 5a3 3 0 0 1 6 0v5a3 3 0 0 1 -.13 .874m-2 2a3 3 0 0 1 -3.87 -2.872v-1" /><path d="M5 10a7 7 0 0 0 10.846 5.85m2.002 -2a6.967 6.967 0 0 0 1.152 -3.85" /><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="17" x2="12" y2="21" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M9 5a3 3 0 0 1 6 0v5a3 3 0 0 1 -.13 .874m-2 2a3 3 0 0 1 -3.87 -2.872v-1" /><path d="M5 10a7 7 0 0 0 10.846 5.85m2.002 -2a6.967 6.967 0 0 0 1.152 -3.85" /><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="17" x2="12" y2="21" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="microphone" data-toggle="tooltip" title="microphone">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="9" y="2" width="6" height="11" rx="3" /><path d="M5 10a7 7 0 0 0 14 0" /><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="17" x2="12" y2="21" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="9" y="2" width="6" height="11" rx="3" /><path d="M5 10a7 7 0 0 0 14 0" /><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="17" x2="12" y2="21" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="minimize" data-toggle="tooltip" title="minimize">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 19v-2a2 2 0 0 1 2 -2h2" /><path d="M15 5v2a2 2 0 0 0 2 2h2" /><path d="M5 15h2a2 2 0 0 1 2 2v2" /><path d="M5 9h2a2 2 0 0 0 2 -2v-2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 19v-2a2 2 0 0 1 2 -2h2" /><path d="M15 5v2a2 2 0 0 0 2 2h2" /><path d="M5 15h2a2 2 0 0 1 2 2v2" /><path d="M5 9h2a2 2 0 0 0 2 -2v-2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="minus" data-toggle="tooltip" title="minus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="mist" data-toggle="tooltip" title="mist">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5h3m4 0h9" /><path d="M3 10h11m4 0h1" /><path d="M5 15h5m4 0h7" /><path d="M3 20h9m4 0h3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5h3m4 0h9" /><path d="M3 10h11m4 0h1" /><path d="M5 15h5m4 0h7" /><path d="M3 20h9m4 0h3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="mood-boy" data-toggle="tooltip" title="mood-boy">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 4.5a9 9 0 0 1 3.864 5.89a2.5 2.5 0 0 1 -.29 4.36a9 9 0 0 1 -17.137 0a2.5 2.5 0 0 1 -.29 -4.36a9 9 0 0 1 3.746 -5.81" /><path d="M9.5 16a3.5 3.5 0 0 0 5 0" /><path d="M8.5 2c1.5 1 2.5 3.5 2.5 5" /><path d="M12.5 2c1.5 2 2 3.5 2 5" /><line x1="9" y1="12" x2="9.01" y2="12" /><line x1="15" y1="12" x2="15.01" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 4.5a9 9 0 0 1 3.864 5.89a2.5 2.5 0 0 1 -.29 4.36a9 9 0 0 1 -17.137 0a2.5 2.5 0 0 1 -.29 -4.36a9 9 0 0 1 3.746 -5.81" /><path d="M9.5 16a3.5 3.5 0 0 0 5 0" /><path d="M8.5 2c1.5 1 2.5 3.5 2.5 5" /><path d="M12.5 2c1.5 2 2 3.5 2 5" /><line x1="9" y1="12" x2="9.01" y2="12" /><line x1="15" y1="12" x2="15.01" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="mood-confuzed" data-toggle="tooltip" title="mood-confuzed">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 16a10 10 0 0 1 6 -1.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 16a10 10 0 0 1 6 -1.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="mood-crazy-happy" data-toggle="tooltip" title="mood-crazy-happy">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="7" y1="8.5" x2="10" y2="11.5" /><path d="M7 11.5l3-3" /><line x1="14" y1="8.5" x2="17" y2="11.5" /><path d="M14 11.5l3-3" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="7" y1="8.5" x2="10" y2="11.5" /><path d="M7 11.5l3-3" /><line x1="14" y1="8.5" x2="17" y2="11.5" /><path d="M14 11.5l3-3" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="mood-cry" data-toggle="tooltip" title="mood-cry">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" /><path d="M17.566 17.606a2 2 0 1 0 2.897 .03l-1.463 -1.636l-1.434 1.606z" /><path d="M20.865 13.517a8.937 8.937 0 0 0 .135 -1.517a9 9 0 1 0 -9 9c0.69 0 1.36 -.076 2 -.222" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" /><path d="M17.566 17.606a2 2 0 1 0 2.897 .03l-1.463 -1.636l-1.434 1.606z" /><path d="M20.865 13.517a8.937 8.937 0 0 0 .135 -1.517a9 9 0 1 0 -9 9c0.69 0 1.36 -.076 2 -.222" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="mood-happy" data-toggle="tooltip" title="mood-happy">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="9.01" y2="9" /><line x1="15" y1="9" x2="15.01" y2="9" /><path d="M8 13a4 4 0 1 0 8 0m0 0h-8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="9.01" y2="9" /><line x1="15" y1="9" x2="15.01" y2="9" /><path d="M8 13a4 4 0 1 0 8 0m0 0h-8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="mood-kid" data-toggle="tooltip" title="mood-kid">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /><path d="M12 3a2 2 0 0 0 0 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /><path d="M12 3a2 2 0 0 0 0 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="mood-neutral" data-toggle="tooltip" title="mood-neutral">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><line x1="9" y1="15" x2="15" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><line x1="9" y1="15" x2="15" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="mood-sad" data-toggle="tooltip" title="mood-sad">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="mood-smile" data-toggle="tooltip" title="mood-smile">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="mood-suprised" data-toggle="tooltip" title="mood-suprised">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="9.01" y2="9" /><line x1="15" y1="9" x2="15.01" y2="9" /><circle cx="12" cy="15" r="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="9.01" y2="9" /><line x1="15" y1="9" x2="15.01" y2="9" /><circle cx="12" cy="15" r="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="mood-tongue" data-toggle="tooltip" title="mood-tongue">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M10 14v2a2 2 0 0 0 4 0v-2m1.5 0h-7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M10 14v2a2 2 0 0 0 4 0v-2m1.5 0h-7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="moon-2" data-toggle="tooltip" title="moon-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.418 4.157a8 8 0 0 0 0 15.686" /><circle cx="12" cy="12" r="9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.418 4.157a8 8 0 0 0 0 15.686" /><circle cx="12" cy="12" r="9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="moon-stars" data-toggle="tooltip" title="moon-stars">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3c0.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /><path d="M17 4a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2" /><path d="M19 11h2m-1 -1v2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3c0.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /><path d="M17 4a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2" /><path d="M19 11h2m-1 -1v2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="moon" data-toggle="tooltip" title="moon">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3c0.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3c0.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="moped" data-toggle="tooltip" title="moped">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="18" cy="17" r="2" /><path d="M5 16v1a2 2 0 0 0 4 0v-5h-3a3 3 0 0 0 -3 3v1h10a6 6 0 0 1 5 -4v-5a2 2 0 0 0 -2 -2h-1" /><line x1="6" y1="9" x2="9" y2="9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="18" cy="17" r="2" /><path d="M5 16v1a2 2 0 0 0 4 0v-5h-3a3 3 0 0 0 -3 3v1h10a6 6 0 0 1 5 -4v-5a2 2 0 0 0 -2 -2h-1" /><line x1="6" y1="9" x2="9" y2="9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="mouse" data-toggle="tooltip" title="mouse">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="4" width="10" height="16" rx="4" /><line x1="12" y1="8" x2="12" y2="11" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="4" width="10" height="16" rx="4" /><line x1="12" y1="8" x2="12" y2="11" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="movie" data-toggle="tooltip" title="movie">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="8" y1="4" x2="8" y2="20" /><line x1="16" y1="4" x2="16" y2="20" /><line x1="4" y1="8" x2="8" y2="8" /><line x1="4" y1="16" x2="8" y2="16" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="16" y1="8" x2="20" y2="8" /><line x1="16" y1="16" x2="20" y2="16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="8" y1="4" x2="8" y2="20" /><line x1="16" y1="4" x2="16" y2="20" /><line x1="4" y1="8" x2="8" y2="8" /><line x1="4" y1="16" x2="8" y2="16" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="16" y1="8" x2="20" y2="8" /><line x1="16" y1="16" x2="20" y2="16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="mug" data-toggle="tooltip" title="mug">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 6h10a1 1 0 0 1 1 1v8a4 4 0 0 1 -4 4h-4a4 4 0 0 1 -4 -4v-8a1 1 0 0 1 1 -1" /><path d="M16 9h2a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 6h10a1 1 0 0 1 1 1v8a4 4 0 0 1 -4 4h-4a4 4 0 0 1 -4 -4v-8a1 1 0 0 1 1 -1" /><path d="M16 9h2a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="music" data-toggle="tooltip" title="music">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="17" r="3" /><circle cx="16" cy="17" r="3" /><polyline points="9 17 9 4 19 4 19 17" /><line x1="9" y1="8" x2="19" y2="8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="17" r="3" /><circle cx="16" cy="17" r="3" /><polyline points="9 17 9 4 19 4 19 17" /><line x1="9" y1="8" x2="19" y2="8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="new-section" data-toggle="tooltip" title="new-section">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="12" x2="15" y2="12" /><line x1="12" y1="9" x2="12" y2="15" /><path d="M4 6v-1a1 1 0 0 1 1 -1h1m5 0h2m5 0h1a1 1 0 0 1 1 1v1m0 5v2m0 5v1a1 1 0 0 1 -1 1h-1m-5 0h-2m-5 0h-1a1 1 0 0 1 -1 -1v-1m0 -5v-2m0 -5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="12" x2="15" y2="12" /><line x1="12" y1="9" x2="12" y2="15" /><path d="M4 6v-1a1 1 0 0 1 1 -1h1m5 0h2m5 0h1a1 1 0 0 1 1 1v1m0 5v2m0 5v1a1 1 0 0 1 -1 1h-1m-5 0h-2m-5 0h-1a1 1 0 0 1 -1 -1v-1m0 -5v-2m0 -5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="news" data-toggle="tooltip" title="news">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 6h3a1 1 0 0 1 1 1v11a2 2 0 0 1 -4 0v-13a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1v12a3 3 0 0 0 3 3h11" /><line x1="8" y1="8" x2="12" y2="8" /><line x1="8" y1="12" x2="12" y2="12" /><line x1="8" y1="16" x2="12" y2="16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 6h3a1 1 0 0 1 1 1v11a2 2 0 0 1 -4 0v-13a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1v12a3 3 0 0 0 3 3h11" /><line x1="8" y1="8" x2="12" y2="8" /><line x1="8" y1="12" x2="12" y2="12" /><line x1="8" y1="16" x2="12" y2="16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="note" data-toggle="tooltip" title="note">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="13" y1="20" x2="20" y2="13" /><path d="M13 20v-6a1 1 0 0 1 1 -1h6v-7a2 2 0 0 0 -2 -2h-12a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="13" y1="20" x2="20" y2="13" /><path d="M13 20v-6a1 1 0 0 1 1 -1h6v-7a2 2 0 0 0 -2 -2h-12a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="notebook" data-toggle="tooltip" title="notebook">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4h11a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-11a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1m3 0v18" /><line x1="13" y1="8" x2="15" y2="8" /><line x1="13" y1="12" x2="15" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4h11a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-11a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1m3 0v18" /><line x1="13" y1="8" x2="15" y2="8" /><line x1="13" y1="12" x2="15" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="notes" data-toggle="tooltip" title="notes">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="3" width="14" height="18" rx="2" /><line x1="9" y1="7" x2="15" y2="7" /><line x1="9" y1="11" x2="15" y2="11" /><line x1="9" y1="15" x2="13" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="3" width="14" height="18" rx="2" /><line x1="9" y1="7" x2="15" y2="7" /><line x1="9" y1="11" x2="15" y2="11" /><line x1="9" y1="15" x2="13" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="notification" data-toggle="tooltip" title="notification">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 6h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><circle cx="17" cy="7" r="3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 6h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><circle cx="17" cy="7" r="3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="octagon" data-toggle="tooltip" title="octagon">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.7 3h6.6c0.3 0 .5 .1 .7 .3l4.7 4.7c0.2 .2 .3 .4 .3 .7v6.6c0 .3 -.1 .5 -.3 .7l-4.7 4.7c-0.2 .2 -.4 .3 -.7 .3h-6.6c-0.3 0 -.5 -.1 -.7 -.3l-4.7 -4.7c-0.2 -.2 -.3 -.4 -.3 -.7v-6.6c0 -.3 .1 -.5 .3 -.7l4.7 -4.7c0.2 -.2 .4 -.3 .7 -.3z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.7 3h6.6c0.3 0 .5 .1 .7 .3l4.7 4.7c0.2 .2 .3 .4 .3 .7v6.6c0 .3 -.1 .5 -.3 .7l-4.7 4.7c-0.2 .2 -.4 .3 -.7 .3h-6.6c-0.3 0 -.5 -.1 -.7 -.3l-4.7 -4.7c-0.2 -.2 -.3 -.4 -.3 -.7v-6.6c0 -.3 .1 -.5 .3 -.7l4.7 -4.7c0.2 -.2 .4 -.3 .7 -.3z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="omega" data-toggle="tooltip" title="omega">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 19h5v-1a7.35 7.35 0 1 1 6 0v1h5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 19h5v-1a7.35 7.35 0 1 1 6 0v1h5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="outlet" data-toggle="tooltip" title="outlet">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><circle cx="9" cy="12" r=".5" fill="currentColor" /><circle cx="15" cy="12" r=".5" fill="currentColor" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><circle cx="9" cy="12" r=".5" fill="currentColor" /><circle cx="15" cy="12" r=".5" fill="currentColor" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="package" data-toggle="tooltip" title="package">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="page-break" data-toggle="tooltip" title="page-break">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M19 18v1a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-1" /><path d="M3 14h3m4.5 0h3m4.5 0h3" /><path d="M5 10v-5a2 2 0 0 1 2 -2h7l5 5v2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M19 18v1a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-1" /><path d="M3 14h3m4.5 0h3m4.5 0h3" /><path d="M5 10v-5a2 2 0 0 1 2 -2h7l5 5v2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="paint" data-toggle="tooltip" title="paint">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="3" width="14" height="6" rx="2" /><path d="M19 6h1a2 2 0 0 1 2 2a5 5 0 0 1 -5 5l-5 0v2" /><rect x="10" y="15" width="4" height="6" rx="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="3" width="14" height="6" rx="2" /><path d="M19 6h1a2 2 0 0 1 2 2a5 5 0 0 1 -5 5l-5 0v2" /><rect x="10" y="15" width="4" height="6" rx="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="palette" data-toggle="tooltip" title="palette">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 21a9 9 0 1 1 0 -18a9 8 0 0 1 9 8a4.5 4 0 0 1 -4.5 4h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25" /><circle cx="7.5" cy="10.5" r=".5" fill="currentColor" /><circle cx="12" cy="7.5" r=".5" fill="currentColor" /><circle cx="16.5" cy="10.5" r=".5" fill="currentColor" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 21a9 9 0 1 1 0 -18a9 8 0 0 1 9 8a4.5 4 0 0 1 -4.5 4h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25" /><circle cx="7.5" cy="10.5" r=".5" fill="currentColor" /><circle cx="12" cy="7.5" r=".5" fill="currentColor" /><circle cx="16.5" cy="10.5" r=".5" fill="currentColor" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="panorama-horizontal" data-toggle="tooltip" title="panorama-horizontal">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.338 5.53c5.106 1.932 10.211 1.932 15.317 .002a1 1 0 0 1 1.345 .934v11c0 .692 -.692 1.2 -1.34 .962c-5.107 -1.932 -10.214 -1.932 -15.321 0c-.648 .246 -1.339 -.242 -1.339 -.935v-11.027a1 1 0 0 1 1.338 -.935z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.338 5.53c5.106 1.932 10.211 1.932 15.317 .002a1 1 0 0 1 1.345 .934v11c0 .692 -.692 1.2 -1.34 .962c-5.107 -1.932 -10.214 -1.932 -15.321 0c-.648 .246 -1.339 -.242 -1.339 -.935v-11.027a1 1 0 0 1 1.338 -.935z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="panorama-vertical" data-toggle="tooltip" title="panorama-vertical">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.463 4.338c-1.932 5.106 -1.932 10.211 -0 15.317a1 1 0 0 1 -.934 1.345h-11c-.692 0 -1.208 -.692 -.962 -1.34c1.932 -5.107 1.932 -10.214 0 -15.321c-.246 -.648 .243 -1.339 .935 -1.339h11.028c.693 0 1.18 .691 .935 1.338z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.463 4.338c-1.932 5.106 -1.932 10.211 -0 15.317a1 1 0 0 1 -.934 1.345h-11c-.692 0 -1.208 -.692 -.962 -1.34c1.932 -5.107 1.932 -10.214 0 -15.321c-.246 -.648 .243 -1.339 .935 -1.339h11.028c.693 0 1.18 .691 .935 1.338z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="paperclip" data-toggle="tooltip" title="paperclip">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 7l-6.5 6.5a1.5 1.5 0 0 0 3 3l6.5 -6.5a3 3 0 0 0 -6 -6l-6.5 6.5a4.5 4.5 0 0 0 9 9l6.5 -6.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 7l-6.5 6.5a1.5 1.5 0 0 0 3 3l6.5 -6.5a3 3 0 0 0 -6 -6l-6.5 6.5a4.5 4.5 0 0 0 9 9l6.5 -6.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="parachute" data-toggle="tooltip" title="parachute">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 12a10 10 0 1 0 -20 0" /><path d="M22 12c0 -1.66 -1.46 -3 -3.25 -3c-1.8 0 -3.25 1.34 -3.25 3c0 -1.66 -1.57 -3 -3.5 -3s-3.5 1.34 -3.5 3c0 -1.66 -1.46 -3 -3.25 -3c-1.8 0 -3.25 1.34 -3.25 3" /><path d="M2 12l10 10l-3.5 -10" /><path d="M15.5 12l-3.5 10l10 -10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 12a10 10 0 1 0 -20 0" /><path d="M22 12c0 -1.66 -1.46 -3 -3.25 -3c-1.8 0 -3.25 1.34 -3.25 3c0 -1.66 -1.57 -3 -3.5 -3s-3.5 1.34 -3.5 3c0 -1.66 -1.46 -3 -3.25 -3c-1.8 0 -3.25 1.34 -3.25 3" /><path d="M2 12l10 10l-3.5 -10" /><path d="M15.5 12l-3.5 10l10 -10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="parentheses" data-toggle="tooltip" title="parentheses">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4a12.25 12.25 0 0 0 0 16" /><path d="M17 4a12.25 12.25 0 0 1 0 16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4a12.25 12.25 0 0 0 0 16" /><path d="M17 4a12.25 12.25 0 0 1 0 16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="parking" data-toggle="tooltip" title="parking">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M9 16v-8h4a2 2 0 0 1 0 4h-4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M9 16v-8h4a2 2 0 0 1 0 4h-4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="peace" data-toggle="tooltip" title="peace">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="3" x2="12" y2="21" /><line x1="12" y1="12" x2="18.3" y2="18.3" /><line x1="12" y1="12" x2="5.7" y2="18.3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="3" x2="12" y2="21" /><line x1="12" y1="12" x2="18.3" y2="18.3" /><line x1="12" y1="12" x2="5.7" y2="18.3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="pencil" data-toggle="tooltip" title="pencil">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4" /><line x1="13.5" y1="6.5" x2="17.5" y2="10.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4" /><line x1="13.5" y1="6.5" x2="17.5" y2="10.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="pennant" data-toggle="tooltip" title="pennant">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="21" x2="12" y2="21" /><line x1="10" y1="21" x2="10" y2="3" /><path d="M10 4l9 4-9 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="21" x2="12" y2="21" /><line x1="10" y1="21" x2="10" y2="3" /><path d="M10 4l9 4-9 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="percentage" data-toggle="tooltip" title="percentage">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="17" cy="17" r="1" /><circle cx="7" cy="7" r="1" /><line x1="6" y1="18" x2="18" y2="6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="17" cy="17" r="1" /><circle cx="7" cy="7" r="1" /><line x1="6" y1="18" x2="18" y2="6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="phone-call" data-toggle="tooltip" title="phone-call">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><path d="M15 7a2 2 0 0 1 2 2" /><path d="M15 3a6 6 0 0 1 6 6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><path d="M15 7a2 2 0 0 1 2 2" /><path d="M15 3a6 6 0 0 1 6 6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="phone-calling" data-toggle="tooltip" title="phone-calling">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><line x1="15" y1="7" x2="15" y2="7.01" /><line x1="18" y1="7" x2="18" y2="7.01" /><line x1="21" y1="7" x2="21" y2="7.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><line x1="15" y1="7" x2="15" y2="7.01" /><line x1="18" y1="7" x2="18" y2="7.01" /><line x1="21" y1="7" x2="21" y2="7.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="phone-check" data-toggle="tooltip" title="phone-check">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><path d="M15 6l2 2l4 -4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><path d="M15 6l2 2l4 -4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="phone-incoming" data-toggle="tooltip" title="phone-incoming">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><line x1="15" y1="9" x2="20" y2="4" /><polyline points="15 5 15 9 19 9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><line x1="15" y1="9" x2="20" y2="4" /><polyline points="15 5 15 9 19 9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="phone-off" data-toggle="tooltip" title="phone-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="3" /><path d="M5.831 14.161a15.946 15.946 0 0 1 -2.831 -8.161a2 2 0 0 1 2 -2h4l2 5l-2.5 1.5c.108 .22 .223 .435 .345 .645m1.751 2.277c.843 .84 1.822 1.544 2.904 2.078l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a15.963 15.963 0 0 1 -10.344 -4.657" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="3" /><path d="M5.831 14.161a15.946 15.946 0 0 1 -2.831 -8.161a2 2 0 0 1 2 -2h4l2 5l-2.5 1.5c.108 .22 .223 .435 .345 .645m1.751 2.277c.843 .84 1.822 1.544 2.904 2.078l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a15.963 15.963 0 0 1 -10.344 -4.657" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="phone-outgoing" data-toggle="tooltip" title="phone-outgoing">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><line x1="15" y1="9" x2="20" y2="4" /><polyline points="16 4 20 4 20 8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><line x1="15" y1="9" x2="20" y2="4" /><polyline points="16 4 20 4 20 8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="phone-pause" data-toggle="tooltip" title="phone-pause">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><line x1="20" y1="3" x2="20" y2="7" /><line x1="16" y1="3" x2="16" y2="7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><line x1="20" y1="3" x2="20" y2="7" /><line x1="16" y1="3" x2="16" y2="7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="phone-plus" data-toggle="tooltip" title="phone-plus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><path d="M15 6h6m-3 -3v6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><path d="M15 6h6m-3 -3v6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="phone-x" data-toggle="tooltip" title="phone-x">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><path d="M16 4l4 4m0 -4l-4 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><path d="M16 4l4 4m0 -4l-4 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="phone" data-toggle="tooltip" title="phone">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="photo-off" data-toggle="tooltip" title="photo-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><line x1="15" y1="8" x2="15.01" y2="8" /><path d="M19.121 19.122a3 3 0 0 1 -2.121 .878h-10a3 3 0 0 1 -3 -3v-10c0 -.833 .34 -1.587 .888 -2.131m3.112 -.869h9a3 3 0 0 1 3 3v9" /><path d="M4 15l4 -4c.928 -.893 2.072 -.893 3 0l5 5" /><path d="M16.32 12.34c.577 -.059 1.162 .162 1.68 .66l2 2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><line x1="15" y1="8" x2="15.01" y2="8" /><path d="M19.121 19.122a3 3 0 0 1 -2.121 .878h-10a3 3 0 0 1 -3 -3v-10c0 -.833 .34 -1.587 .888 -2.131m3.112 -.869h9a3 3 0 0 1 3 3v9" /><path d="M4 15l4 -4c.928 -.893 2.072 -.893 3 0l5 5" /><path d="M16.32 12.34c.577 -.059 1.162 .162 1.68 .66l2 2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="photo" data-toggle="tooltip" title="photo">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="15" y1="8" x2="15.01" y2="8" /><rect x="4" y="4" width="16" height="16" rx="3" /><path d="M4 15l4 -4a3 5 0 0 1 3 0l5 5" /><path d="M14 14l1 -1a3 5 0 0 1 3 0l2 2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="15" y1="8" x2="15.01" y2="8" /><rect x="4" y="4" width="16" height="16" rx="3" /><path d="M4 15l4 -4a3 5 0 0 1 3 0l5 5" /><path d="M14 14l1 -1a3 5 0 0 1 3 0l2 2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="picture-in-picture-off" data-toggle="tooltip" title="picture-in-picture-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4" /><rect x="14" y="14" width="7" height="5" rx="1" /><line x1="7" y1="9" x2="11" y2="13" /><path d="M7 12v-3h3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4" /><rect x="14" y="14" width="7" height="5" rx="1" /><line x1="7" y1="9" x2="11" y2="13" /><path d="M7 12v-3h3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="picture-in-picture-on" data-toggle="tooltip" title="picture-in-picture-on">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4" /><rect x="14" y="14" width="7" height="5" rx="1" /><line x1="7" y1="9" x2="11" y2="13" /><path d="M8 13h3v-3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4" /><rect x="14" y="14" width="7" height="5" rx="1" /><line x1="7" y1="9" x2="11" y2="13" /><path d="M8 13h3v-3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="picture-in-picture" data-toggle="tooltip" title="picture-in-picture">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4" /><rect x="14" y="14" width="7" height="5" rx="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4" /><rect x="14" y="14" width="7" height="5" rx="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="pill" data-toggle="tooltip" title="pill">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.5 12.5l8 -8a4.94 4.94 0 0 1 7 7l-8 8a4.94 4.94 0 0 1 -7 -7" /><line x1="8.5" y1="8.5" x2="15.5" y2="15.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.5 12.5l8 -8a4.94 4.94 0 0 1 7 7l-8 8a4.94 4.94 0 0 1 -7 -7" /><line x1="8.5" y1="8.5" x2="15.5" y2="15.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="pin" data-toggle="tooltip" title="pin">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 4.5l-4 4l-4 1.5l-1.5 1.5l7 7l1.5 -1.5l1.5 -4l4 -4" /><line x1="9" y1="15" x2="4.5" y2="19.5" /><line x1="14.5" y1="4" x2="20" y2="9.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 4.5l-4 4l-4 1.5l-1.5 1.5l7 7l1.5 -1.5l1.5 -4l4 -4" /><line x1="9" y1="15" x2="4.5" y2="19.5" /><line x1="14.5" y1="4" x2="20" y2="9.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="pinned-off" data-toggle="tooltip" title="pinned-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M15 4.5l-3.249 3.249m-2.57 1.433l-2.181 .818l-1.5 1.5l7 7l1.5 -1.5l.82 -2.186m1.43 -2.563l3.25 -3.251" /><line x1="9" y1="15" x2="4.5" y2="19.5" /><line x1="14.5" y1="4" x2="20" y2="9.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M15 4.5l-3.249 3.249m-2.57 1.433l-2.181 .818l-1.5 1.5l7 7l1.5 -1.5l.82 -2.186m1.43 -2.563l3.25 -3.251" /><line x1="9" y1="15" x2="4.5" y2="19.5" /><line x1="14.5" y1="4" x2="20" y2="9.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="pinned" data-toggle="tooltip" title="pinned">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 4v6l-2 4v2h10v-2l-2 -4v-6" /><line x1="12" y1="16" x2="12" y2="21" /><line x1="8" y1="4" x2="16" y2="4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 4v6l-2 4v2h10v-2l-2 -4v-6" /><line x1="12" y1="16" x2="12" y2="21" /><line x1="8" y1="4" x2="16" y2="4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="plane-arrival" data-toggle="tooltip" title="plane-arrival">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 12h5a2 2 0 0 1 0 4h-15l-3 -6h3l2 2h3l-2 -7h3z" transform="rotate(15 12 12) translate(0 -1)" /><line x1="3" y1="21" x2="21" y2="21" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 12h5a2 2 0 0 1 0 4h-15l-3 -6h3l2 2h3l-2 -7h3z" transform="rotate(15 12 12) translate(0 -1)" /><line x1="3" y1="21" x2="21" y2="21" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="plane-departure" data-toggle="tooltip" title="plane-departure">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 12h5a2 2 0 0 1 0 4h-15l-3 -6h3l2 2h3l-2 -7h3z" transform="rotate(-15 12 12) translate(0 -1)" /><line x1="3" y1="21" x2="21" y2="21" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 12h5a2 2 0 0 1 0 4h-15l-3 -6h3l2 2h3l-2 -7h3z" transform="rotate(-15 12 12) translate(0 -1)" /><line x1="3" y1="21" x2="21" y2="21" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="plane" data-toggle="tooltip" title="plane">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 10h4a2 2 0 0 1 0 4h-4l-4 7h-3l2 -7h-4l-2 2h-3l2-4l-2 -4h3l2 2h4l-2 -7h3z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 10h4a2 2 0 0 1 0 4h-4l-4 7h-3l2 -7h-4l-2 2h-3l2-4l-2 -4h3l2 2h4l-2 -7h3z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="planet" data-toggle="tooltip" title="planet">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.816 13.58c2.292 2.138 3.546 4 3.092 4.9-.745 1.46-5.783-.259-11.255-3.838-5.47-3.579-9.304-7.664-8.56-9.123.464-.91 2.926-.444 5.803.805" /><circle cx="12" cy="12" r="7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.816 13.58c2.292 2.138 3.546 4 3.092 4.9-.745 1.46-5.783-.259-11.255-3.838-5.47-3.579-9.304-7.664-8.56-9.123.464-.91 2.926-.444 5.803.805" /><circle cx="12" cy="12" r="7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="plant-2" data-toggle="tooltip" title="plant-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M2 9a10 10 0 1 0 20 0" /><path d="M12 19a10 10 0 0 1 10 -10" /><path d="M2 9a10 10 0 0 1 10 10" /><path d="M12 4a9.7 9.7 0 0 1 2.99 7.5" /><path d="M9.01 11.5a9.7 9.7 0 0 1 2.99 -7.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M2 9a10 10 0 1 0 20 0" /><path d="M12 19a10 10 0 0 1 10 -10" /><path d="M2 9a10 10 0 0 1 10 10" /><path d="M12 4a9.7 9.7 0 0 1 2.99 7.5" /><path d="M9.01 11.5a9.7 9.7 0 0 1 2.99 -7.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="plant" data-toggle="tooltip" title="plant">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 15h10v4a2 2 0 0 1 -2 2h-6a2 2 0 0 1 -2 -2v-4z" /><path d="M12 9a6 6 0 0 0 -6 -6h-3v2a6 6 0 0 0 6 6h3" /><path d="M12 11a6 6 0 0 1 6 -6h3v1a6 6 0 0 1 -6 6h-3" /><line x1="12" y1="15" x2="12" y2="9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 15h10v4a2 2 0 0 1 -2 2h-6a2 2 0 0 1 -2 -2v-4z" /><path d="M12 9a6 6 0 0 0 -6 -6h-3v2a6 6 0 0 0 6 6h3" /><path d="M12 11a6 6 0 0 1 6 -6h3v1a6 6 0 0 1 -6 6h-3" /><line x1="12" y1="15" x2="12" y2="9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="player-pause" data-toggle="tooltip" title="player-pause">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="6" y="5" width="4" height="14" rx="1" /><rect x="14" y="5" width="4" height="14" rx="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="6" y="5" width="4" height="14" rx="1" /><rect x="14" y="5" width="4" height="14" rx="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="player-play" data-toggle="tooltip" title="player-play">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4v16l13 -8z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4v16l13 -8z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="player-record" data-toggle="tooltip" title="player-record">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="player-skip-back" data-toggle="tooltip" title="player-skip-back">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 5v14l-12 -7z" /><line x1="4" y1="5" x2="4" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 5v14l-12 -7z" /><line x1="4" y1="5" x2="4" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="player-skip-forward" data-toggle="tooltip" title="player-skip-forward">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 5v14l12 -7z" /><line x1="20" y1="5" x2="20" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 5v14l12 -7z" /><line x1="20" y1="5" x2="20" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="player-stop" data-toggle="tooltip" title="player-stop">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="5" width="14" height="14" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="5" width="14" height="14" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="player-track-next" data-toggle="tooltip" title="player-track-next">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5v14l8-7z" /><path d="M14 5v14l8-7z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5v14l8-7z" /><path d="M14 5v14l8-7z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="player-track-prev" data-toggle="tooltip" title="player-track-prev">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 5v14l-8 -7z" /><path d="M10 5v14l-8 -7z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 5v14l-8 -7z" /><path d="M10 5v14l-8 -7z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="plug" data-toggle="tooltip" title="plug">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 7h10v6a3 3 0 0 1 -3 3h-4a3 3 0 0 1 -3 -3v-6" /><line x1="9" y1="3" x2="9" y2="7" /><line x1="15" y1="3" x2="15" y2="7" /><path d="M12 16v2a2 2 0 0 0 2 2h3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 7h10v6a3 3 0 0 1 -3 3h-4a3 3 0 0 1 -3 -3v-6" /><line x1="9" y1="3" x2="9" y2="7" /><line x1="15" y1="3" x2="15" y2="7" /><path d="M12 16v2a2 2 0 0 0 2 2h3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="plus" data-toggle="tooltip" title="plus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="point" data-toggle="tooltip" title="point">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="pool" data-toggle="tooltip" title="pool">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M2 20a2.4 2.4 0 0 0 2 1 2.4 2.4 0 002-1 2.4 2.4 0 012-1 2.4 2.4 0 012 1 2.4 2.4 0 002 1 2.4 2.4 0 002-1 2.4 2.4 0 012-1 2.4 2.4 0 012 1 2.4 2.4 0 002 1 2.4 2.4 0 002-1" /><path d="M2 16a2.4 2.4 0 0 0 2 1 2.4 2.4 0 002-1 2.4 2.4 0 012-1 2.4 2.4 0 012 1 2.4 2.4 0 002 1 2.4 2.4 0 002-1 2.4 2.4 0 012-1 2.4 2.4 0 012 1 2.4 2.4 0 002 1 2.4 2.4 0 002-1" /><path d="M15 12v-7.5a1.5 1.5 0 0 1 3 0" /><path d="M9 12v-7.5a1.5 1.5 0 0 0 -3 0" /><line x1="15" y1="5" x2="9" y2="5" /><line x1="9" y1="10" x2="15" y2="10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M2 20a2.4 2.4 0 0 0 2 1 2.4 2.4 0 002-1 2.4 2.4 0 012-1 2.4 2.4 0 012 1 2.4 2.4 0 002 1 2.4 2.4 0 002-1 2.4 2.4 0 012-1 2.4 2.4 0 012 1 2.4 2.4 0 002 1 2.4 2.4 0 002-1" /><path d="M2 16a2.4 2.4 0 0 0 2 1 2.4 2.4 0 002-1 2.4 2.4 0 012-1 2.4 2.4 0 012 1 2.4 2.4 0 002 1 2.4 2.4 0 002-1 2.4 2.4 0 012-1 2.4 2.4 0 012 1 2.4 2.4 0 002 1 2.4 2.4 0 002-1" /><path d="M15 12v-7.5a1.5 1.5 0 0 1 3 0" /><path d="M9 12v-7.5a1.5 1.5 0 0 0 -3 0" /><line x1="15" y1="5" x2="9" y2="5" /><line x1="9" y1="10" x2="15" y2="10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="power" data-toggle="tooltip" title="power">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 6a7.75 7.75 0 1 0 10 0" /><line x1="12" y1="4" x2="12" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 6a7.75 7.75 0 1 0 10 0" /><line x1="12" y1="4" x2="12" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="pray" data-toggle="tooltip" title="pray">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="1" /><path d="M7 20h8l-4 -4v-7l4 3l2 -2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="1" /><path d="M7 20h8l-4 -4v-7l4 3l2 -2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="presentation" data-toggle="tooltip" title="presentation">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="4" x2="21" y2="4" /><path d="M4 4v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-10" /><line x1="12" y1="16" x2="12" y2="20" /><line x1="9" y1="20" x2="15" y2="20" /><path d="M8 12l3 -3l2 2l3 -3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="4" x2="21" y2="4" /><path d="M4 4v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-10" /><line x1="12" y1="16" x2="12" y2="20" /><line x1="9" y1="20" x2="15" y2="20" /><path d="M8 12l3 -3l2 2l3 -3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="printer" data-toggle="tooltip" title="printer">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 17h2a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h2" /><path d="M17 9v-4a2 2 0 0 0 -2 -2h-6a2 2 0 0 0 -2 2v4" /><rect x="7" y="13" width="10" height="8" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 17h2a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h2" /><path d="M17 9v-4a2 2 0 0 0 -2 -2h-6a2 2 0 0 0 -2 2v4" /><rect x="7" y="13" width="10" height="8" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="prompt" data-toggle="tooltip" title="prompt">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 7 10 12 5 17" /><line x1="13" y1="17" x2="19" y2="17" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 7 10 12 5 17" /><line x1="13" y1="17" x2="19" y2="17" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="puzzle" data-toggle="tooltip" title="puzzle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="qrcode" data-toggle="tooltip" title="qrcode">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><line x1="7" y1="17" x2="7" y2="17.01" /><rect x="14" y="4" width="6" height="6" rx="1" /><line x1="7" y1="7" x2="7" y2="7.01" /><rect x="4" y="14" width="6" height="6" rx="1" /><line x1="17" y1="7" x2="17" y2="7.01" /><line x1="14" y1="14" x2="17" y2="14" /><line x1="20" y1="14" x2="20" y2="14.01" /><line x1="14" y1="14" x2="14" y2="17" /><line x1="14" y1="20" x2="17" y2="20" /><line x1="17" y1="17" x2="20" y2="17" /><line x1="20" y1="17" x2="20" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><line x1="7" y1="17" x2="7" y2="17.01" /><rect x="14" y="4" width="6" height="6" rx="1" /><line x1="7" y1="7" x2="7" y2="7.01" /><rect x="4" y="14" width="6" height="6" rx="1" /><line x1="17" y1="7" x2="17" y2="7.01" /><line x1="14" y1="14" x2="17" y2="14" /><line x1="20" y1="14" x2="20" y2="14.01" /><line x1="14" y1="14" x2="14" y2="17" /><line x1="14" y1="20" x2="17" y2="20" /><line x1="17" y1="17" x2="20" y2="17" /><line x1="20" y1="17" x2="20" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="question-mark" data-toggle="tooltip" title="question-mark">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 8a3.5 3 0 0 1 3.5 -3h1a3.5 3 0 0 1 3.5 3a3 3 0 0 1 -2 3a3 4 0 0 0 -2 4" /><line x1="12" y1="19" x2="12" y2="19.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 8a3.5 3 0 0 1 3.5 -3h1a3.5 3 0 0 1 3.5 3a3 3 0 0 1 -2 3a3 4 0 0 0 -2 4" /><line x1="12" y1="19" x2="12" y2="19.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="radioactive" data-toggle="tooltip" title="radioactive">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13.5 14.6l3 5.19a9 9 0 0 0 4.5 -7.79h-6a3 3 0 0 1 -1.5 2.6" /><path d="M13.5 9.4l3 -5.19a9 9 0 0 0 -9 0l3 5.19a3 3 0 0 1 3 0" /><path d="M10.5 14.6l-3 5.19a9 9 0 0 1 -4.5 -7.79h6a3 3 0 0 0 1.5 2.6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13.5 14.6l3 5.19a9 9 0 0 0 4.5 -7.79h-6a3 3 0 0 1 -1.5 2.6" /><path d="M13.5 9.4l3 -5.19a9 9 0 0 0 -9 0l3 5.19a3 3 0 0 1 3 0" /><path d="M10.5 14.6l-3 5.19a9 9 0 0 1 -4.5 -7.79h6a3 3 0 0 0 1.5 2.6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="record-mail" data-toggle="tooltip" title="record-mail">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="12" r="3" /><circle cx="17" cy="12" r="3" /><line x1="7" y1="15" x2="17" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="12" r="3" /><circle cx="17" cy="12" r="3" /><line x1="7" y1="15" x2="17" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="rectangle-vertical" data-toggle="tooltip" title="rectangle-vertical">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="3" width="14" height="18" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="3" width="14" height="18" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="rectangle" data-toggle="tooltip" title="rectangle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="recycle" data-toggle="tooltip" title="recycle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17l-2 2l2 2m-2 -2h9a2 2 0 0 0 1.75 -2.75l-.55 -1" /><path d="M12 17l-2 2l2 2m-2 -2h9a2 2 0 0 0 1.75 -2.75l-.55 -1" transform="rotate(120 12 13)" /><path d="M12 17l-2 2l2 2m-2 -2h9a2 2 0 0 0 1.75 -2.75l-.55 -1" transform="rotate(240 12 13)" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17l-2 2l2 2m-2 -2h9a2 2 0 0 0 1.75 -2.75l-.55 -1" /><path d="M12 17l-2 2l2 2m-2 -2h9a2 2 0 0 0 1.75 -2.75l-.55 -1" transform="rotate(120 12 13)" /><path d="M12 17l-2 2l2 2m-2 -2h9a2 2 0 0 0 1.75 -2.75l-.55 -1" transform="rotate(240 12 13)" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="refresh-alert" data-toggle="tooltip" title="refresh-alert">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4" /><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" /><line x1="12" y1="9" x2="12" y2="12" /><line x1="12" y1="15" x2="12.01" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4" /><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" /><line x1="12" y1="9" x2="12" y2="12" /><line x1="12" y1="15" x2="12.01" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="refresh" data-toggle="tooltip" title="refresh">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4" /><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4" /><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="registered" data-toggle="tooltip" title="registered">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9 16v-8h4a2 2 0 0 1 0 4h-4m3 0l3 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9 16v-8h4a2 2 0 0 1 0 4h-4m3 0l3 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="relation-many-to-many" data-toggle="tooltip" title="relation-many-to-many">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M15 14v-4l3 4v-4" /><path d="M6 14v-4l3 4v-4" /><line x1="12" y1="10.5" x2="12" y2="10.51" /><line x1="12" y1="13.5" x2="12" y2="13.51" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M15 14v-4l3 4v-4" /><path d="M6 14v-4l3 4v-4" /><line x1="12" y1="10.5" x2="12" y2="10.51" /><line x1="12" y1="13.5" x2="12" y2="13.51" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="relation-one-to-many" data-toggle="tooltip" title="relation-one-to-many">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M7 10h1v4" /><path d="M14 14v-4l3 4v-4" /><line x1="11" y1="10.5" x2="11" y2="10.51" /><line x1="11" y1="13.5" x2="11" y2="13.51" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M7 10h1v4" /><path d="M14 14v-4l3 4v-4" /><line x1="11" y1="10.5" x2="11" y2="10.51" /><line x1="11" y1="13.5" x2="11" y2="13.51" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="relation-one-to-one" data-toggle="tooltip" title="relation-one-to-one">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M8 10h1v4" /><path d="M15 10h1v4" /><line x1="12" y1="10.5" x2="12" y2="10.51" /><line x1="12" y1="13.5" x2="12" y2="13.51" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M8 10h1v4" /><path d="M15 10h1v4" /><line x1="12" y1="10.5" x2="12" y2="10.51" /><line x1="12" y1="13.5" x2="12" y2="13.51" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="repeat-once" data-toggle="tooltip" title="repeat-once">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 12v-3a3 3 0 0 1 3 -3h13m-3 -3l3 3l-3 3" /><path d="M20 12v3a3 3 0 0 1 -3 3h-13m3 3l-3-3l3-3" /><path d="M11 11l1 -1v4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 12v-3a3 3 0 0 1 3 -3h13m-3 -3l3 3l-3 3" /><path d="M20 12v3a3 3 0 0 1 -3 3h-13m3 3l-3-3l3-3" /><path d="M11 11l1 -1v4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="repeat" data-toggle="tooltip" title="repeat">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 12v-3a3 3 0 0 1 3 -3h13m-3 -3l3 3l-3 3" /><path d="M20 12v3a3 3 0 0 1 -3 3h-13m3 3l-3-3l3-3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 12v-3a3 3 0 0 1 3 -3h13m-3 -3l3 3l-3 3" /><path d="M20 12v3a3 3 0 0 1 -3 3h-13m3 3l-3-3l3-3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="replace" data-toggle="tooltip" title="replace">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="3" width="6" height="6" rx="1" /><rect x="15" y="15" width="6" height="6" rx="1" /><path d="M21 11v-3a2 2 0 0 0 -2 -2h-6l3 3m0 -6l-3 3" /><path d="M3 13v3a2 2 0 0 0 2 2h6l-3 -3m0 6l3 -3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="3" width="6" height="6" rx="1" /><rect x="15" y="15" width="6" height="6" rx="1" /><path d="M21 11v-3a2 2 0 0 0 -2 -2h-6l3 3m0 -6l-3 3" /><path d="M3 13v3a2 2 0 0 0 2 2h6l-3 -3m0 6l3 -3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="ripple" data-toggle="tooltip" title="ripple">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7c3-2 6-2 9 0s6 2 9 0" /><path d="M3 17c3-2 6-2 9 0s6 2 9 0" /><path d="M3 12c3-2 6-2 9 0s6 2 9 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7c3-2 6-2 9 0s6 2 9 0" /><path d="M3 17c3-2 6-2 9 0s6 2 9 0" /><path d="M3 12c3-2 6-2 9 0s6 2 9 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="road-sign" data-toggle="tooltip" title="road-sign">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.5 20.4l-6.9-6.9c-.781-.781-.781-2.219 0-3l6.9-6.9c.781-.781 2.219-.781 3 0l6.9 6.9c.781.781.781 2.219 0 3l-6.9 6.9c-.781.781-2.219.781-3 0z" /><path d="M9 14v-2c0-.59.414-1 1-1h5" /><path d="M13 9l2 2-2 2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.5 20.4l-6.9-6.9c-.781-.781-.781-2.219 0-3l6.9-6.9c.781-.781 2.219-.781 3 0l6.9 6.9c.781.781.781 2.219 0 3l-6.9 6.9c-.781.781-2.219.781-3 0z" /><path d="M9 14v-2c0-.59.414-1 1-1h5" /><path d="M13 9l2 2-2 2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="rocket" data-toggle="tooltip" title="rocket">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 13a8 8 0 0 1 7 7a6 6 0 0 0 3 -5a9 9 0 0 0 6 -8a3 3 0 0 0 -3 -3a9 9 0 0 0 -8 6a6 6 0 0 0 -5 3" /><path d="M7 14a6 6 0 0 0 -3 6a6 6 0 0 0 6 -3" /><circle cx="15" cy="9" r="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 13a8 8 0 0 1 7 7a6 6 0 0 0 3 -5a9 9 0 0 0 6 -8a3 3 0 0 0 -3 -3a9 9 0 0 0 -8 6a6 6 0 0 0 -5 3" /><path d="M7 14a6 6 0 0 0 -3 6a6 6 0 0 0 6 -3" /><circle cx="15" cy="9" r="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="rotate-2" data-toggle="tooltip" title="rotate-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 4.55a8 8 0 0 0 -6 14.9m0 -4.45v5h-5" /><line x1="18.37" y1="7.16" x2="18.37" y2="7.17" /><line x1="13" y1="19.94" x2="13" y2="19.95" /><line x1="16.84" y1="18.37" x2="16.84" y2="18.38" /><line x1="19.37" y1="15.1" x2="19.37" y2="15.11" /><line x1="19.94" y1="11" x2="19.94" y2="11.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 4.55a8 8 0 0 0 -6 14.9m0 -4.45v5h-5" /><line x1="18.37" y1="7.16" x2="18.37" y2="7.17" /><line x1="13" y1="19.94" x2="13" y2="19.95" /><line x1="16.84" y1="18.37" x2="16.84" y2="18.38" /><line x1="19.37" y1="15.1" x2="19.37" y2="15.11" /><line x1="19.94" y1="11" x2="19.94" y2="11.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="rotate-clockwise-2" data-toggle="tooltip" title="rotate-clockwise-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 4.55a8 8 0 0 1 6 14.9m0 -4.45v5h5" /><line x1="5.63" y1="7.16" x2="5.63" y2="7.17" /><line x1="4.06" y1="11" x2="4.06" y2="11.01" /><line x1="4.63" y1="15.1" x2="4.63" y2="15.11" /><line x1="7.16" y1="18.37" x2="7.16" y2="18.38" /><line x1="11" y1="19.94" x2="11" y2="19.95" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 4.55a8 8 0 0 1 6 14.9m0 -4.45v5h5" /><line x1="5.63" y1="7.16" x2="5.63" y2="7.17" /><line x1="4.06" y1="11" x2="4.06" y2="11.01" /><line x1="4.63" y1="15.1" x2="4.63" y2="15.11" /><line x1="7.16" y1="18.37" x2="7.16" y2="18.38" /><line x1="11" y1="19.94" x2="11" y2="19.95" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="rotate-clockwise" data-toggle="tooltip" title="rotate-clockwise">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="rotate-rectangle" data-toggle="tooltip" title="rotate-rectangle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.3 5h.7a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h5l-2.82 -2.82m0 5.64l2.82 -2.82" transform="rotate(-45 12 12)" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.3 5h.7a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h5l-2.82 -2.82m0 5.64l2.82 -2.82" transform="rotate(-45 12 12)" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="rotate" data-toggle="tooltip" title="rotate">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.95 11a8 8 0 1 0 -.5 4m.5 5v-5h-5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.95 11a8 8 0 1 0 -.5 4m.5 5v-5h-5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="route" data-toggle="tooltip" title="route">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="19" r="2" /><circle cx="18" cy="5" r="2" /><path d="M12 19h4.5a3.5 3.5 0 0 0 0 -7h-8a3.5 3.5 0 0 1 0 -7h3.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="19" r="2" /><circle cx="18" cy="5" r="2" /><path d="M12 19h4.5a3.5 3.5 0 0 0 0 -7h-8a3.5 3.5 0 0 1 0 -7h3.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="router" data-toggle="tooltip" title="router">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="13" width="18" height="8" rx="2" /><line x1="17" y1="17" x2="17" y2="17.01" /><line x1="13" y1="17" x2="13" y2="17.01" /><line x1="15" y1="13" x2="15" y2="11" /><path d="M11.75 8.75a4 4 0 0 1 6.5 0" /><path d="M8.5 6.5a8 8 0 0 1 13 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="13" width="18" height="8" rx="2" /><line x1="17" y1="17" x2="17" y2="17.01" /><line x1="13" y1="17" x2="13" y2="17.01" /><line x1="15" y1="13" x2="15" y2="11" /><path d="M11.75 8.75a4 4 0 0 1 6.5 0" /><path d="M8.5 6.5a8 8 0 0 1 13 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="rss" data-toggle="tooltip" title="rss">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="19" r="1" /><path d="M4 4a16 16 0 0 1 16 16" /><path d="M4 11a9 9 0 0 1 9 9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="19" r="1" /><path d="M4 4a16 16 0 0 1 16 16" /><path d="M4 11a9 9 0 0 1 9 9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="ruler" data-toggle="tooltip" title="ruler">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h14a1 1 0 0 1 1 1v5a1 1 0 0 1 -1 1h-7a1 1 0 0 0 -1 1v7a1 1 0 0 1 -1 1h-5a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1" /><line x1="4" y1="8" x2="6" y2="8" /><line x1="4" y1="12" x2="7" y2="12" /><line x1="4" y1="16" x2="6" y2="16" /><line x1="8" y1="4" x2="8" y2="6" /><polyline points="12 4 12 7 " /><polyline points="16 4 16 6 " /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h14a1 1 0 0 1 1 1v5a1 1 0 0 1 -1 1h-7a1 1 0 0 0 -1 1v7a1 1 0 0 1 -1 1h-5a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1" /><line x1="4" y1="8" x2="6" y2="8" /><line x1="4" y1="12" x2="7" y2="12" /><line x1="4" y1="16" x2="6" y2="16" /><line x1="8" y1="4" x2="8" y2="6" /><polyline points="12 4 12 7 " /><polyline points="16 4 16 6 " /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="run" data-toggle="tooltip" title="run">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="13" cy="4" r="1" /><path d="M4 17l5 1l.75 -1.5" /><path d="M15 21l0 -4l-4 -3l1 -6" /><path d="M7 12l0 -3l5 -1l3 3l3 1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="13" cy="4" r="1" /><path d="M4 17l5 1l.75 -1.5" /><path d="M15 21l0 -4l-4 -3l1 -6" /><path d="M7 12l0 -3l5 -1l3 3l3 1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="sailboat" data-toggle="tooltip" title="sailboat">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M2 20a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1" /><path d="M4 18l-1 -3h18l-1 3" /><path d="M11 12h7l-7 -9v9" /><line x1="8" y1="7" x2="6" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M2 20a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1" /><path d="M4 18l-1 -3h18l-1 3" /><path d="M11 12h7l-7 -9v9" /><line x1="8" y1="7" x2="6" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="scale" data-toggle="tooltip" title="scale">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="3" x2="12" y2="21" /><line x1="9" y1="21" x2="15" y2="21" /><polyline points="3 6 6 7 12 5 18 7 21 6" /><path d="M6 7l-3 9a5 5 0 0 0 6 0l-3 -9" /><path d="M18 7l-3 9a5 5 0 0 0 6 0l-3 -9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="3" x2="12" y2="21" /><line x1="9" y1="21" x2="15" y2="21" /><polyline points="3 6 6 7 12 5 18 7 21 6" /><path d="M6 7l-3 9a5 5 0 0 0 6 0l-3 -9" /><path d="M18 7l-3 9a5 5 0 0 0 6 0l-3 -9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="scan" data-toggle="tooltip" title="scan">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7v-1a2 2 0 0 1 2 -2h2" /><path d="M4 17v1a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v1" /><path d="M16 20h2a2 2 0 0 0 2 -2v-1" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7v-1a2 2 0 0 1 2 -2h2" /><path d="M4 17v1a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v1" /><path d="M16 20h2a2 2 0 0 0 2 -2v-1" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="school" data-toggle="tooltip" title="school">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 9l-10 -4l-10 4l10 4l10 -4v6" /><path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 9l-10 -4l-10 4l10 4l10 -4v6" /><path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="scissors" data-toggle="tooltip" title="scissors">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="7" r="3" /><circle cx="6" cy="17" r="3" /><line x1="8.6" y1="8.6" x2="19" y2="19" /><line x1="8.6" y1="15.4" x2="19" y2="5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="7" r="3" /><circle cx="6" cy="17" r="3" /><line x1="8.6" y1="8.6" x2="19" y2="19" /><line x1="8.6" y1="15.4" x2="19" y2="5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="scooter-electric" data-toggle="tooltip" title="scooter-electric">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="18" cy="17" r="2" /><circle cx="6" cy="17" r="2" /><path d="M8 17h5a6 6 0 0 1 5 -5v-5a2 2 0 0 0 -2 -2h-1" /><path d="M10 4l-2 4h3l-2 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="18" cy="17" r="2" /><circle cx="6" cy="17" r="2" /><path d="M8 17h5a6 6 0 0 1 5 -5v-5a2 2 0 0 0 -2 -2h-1" /><path d="M10 4l-2 4h3l-2 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="scooter" data-toggle="tooltip" title="scooter">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="18" cy="17" r="2" /><circle cx="6" cy="17" r="2" /><path d="M8 17h5a6 6 0 0 1 5 -5v-5a2 2 0 0 0 -2 -2h-1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="18" cy="17" r="2" /><circle cx="6" cy="17" r="2" /><path d="M8 17h5a6 6 0 0 1 5 -5v-5a2 2 0 0 0 -2 -2h-1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="screen-share-off" data-toggle="tooltip" title="screen-share-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 12v3a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1v-10a1 1 0 0 1 1 -1h9" /><line x1="7" y1="20" x2="17" y2="20" /><line x1="9" y1="16" x2="9" y2="20" /><line x1="15" y1="16" x2="15" y2="20" /><path d="M17 8l4 -4m-4 0l4 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 12v3a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1v-10a1 1 0 0 1 1 -1h9" /><line x1="7" y1="20" x2="17" y2="20" /><line x1="9" y1="16" x2="9" y2="20" /><line x1="15" y1="16" x2="15" y2="20" /><path d="M17 8l4 -4m-4 0l4 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="screen-share" data-toggle="tooltip" title="screen-share">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 12v3a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1v-10a1 1 0 0 1 1 -1h9" /><line x1="7" y1="20" x2="17" y2="20" /><line x1="9" y1="16" x2="9" y2="20" /><line x1="15" y1="16" x2="15" y2="20" /><path d="M17 4h4v4" /><path d="M16 9l5-5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 12v3a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1v-10a1 1 0 0 1 1 -1h9" /><line x1="7" y1="20" x2="17" y2="20" /><line x1="9" y1="16" x2="9" y2="20" /><line x1="15" y1="16" x2="15" y2="20" /><path d="M17 4h4v4" /><path d="M16 9l5-5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="search" data-toggle="tooltip" title="search">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="seeding" data-toggle="tooltip" title="seeding">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 10a6 6 0 0 0 -6 -6h-3v2a6 6 0 0 0 6 6h3" /><path d="M12 14a6 6 0 0 1 6 -6h3v1a6 6 0 0 1 -6 6h-3" /><line x1="12" y1="20" x2="12" y2="10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 10a6 6 0 0 0 -6 -6h-3v2a6 6 0 0 0 6 6h3" /><path d="M12 14a6 6 0 0 1 6 -6h3v1a6 6 0 0 1 -6 6h-3" /><line x1="12" y1="20" x2="12" y2="10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="select" data-toggle="tooltip" title="select">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M9 11l3 3l3 -3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M9 11l3 3l3 -3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="selector" data-toggle="tooltip" title="selector">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="8 9 12 5 16 9" /><polyline points="16 15 12 19 8 15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="8 9 12 5 16 9" /><polyline points="16 15 12 19 8 15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="send" data-toggle="tooltip" title="send">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="10" y1="14" x2="21" y2="3" /><path d="M21 3l-6.5 18a0.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a0.55 .55 0 0 1 0 -1l18 -6.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="10" y1="14" x2="21" y2="3" /><path d="M21 3l-6.5 18a0.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a0.55 .55 0 0 1 0 -1l18 -6.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="separator-horizontal" data-toggle="tooltip" title="separator-horizontal">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="12" x2="20" y2="12" /><polyline points="8 8 12 4 16 8" /><polyline points="16 16 12 20 8 16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="12" x2="20" y2="12" /><polyline points="8 8 12 4 16 8" /><polyline points="16 16 12 20 8 16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="separator-vertical" data-toggle="tooltip" title="separator-vertical">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="4" x2="12" y2="20" /><polyline points="8 8 4 12 8 16" /><polyline points="16 16 20 12 16 8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="4" x2="12" y2="20" /><polyline points="8 8 4 12 8 16" /><polyline points="16 16 20 12 16 8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="separator" data-toggle="tooltip" title="separator">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="12" x2="3" y2="12.01" /><line x1="7" y1="12" x2="17" y2="12" /><line x1="21" y1="12" x2="21" y2="12.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="12" x2="3" y2="12.01" /><line x1="7" y1="12" x2="17" y2="12" /><line x1="21" y1="12" x2="21" y2="12.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="server" data-toggle="tooltip" title="server">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="4" width="18" height="8" rx="3" /><rect x="3" y="12" width="18" height="8" rx="3" /><line x1="7" y1="8" x2="7" y2="8.01" /><line x1="7" y1="16" x2="7" y2="16.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="4" width="18" height="8" rx="3" /><rect x="3" y="12" width="18" height="8" rx="3" /><line x1="7" y1="8" x2="7" y2="8.01" /><line x1="7" y1="16" x2="7" y2="16.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="servicemark" data-toggle="tooltip" title="servicemark">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 9h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5" /><path d="M13 15v-6l3 4l3 -4v6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 9h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5" /><path d="M13 15v-6l3 4l3 -4v6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="settings" data-toggle="tooltip" title="settings">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="shape" data-toggle="tooltip" title="shape">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="5" r="2" /><circle cx="19" cy="5" r="2" /><circle cx="5" cy="19" r="2" /><circle cx="19" cy="19" r="2" /><line x1="5" y1="7" x2="5" y2="17" /><line x1="7" y1="5" x2="17" y2="5" /><line x1="7" y1="19" x2="17" y2="19" /><line x1="19" y1="7" x2="19" y2="17" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="5" r="2" /><circle cx="19" cy="5" r="2" /><circle cx="5" cy="19" r="2" /><circle cx="19" cy="19" r="2" /><line x1="5" y1="7" x2="5" y2="17" /><line x1="7" y1="5" x2="17" y2="5" /><line x1="7" y1="19" x2="17" y2="19" /><line x1="19" y1="7" x2="19" y2="17" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="share" data-toggle="tooltip" title="share">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="12" r="3" /><circle cx="18" cy="6" r="3" /><circle cx="18" cy="18" r="3" /><line x1="8.7" y1="10.7" x2="15.3" y2="7.3" /><line x1="8.7" y1="13.3" x2="15.3" y2="16.7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="12" r="3" /><circle cx="18" cy="6" r="3" /><circle cx="18" cy="18" r="3" /><line x1="8.7" y1="10.7" x2="15.3" y2="7.3" /><line x1="8.7" y1="13.3" x2="15.3" y2="16.7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="shield-check" data-toggle="tooltip" title="shield-check">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 12l2 2l4 -4" /><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 12l2 2l4 -4" /><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="shield-lock" data-toggle="tooltip" title="shield-lock">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /><circle cx="12" cy="11" r="1" /><line x1="12" y1="12" x2="12" y2="14.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /><circle cx="12" cy="11" r="1" /><line x1="12" y1="12" x2="12" y2="14.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="shield-off" data-toggle="tooltip" title="shield-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M17.669 17.669a12 12 0 0 1 -5.669 3.331a12 12 0 0 1 -8.5 -15c.797 .036 1.589 0 2.366 -.126m3.092 -.912a12 12 0 0 0 3.042 -1.962a12 12 0 0 0 8.5 3a12 12 0 0 1 -1.117 9.379" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M17.669 17.669a12 12 0 0 1 -5.669 3.331a12 12 0 0 1 -8.5 -15c.797 .036 1.589 0 2.366 -.126m3.092 -.912a12 12 0 0 0 3.042 -1.962a12 12 0 0 0 8.5 3a12 12 0 0 1 -1.117 9.379" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="shield-x" data-toggle="tooltip" title="shield-x">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /><path d="M10 10l4 4m0 -4l-4 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /><path d="M10 10l4 4m0 -4l-4 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="shield" data-toggle="tooltip" title="shield">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="ship" data-toggle="tooltip" title="ship">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M2 20a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1" /><path d="M4 18l-1 -5h18l-2 4" /><path d="M5 13v-6h8l4 6" /><path d="M7 7v-4h-1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M2 20a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1" /><path d="M4 18l-1 -5h18l-2 4" /><path d="M5 13v-6h8l4 6" /><path d="M7 7v-4h-1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="shirt" data-toggle="tooltip" title="shirt">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 4l6 2v5h-3v8a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1v-8h-3v-5l6 -2a3 3 0 0 0 6 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 4l6 2v5h-3v8a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1v-8h-3v-5l6 -2a3 3 0 0 0 6 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="shopping-cart" data-toggle="tooltip" title="shopping-cart">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="sitemap" data-toggle="tooltip" title="sitemap">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="15" width="6" height="6" rx="2" /><rect x="15" y="15" width="6" height="6" rx="2" /><rect x="9" y="3" width="6" height="6" rx="2" /><path d="M6 15v-1a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v1" /><line x1="12" y1="9" x2="12" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="15" width="6" height="6" rx="2" /><rect x="15" y="15" width="6" height="6" rx="2" /><rect x="9" y="3" width="6" height="6" rx="2" /><path d="M6 15v-1a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v1" /><line x1="12" y1="9" x2="12" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="skateboard" data-toggle="tooltip" title="skateboard">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="15" r="2" /><circle cx="17" cy="15" r="2" /><path d="M3 9a2 1 0 0 0 2 1h14a2 1 0 0 0 2 -1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="15" r="2" /><circle cx="17" cy="15" r="2" /><path d="M3 9a2 1 0 0 0 2 1h14a2 1 0 0 0 2 -1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="slice" data-toggle="tooltip" title="slice">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 19l15 -15l3 3l-6 6l2 2a14 14 0 0 1 -14 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 19l15 -15l3 3l-6 6l2 2a14 14 0 0 1 -14 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="slideshow" data-toggle="tooltip" title="slideshow">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="15" y1="6" x2="15.01" y2="6" /><rect x="3" y="3" width="18" height="14" rx="3" /><path d="M3 13l4 -4a3 5 0 0 1 3 0l4 4" /><path d="M13 12l2 -2a3 5 0 0 1 3 0l3 3" /><line x1="8" y1="21" x2="8.01" y2="21" /><line x1="12" y1="21" x2="12.01" y2="21" /><line x1="16" y1="21" x2="16.01" y2="21" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="15" y1="6" x2="15.01" y2="6" /><rect x="3" y="3" width="18" height="14" rx="3" /><path d="M3 13l4 -4a3 5 0 0 1 3 0l4 4" /><path d="M13 12l2 -2a3 5 0 0 1 3 0l3 3" /><line x1="8" y1="21" x2="8.01" y2="21" /><line x1="12" y1="21" x2="12.01" y2="21" /><line x1="16" y1="21" x2="16.01" y2="21" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="smart-home" data-toggle="tooltip" title="smart-home">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 8.71l-5.333 -4.148a2.666 2.666 0 0 0 -3.274 0l-5.334 4.148a2.665 2.665 0 0 0 -1.029 2.105v7.2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-7.2c0 -.823 -.38 -1.6 -1.03 -2.105" /><path d="M16 15c-2.21 1.333-5.792 1.333-8 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 8.71l-5.333 -4.148a2.666 2.666 0 0 0 -3.274 0l-5.334 4.148a2.665 2.665 0 0 0 -1.029 2.105v7.2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-7.2c0 -.823 -.38 -1.6 -1.03 -2.105" /><path d="M16 15c-2.21 1.333-5.792 1.333-8 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="smoking-no" data-toggle="tooltip" title="smoking-no">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="13" x2="8" y2="17" /><path d="M16 5v.5a2 2 0 0 0 2 2a2 2 0 0 1 2 2v.5" /><line x1="3" y1="3" x2="21" y2="21" /><path d="M17 13h3a1 1 0 0 1 1 1v2c0 .28 -.115 .533 -.3 .714m-3.7 .286h-13a1 1 0 0 1 -1 -1v-2a1 1 0 0 1 1 -1h9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="13" x2="8" y2="17" /><path d="M16 5v.5a2 2 0 0 0 2 2a2 2 0 0 1 2 2v.5" /><line x1="3" y1="3" x2="21" y2="21" /><path d="M17 13h3a1 1 0 0 1 1 1v2c0 .28 -.115 .533 -.3 .714m-3.7 .286h-13a1 1 0 0 1 -1 -1v-2a1 1 0 0 1 1 -1h9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="smoking" data-toggle="tooltip" title="smoking">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="13" width="18" height="4" rx="1" /><line x1="8" y1="13" x2="8" y2="17" /><path d="M16 5v.5a2 2 0 0 0 2 2a2 2 0 0 1 2 2v.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="13" width="18" height="4" rx="1" /><line x1="8" y1="13" x2="8" y2="17" /><path d="M16 5v.5a2 2 0 0 0 2 2a2 2 0 0 1 2 2v.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="snowflake" data-toggle="tooltip" title="snowflake">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" /><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" transform="rotate(60 12 12)" /><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" transform="rotate(120 12 12)" /><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" transform="rotate(180 12 12)" /><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" transform="rotate(240 12 12)" /><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" transform="rotate(300 12 12)" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" /><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" transform="rotate(60 12 12)" /><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" transform="rotate(120 12 12)" /><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" transform="rotate(180 12 12)" /><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" transform="rotate(240 12 12)" /><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" transform="rotate(300 12 12)" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="soccer-field" data-toggle="tooltip" title="soccer-field">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><path d="M3 9h3v6h-3z" /><path d="M18 9h3v6h-3z" /><rect x="3" y="5" width="18" height="14" rx="2" /><line x1="12" y1="5" x2="12" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><path d="M3 9h3v6h-3z" /><path d="M18 9h3v6h-3z" /><rect x="3" y="5" width="18" height="14" rx="2" /><line x1="12" y1="5" x2="12" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="social" data-toggle="tooltip" title="social">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="2" /><circle cx="5" cy="19" r="2" /><circle cx="19" cy="19" r="2" /><circle cx="12" cy="14" r="3" /><line x1="12" y1="7" x2="12" y2="11" /><line x1="6.7" y1="17.8" x2="9.5" y2="15.8" /><line x1="17.3" y1="17.8" x2="14.5" y2="15.8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="2" /><circle cx="5" cy="19" r="2" /><circle cx="19" cy="19" r="2" /><circle cx="12" cy="14" r="3" /><line x1="12" y1="7" x2="12" y2="11" /><line x1="6.7" y1="17.8" x2="9.5" y2="15.8" /><line x1="17.3" y1="17.8" x2="14.5" y2="15.8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="sort-ascending" data-toggle="tooltip" title="sort-ascending">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="11" y2="6" /><line x1="4" y1="12" x2="11" y2="12" /><line x1="4" y1="18" x2="13" y2="18" /><polyline points="15 9 18 6 21 9" /><line x1="18" y1="6" x2="18" y2="18" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="11" y2="6" /><line x1="4" y1="12" x2="11" y2="12" /><line x1="4" y1="18" x2="13" y2="18" /><polyline points="15 9 18 6 21 9" /><line x1="18" y1="6" x2="18" y2="18" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="sort-descending" data-toggle="tooltip" title="sort-descending">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="13" y2="6" /><line x1="4" y1="12" x2="11" y2="12" /><line x1="4" y1="18" x2="11" y2="18" /><polyline points="15 15 18 18 21 15" /><line x1="18" y1="6" x2="18" y2="18" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="13" y2="6" /><line x1="4" y1="12" x2="11" y2="12" /><line x1="4" y1="18" x2="11" y2="18" /><polyline points="15 15 18 18 21 15" /><line x1="18" y1="6" x2="18" y2="18" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="space" data-toggle="tooltip" title="space">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 10v3a1 1 0 0 0 1 1h14a1 1 0 0 0 1 -1v-3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 10v3a1 1 0 0 0 1 1h14a1 1 0 0 0 1 -1v-3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="speakerphone" data-toggle="tooltip" title="speakerphone">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 8a3 3 0 0 1 0 6" /><path d="M10 8v11a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1 -1v-5" /><path d="M12 8h0l4.524 -3.77a0.9 .9 0 0 1 1.476 .692v12.156a0.9 .9 0 0 1 -1.476 .692l-4.524 -3.77h-8a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 8a3 3 0 0 1 0 6" /><path d="M10 8v11a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1 -1v-5" /><path d="M12 8h0l4.524 -3.77a0.9 .9 0 0 1 1.476 .692v12.156a0.9 .9 0 0 1 -1.476 .692l-4.524 -3.77h-8a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="speedboat" data-toggle="tooltip" title="speedboat">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 17h13.4a3 3 0 0 0 2.5 -1.34l3.1 -4.66h0h-6.23a4 4 0 0 0 -1.49 .29l-3.56 1.42a4 4 0 0 1 -1.49 .29h-3.73h0h-1l-1.5 4z" /><line x1="6" y1="13" x2="7.5" y2="8" /><path d="M6 8h8l2 3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 17h13.4a3 3 0 0 0 2.5 -1.34l3.1 -4.66h0h-6.23a4 4 0 0 0 -1.49 .29l-3.56 1.42a4 4 0 0 1 -1.49 .29h-3.73h0h-1l-1.5 4z" /><line x1="6" y1="13" x2="7.5" y2="8" /><path d="M6 8h8l2 3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="square-check" data-toggle="tooltip" title="square-check">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M9 12l2 2l4 -4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M9 12l2 2l4 -4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="square-dot" data-toggle="tooltip" title="square-dot">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><circle cx="12" cy="12" r="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><circle cx="12" cy="12" r="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="square-forbid-2" data-toggle="tooltip" title="square-forbid-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="15" x2="15" y2="9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="15" x2="15" y2="9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="square-forbid" data-toggle="tooltip" title="square-forbid">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="9" x2="15" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="9" x2="15" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="square-minus" data-toggle="tooltip" title="square-minus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="12" x2="15" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="12" x2="15" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="square-plus" data-toggle="tooltip" title="square-plus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="12" x2="15" y2="12" /><line x1="12" y1="9" x2="12" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="12" x2="15" y2="12" /><line x1="12" y1="9" x2="12" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="square-rotated" data-toggle="tooltip" title="square-rotated">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.5 20.4l-6.9-6.9c-.781-.781-.781-2.219 0-3l6.9-6.9c.781-.781 2.219-.781 3 0l6.9 6.9c.781.781.781 2.219 0 3l-6.9 6.9c-.781.781-2.219.781-3 0z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.5 20.4l-6.9-6.9c-.781-.781-.781-2.219 0-3l6.9-6.9c.781-.781 2.219-.781 3 0l6.9 6.9c.781.781.781 2.219 0 3l-6.9 6.9c-.781.781-2.219.781-3 0z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="square-x" data-toggle="tooltip" title="square-x">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M10 10l4 4m0 -4l-4 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M10 10l4 4m0 -4l-4 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="square" data-toggle="tooltip" title="square">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="stack" data-toggle="tooltip" title="stack">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 4 4 8 12 12 20 8 12 4" /><polyline points="4 12 12 16 20 12" /><polyline points="4 16 12 20 20 16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 4 4 8 12 12 20 8 12 4" /><polyline points="4 12 12 16 20 12" /><polyline points="4 16 12 20 20 16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="stairs-down" data-toggle="tooltip" title="stairs-down">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 20h4v-4h4v-4h4v-4h4" /><path d="M11 4l-7 7v-4m4 4h-4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 20h4v-4h4v-4h4v-4h4" /><path d="M11 4l-7 7v-4m4 4h-4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="stairs-up" data-toggle="tooltip" title="stairs-up">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 20h4v-4h4v-4h4v-4h4" /><path d="M4 11l7 -7v4m-4 -4h4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 20h4v-4h4v-4h4v-4h4" /><path d="M4 11l7 -7v4m-4 -4h4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="stairs" data-toggle="tooltip" title="stairs">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 18h4v-4h4v-4h4v-4h4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 18h4v-4h4v-4h4v-4h4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="star-half" data-toggle="tooltip" title="star-half">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="star-off" data-toggle="tooltip" title="star-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M10.012 6.016l1.981 -4.014l3.086 6.253l6.9 1l-4.421 4.304m.012 4.01l.588 3.426l-6.158 -3.245l-6.172 3.245l1.179 -6.873l-5 -4.867l6.327 -.917" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M10.012 6.016l1.981 -4.014l3.086 6.253l6.9 1l-4.421 4.304m.012 4.01l.588 3.426l-6.158 -3.245l-6.172 3.245l1.179 -6.873l-5 -4.867l6.327 -.917" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="star" data-toggle="tooltip" title="star">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="stars" data-toggle="tooltip" title="stars">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.8 19.817l-2.172 1.138a0.392 .392 0 0 1 -.568 -.41l.415 -2.411l-1.757 -1.707a0.389 .389 0 0 1 .217 -.665l2.428 -.352l1.086 -2.193a0.392 .392 0 0 1 .702 0l1.086 2.193l2.428 .352a0.39 .39 0 0 1 .217 .665l-1.757 1.707l.414 2.41a0.39 .39 0 0 1 -.567 .411l-2.172 -1.138z" /><path d="M6.2 19.817l-2.172 1.138a0.392 .392 0 0 1 -.568 -.41l.415 -2.411l-1.757 -1.707a0.389 .389 0 0 1 .217 -.665l2.428 -.352l1.086 -2.193a0.392 .392 0 0 1 .702 0l1.086 2.193l2.428 .352a0.39 .39 0 0 1 .217 .665l-1.757 1.707l.414 2.41a0.39 .39 0 0 1 -.567 .411l-2.172 -1.138z" /><path d="M12 9.817l-2.172 1.138a0.392 .392 0 0 1 -.568 -.41l.415 -2.411l-1.757 -1.707a0.389 .389 0 0 1 .217 -.665l2.428 -.352l1.086 -2.193a0.392 .392 0 0 1 .702 0l1.086 2.193l2.428 .352a0.39 .39 0 0 1 .217 .665l-1.757 1.707l.414 2.41a0.39 .39 0 0 1 -.567 .411l-2.172 -1.138z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.8 19.817l-2.172 1.138a0.392 .392 0 0 1 -.568 -.41l.415 -2.411l-1.757 -1.707a0.389 .389 0 0 1 .217 -.665l2.428 -.352l1.086 -2.193a0.392 .392 0 0 1 .702 0l1.086 2.193l2.428 .352a0.39 .39 0 0 1 .217 .665l-1.757 1.707l.414 2.41a0.39 .39 0 0 1 -.567 .411l-2.172 -1.138z" /><path d="M6.2 19.817l-2.172 1.138a0.392 .392 0 0 1 -.568 -.41l.415 -2.411l-1.757 -1.707a0.389 .389 0 0 1 .217 -.665l2.428 -.352l1.086 -2.193a0.392 .392 0 0 1 .702 0l1.086 2.193l2.428 .352a0.39 .39 0 0 1 .217 .665l-1.757 1.707l.414 2.41a0.39 .39 0 0 1 -.567 .411l-2.172 -1.138z" /><path d="M12 9.817l-2.172 1.138a0.392 .392 0 0 1 -.568 -.41l.415 -2.411l-1.757 -1.707a0.389 .389 0 0 1 .217 -.665l2.428 -.352l1.086 -2.193a0.392 .392 0 0 1 .702 0l1.086 2.193l2.428 .352a0.39 .39 0 0 1 .217 .665l-1.757 1.707l.414 2.41a0.39 .39 0 0 1 -.567 .411l-2.172 -1.138z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="steering-wheel" data-toggle="tooltip" title="steering-wheel">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><circle cx="12" cy="12" r="2" /><line x1="12" y1="14" x2="12" y2="21" /><line x1="10" y1="12" x2="3.25" y2="10" /><line x1="14" y1="12" x2="20.75" y2="10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><circle cx="12" cy="12" r="2" /><line x1="12" y1="14" x2="12" y2="21" /><line x1="10" y1="12" x2="3.25" y2="10" /><line x1="14" y1="12" x2="20.75" y2="10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="step-into" data-toggle="tooltip" title="step-into">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="3" x2="12" y2="15" /><line x1="16" y1="11" x2="12" y2="15" /><line x1="8" y1="11" x2="12" y2="15" /><circle cx="12" cy="20" r="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="3" x2="12" y2="15" /><line x1="16" y1="11" x2="12" y2="15" /><line x1="8" y1="11" x2="12" y2="15" /><circle cx="12" cy="20" r="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="step-out" data-toggle="tooltip" title="step-out">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="3" x2="12" y2="15" /><line x1="16" y1="7" x2="12" y2="3" /><line x1="8" y1="7" x2="12" y2="3" /><circle cx="12" cy="20" r="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="3" x2="12" y2="15" /><line x1="16" y1="7" x2="12" y2="3" /><line x1="8" y1="7" x2="12" y2="3" /><circle cx="12" cy="20" r="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="sthetoscope" data-toggle="tooltip" title="sthetoscope">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4h-1a2 2 0 0 0 -2 2v3.5h0a5.5 5.5 0 0 0 11 0v-3.5a2 2 0 0 0 -2 -2h-1" /><path d="M8 15a6 6 0 1 0 12 0v-3" /><path  d="M11 3v2" /><path  d="M6 3v2" /><circle cx="20" cy="10" r="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4h-1a2 2 0 0 0 -2 2v3.5h0a5.5 5.5 0 0 0 11 0v-3.5a2 2 0 0 0 -2 -2h-1" /><path d="M8 15a6 6 0 1 0 12 0v-3" /><path  d="M11 3v2" /><path  d="M6 3v2" /><circle cx="20" cy="10" r="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="sticker" data-toggle="tooltip" title="sticker">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 12l-2 .5a6 6 0 0 1 -6.5 -6.5l.5 -2l8 8" /><path d="M20 12a8 8 0 1 1 -8 -8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 12l-2 .5a6 6 0 0 1 -6.5 -6.5l.5 -2l8 8" /><path d="M20 12a8 8 0 1 1 -8 -8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="strikethrough" data-toggle="tooltip" title="strikethrough">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><path d="M16 6.5a4 2 0 0 0 -4 -1.5h-1a3.5 3.5 0 0 0 0 7" /><path d="M16.5 16a3.5 3.5 0 0 1 -3.5 3h-1.5a4 2 0 0 1 -4 -1.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><path d="M16 6.5a4 2 0 0 0 -4 -1.5h-1a3.5 3.5 0 0 0 0 7" /><path d="M16.5 16a3.5 3.5 0 0 1 -3.5 3h-1.5a4 2 0 0 1 -4 -1.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="submarine" data-toggle="tooltip" title="submarine">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 11v6h2l1 -1.5l3 1.5h10a3 3 0 0 0 0 -6h-10h0l-3 1.5l-1 -1.5h-2z" /><path d="M17 11l-1 -3h-5l-1 3" /><path d="M13 8v-2a1 1 0 0 1 1 -1h1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 11v6h2l1 -1.5l3 1.5h10a3 3 0 0 0 0 -6h-10h0l-3 1.5l-1 -1.5h-2z" /><path d="M17 11l-1 -3h-5l-1 3" /><path d="M13 8v-2a1 1 0 0 1 1 -1h1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="subscript" data-toggle="tooltip" title="subscript">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l8 10m-8 0l8 -10" /><path d="M21 20h-4l3.5 -4a1.73 1.73 0 0 0 -3.5 -2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l8 10m-8 0l8 -10" /><path d="M21 20h-4l3.5 -4a1.73 1.73 0 0 0 -3.5 -2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="subtask" data-toggle="tooltip" title="subtask">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="9" x2="12" y2="9" /><line x1="4" y1="5" x2="8" y2="5" /><path d="M6 5v11a1 1 0 0 0 1 1h5" /><rect x="12" y="7" width="8" height="4" rx="1" /><rect x="12" y="15" width="8" height="4" rx="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="9" x2="12" y2="9" /><line x1="4" y1="5" x2="8" y2="5" /><path d="M6 5v11a1 1 0 0 0 1 1h5" /><rect x="12" y="7" width="8" height="4" rx="1" /><rect x="12" y="15" width="8" height="4" rx="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="sum" data-toggle="tooltip" title="sum">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6-7l-6-7h11a1 1 0 0 1 1 1v2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6-7l-6-7h11a1 1 0 0 1 1 1v2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="sun-off" data-toggle="tooltip" title="sun-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M16 12a4 4 0 0 0 -4 -4m-2.834 1.177a4 4 0 0 0 5.66 5.654" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M16 12a4 4 0 0 0 -4 -4m-2.834 1.177a4 4 0 0 0 5.66 5.654" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="sun" data-toggle="tooltip" title="sun">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="4" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="4" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="sunset" data-toggle="tooltip" title="sunset">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 17h1m16 0h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7m-9.7 5.7a4 4 0 0 1 8 0" /><line x1="3" y1="21" x2="21" y2="21" /><path d="M12 9v-6l3 3m-6 0l3 -3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 17h1m16 0h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7m-9.7 5.7a4 4 0 0 1 8 0" /><line x1="3" y1="21" x2="21" y2="21" /><path d="M12 9v-6l3 3m-6 0l3 -3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="sunshine" data-toggle="tooltip" title="sunshine">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 17h1m16 0h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7m-9.7 5.7a4 4 0 0 1 8 0" /><line x1="3" y1="21" x2="21" y2="21" /><path d="M12 3v6l3 -3m-6 0l3 3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 17h1m16 0h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7m-9.7 5.7a4 4 0 0 1 8 0" /><line x1="3" y1="21" x2="21" y2="21" /><path d="M12 3v6l3 -3m-6 0l3 3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="superscript" data-toggle="tooltip" title="superscript">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l8 10m-8 0l8 -10" /><path d="M21 11h-4l3.5 -4a1.73 1.73 0 0 0 -3.5 -2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l8 10m-8 0l8 -10" /><path d="M21 11h-4l3.5 -4a1.73 1.73 0 0 0 -3.5 -2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="swimming" data-toggle="tooltip" title="swimming">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="16" cy="9" r="1" /><path d="M6 11l4 -2l3.5 3l-1.5 2" /><path d="M3 16.75a2.4 2.4 0 0 0 1 .25a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 1 -.25" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="16" cy="9" r="1" /><path d="M6 11l4 -2l3.5 3l-1.5 2" /><path d="M3 16.75a2.4 2.4 0 0 0 1 .25a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 1 -.25" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="switch-horizontal" data-toggle="tooltip" title="switch-horizontal">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="16 3 20 7 16 11" /><line x1="10" y1="7" x2="20" y2="7" /><polyline points="8 13 4 17 8 21" /><line x1="4" y1="17" x2="13" y2="17" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="16 3 20 7 16 11" /><line x1="10" y1="7" x2="20" y2="7" /><polyline points="8 13 4 17 8 21" /><line x1="4" y1="17" x2="13" y2="17" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="switch-vertical" data-toggle="tooltip" title="switch-vertical">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 8 7 4 11 8" /><line x1="7" y1="4" x2="7" y2="13" /><polyline points="13 16 17 20 21 16" /><line x1="17" y1="10" x2="17" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 8 7 4 11 8" /><line x1="7" y1="4" x2="7" y2="13" /><polyline points="13 16 17 20 21 16" /><line x1="17" y1="10" x2="17" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="switch" data-toggle="tooltip" title="switch">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 4 19 4 19 8" /><line x1="14.75" y1="9.25" x2="19" y2="4" /><line x1="5" y1="19" x2="9" y2="15" /><polyline points="15 19 19 19 19 15" /><line x1="5" y1="5" x2="19" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 4 19 4 19 8" /><line x1="14.75" y1="9.25" x2="19" y2="4" /><line x1="5" y1="19" x2="9" y2="15" /><polyline points="15 19 19 19 19 15" /><line x1="5" y1="5" x2="19" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="table" data-toggle="tooltip" title="table">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="10" x2="20" y2="10" /><line x1="10" y1="4" x2="10" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="10" x2="20" y2="10" /><line x1="10" y1="4" x2="10" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="tag" data-toggle="tooltip" title="tag">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 3l9 9a1.5 1.5 0 0 1 0 2l-6 6a1.5 1.5 0 0 1 -2 0l-9 -9v-4a4 4 0 0 1 4 -4h4" /><circle cx="9" cy="9" r="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 3l9 9a1.5 1.5 0 0 1 0 2l-6 6a1.5 1.5 0 0 1 -2 0l-9 -9v-4a4 4 0 0 1 4 -4h4" /><circle cx="9" cy="9" r="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="tallymark-1" data-toggle="tooltip" title="tallymark-1">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="tallymark-2" data-toggle="tooltip" title="tallymark-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="10" y1="5" x2="10" y2="19" /><line x1="14" y1="5" x2="14" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="10" y1="5" x2="10" y2="19" /><line x1="14" y1="5" x2="14" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="tallymark-3" data-toggle="tooltip" title="tallymark-3">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="5" x2="8" y2="19" /><line x1="12" y1="5" x2="12" y2="19" /><line x1="16" y1="5" x2="16" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="5" x2="8" y2="19" /><line x1="12" y1="5" x2="12" y2="19" /><line x1="16" y1="5" x2="16" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="tallymark-4" data-toggle="tooltip" title="tallymark-4">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="5" x2="6" y2="19" /><line x1="10" y1="5" x2="10" y2="19" /><line x1="14" y1="5" x2="14" y2="19" /><line x1="18" y1="5" x2="18" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="5" x2="6" y2="19" /><line x1="10" y1="5" x2="10" y2="19" /><line x1="14" y1="5" x2="14" y2="19" /><line x1="18" y1="5" x2="18" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="tallymarks" data-toggle="tooltip" title="tallymarks">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="5" x2="6" y2="19" /><line x1="10" y1="5" x2="10" y2="19" /><line x1="14" y1="5" x2="14" y2="19" /><line x1="18" y1="5" x2="18" y2="19" /><line x1="3" y1="17" x2="21" y2="7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="5" x2="6" y2="19" /><line x1="10" y1="5" x2="10" y2="19" /><line x1="14" y1="5" x2="14" y2="19" /><line x1="18" y1="5" x2="18" y2="19" /><line x1="3" y1="17" x2="21" y2="7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="tank" data-toggle="tooltip" title="tank">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="2" y="12" width="18" height="6" rx="3" /><path d="M6 12l1 -5h5l3 5" /><line x1="21" y1="9" x2="13.2" y2="9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="2" y="12" width="18" height="6" rx="3" /><path d="M6 12l1 -5h5l3 5" /><line x1="21" y1="9" x2="13.2" y2="9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="target" data-toggle="tooltip" title="target">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="1" /><circle cx="12" cy="12" r="5" /><circle cx="12" cy="12" r="9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="1" /><circle cx="12" cy="12" r="5" /><circle cx="12" cy="12" r="9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="tax" data-toggle="tooltip" title="tax">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="14" x2="15" y2="8" /><circle cx="9.5" cy="8.5" r=".5" fill="currentColor" /><circle cx="14.5" cy="13.5" r=".5" fill="currentColor" /><path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="14" x2="15" y2="8" /><circle cx="9.5" cy="8.5" r=".5" fill="currentColor" /><circle cx="14.5" cy="13.5" r=".5" fill="currentColor" /><path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="temperature-celsius" data-toggle="tooltip" title="temperature-celsius">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="8" r="2" /><path d="M20 9a3 3 0 0 0 -3 -3h-1a3 3 0 0 0 -3 3v6a3 3 0 0 0 3 3h1a3 3 0 0 0 3 -3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="8" r="2" /><path d="M20 9a3 3 0 0 0 -3 -3h-1a3 3 0 0 0 -3 3v6a3 3 0 0 0 3 3h1a3 3 0 0 0 3 -3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="temperature-fahrenheit" data-toggle="tooltip" title="temperature-fahrenheit">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="8" r="2" /><line x1="13" y1="12" x2="18" y2="12" /><path d="M20 6h-6a1 1 0 0 0 -1 1v11" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="8" r="2" /><line x1="13" y1="12" x2="18" y2="12" /><path d="M20 6h-6a1 1 0 0 0 -1 1v11" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="temperature-minus" data-toggle="tooltip" title="temperature-minus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13.5a4 4 0 1 0 4 0v-8.5a2 2 0 0 0 -4 0v8.5" /><line x1="8" y1="9" x2="12" y2="9" /><line x1="16" y1="9" x2="22" y2="9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13.5a4 4 0 1 0 4 0v-8.5a2 2 0 0 0 -4 0v8.5" /><line x1="8" y1="9" x2="12" y2="9" /><line x1="16" y1="9" x2="22" y2="9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="temperature-plus" data-toggle="tooltip" title="temperature-plus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13.5a4 4 0 1 0 4 0v-8.5a2 2 0 0 0 -4 0v8.5" /><line x1="8" y1="9" x2="12" y2="9" /><line x1="16" y1="9" x2="22" y2="9" /><line x1="19" y1="6" x2="19" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13.5a4 4 0 1 0 4 0v-8.5a2 2 0 0 0 -4 0v8.5" /><line x1="8" y1="9" x2="12" y2="9" /><line x1="16" y1="9" x2="22" y2="9" /><line x1="19" y1="6" x2="19" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="temperature" data-toggle="tooltip" title="temperature">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 13.5a4 4 0 1 0 4 0v-8.5a2 2 0 0 0 -4 0v8.5" /><line x1="10" y1="9" x2="14" y2="9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 13.5a4 4 0 1 0 4 0v-8.5a2 2 0 0 0 -4 0v8.5" /><line x1="10" y1="9" x2="14" y2="9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="template" data-toggle="tooltip" title="template">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="4" rx="1" /><rect x="4" y="12" width="6" height="8" rx="1" /><line x1="14" y1="12" x2="20" y2="12" /><line x1="14" y1="16" x2="20" y2="16" /><line x1="14" y1="20" x2="20" y2="20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="4" rx="1" /><rect x="4" y="12" width="6" height="8" rx="1" /><line x1="14" y1="12" x2="20" y2="12" /><line x1="14" y1="16" x2="20" y2="16" /><line x1="14" y1="20" x2="20" y2="20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="terminal-2" data-toggle="tooltip" title="terminal-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="3" y="4" width="18" height="16" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="3" y="4" width="18" height="16" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="terminal" data-toggle="tooltip" title="terminal">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l5 5l-5 5" /><line x1="12" y1="19" x2="19" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l5 5l-5 5" /><line x1="12" y1="19" x2="19" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="test-pipe" data-toggle="tooltip" title="test-pipe">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 4l3 3l-12.35 12.35a1.5 1.5 0 0 1 -3 -3l12.35 -12.35" /><line x1="10" y1="10" x2="16" y2="10" /><path d="M19 15l1.5 1.6a2 2 0 1 1 -3 0l1.5 -1.6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 4l3 3l-12.35 12.35a1.5 1.5 0 0 1 -3 -3l12.35 -12.35" /><line x1="10" y1="10" x2="16" y2="10" /><path d="M19 15l1.5 1.6a2 2 0 1 1 -3 0l1.5 -1.6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="text-wrap-disabled" data-toggle="tooltip" title="text-wrap-disabled">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="14" y2="6" /><line x1="4" y1="18" x2="14" y2="18" /><path d="M4 12h17l-3 -3m0 6l3 -3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="14" y2="6" /><line x1="4" y1="18" x2="14" y2="18" /><path d="M4 12h17l-3 -3m0 6l3 -3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="text-wrap" data-toggle="tooltip" title="text-wrap">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="4" y1="18" x2="9" y2="18" /><path d="M4 12h13a3 3 0 0 1 0 6h-4l2 -2m0 4l-2 -2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="4" y1="18" x2="9" y2="18" /><path d="M4 12h13a3 3 0 0 1 0 6h-4l2 -2m0 4l-2 -2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="thumb-down" data-toggle="tooltip" title="thumb-down">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 13v-8a1 1 0 0 0 -1 -1h-2a1 1 0 0 0 -1 1v7a1 1 0 0 0 1 1h3a4 4 0 0 1 4 4v1a2 2 0 0 0 4 0v-5h3a2 2 0 0 0 2 -2l-1 -5a2 3 0 0 0 -2 -2h-7a3 3 0 0 0 -3 3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 13v-8a1 1 0 0 0 -1 -1h-2a1 1 0 0 0 -1 1v7a1 1 0 0 0 1 1h3a4 4 0 0 1 4 4v1a2 2 0 0 0 4 0v-5h3a2 2 0 0 0 2 -2l-1 -5a2 3 0 0 0 -2 -2h-7a3 3 0 0 0 -3 3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="thumb-up" data-toggle="tooltip" title="thumb-up">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="ticket" data-toggle="tooltip" title="ticket">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="15" y1="5" x2="15" y2="7" /><line x1="15" y1="11" x2="15" y2="13" /><line x1="15" y1="17" x2="15" y2="19" /><path d="M5 5h14a2 2 0 0 1 2 2v3a2 2 0 0 0 0 4v3a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-3a2 2 0 0 0 0 -4v-3a2 2 0 0 1 2 -2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="15" y1="5" x2="15" y2="7" /><line x1="15" y1="11" x2="15" y2="13" /><line x1="15" y1="17" x2="15" y2="19" /><path d="M5 5h14a2 2 0 0 1 2 2v3a2 2 0 0 0 0 4v3a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-3a2 2 0 0 0 0 -4v-3a2 2 0 0 1 2 -2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="tir" data-toggle="tooltip" title="tir">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M7 18h8m4 0h2v-6a5 7 0 0 0 -5 -7h-1l1.5 7h4.5" /><path d="M12 18v-13h3" /><polyline points="3 17 3 12 12 12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M7 18h8m4 0h2v-6a5 7 0 0 0 -5 -7h-1l1.5 7h4.5" /><path d="M12 18v-13h3" /><polyline points="3 17 3 12 12 12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="toggle-left" data-toggle="tooltip" title="toggle-left">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="8" cy="12" r="2" /><rect x="2" y="6" width="20" height="12" rx="6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="8" cy="12" r="2" /><rect x="2" y="6" width="20" height="12" rx="6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="toggle-right" data-toggle="tooltip" title="toggle-right">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="16" cy="12" r="2" /><rect x="2" y="6" width="20" height="12" rx="6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="16" cy="12" r="2" /><rect x="2" y="6" width="20" height="12" rx="6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="tool" data-toggle="tooltip" title="tool">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 10h3v-3l-3.5 -3.5a6 6 0 0 1 8 8l6 6a2 2 0 0 1 -3 3l-6-6a6 6 0 0 1 -8 -8l3.5 3.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 10h3v-3l-3.5 -3.5a6 6 0 0 1 8 8l6 6a2 2 0 0 1 -3 3l-6-6a6 6 0 0 1 -8 -8l3.5 3.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="tools-kitchen" data-toggle="tooltip" title="tools-kitchen">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 3h8l-1 9h-6z" /><path d="M7 18h2v3h-2z" /><path d="M20 3v12h-5c-.023-3.681.184-7.406 5-12z" /><path d="M20 15v6h-1v-3" /><line x1="8" y1="12" x2="8" y2="18" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 3h8l-1 9h-6z" /><path d="M7 18h2v3h-2z" /><path d="M20 3v12h-5c-.023-3.681.184-7.406 5-12z" /><path d="M20 15v6h-1v-3" /><line x1="8" y1="12" x2="8" y2="18" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="tools" data-toggle="tooltip" title="tools">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21h4l13 -13a1.5 1.5 0 0 0 -4 -4l-13 13v4" /><line x1="14.5" y1="5.5" x2="18.5" y2="9.5" /><polyline points="12 8 7 3 3 7 8 12" /><line x1="7" y1="8" x2="5.5" y2="9.5" /><polyline points="16 12 21 17 17 21 12 16" /><line x1="16" y1="17" x2="14.5" y2="18.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21h4l13 -13a1.5 1.5 0 0 0 -4 -4l-13 13v4" /><line x1="14.5" y1="5.5" x2="18.5" y2="9.5" /><polyline points="12 8 7 3 3 7 8 12" /><line x1="7" y1="8" x2="5.5" y2="9.5" /><polyline points="16 12 21 17 17 21 12 16" /><line x1="16" y1="17" x2="14.5" y2="18.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="tornado" data-toggle="tooltip" title="tornado">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="21" y1="4" x2="3" y2="4" /><line x1="13" y1="16" x2="7" y2="16" /><line x1="11" y1="20" x2="15" y2="20" /><line x1="6" y1="8" x2="20" y2="8" /><line x1="4" y1="12" x2="16" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="21" y1="4" x2="3" y2="4" /><line x1="13" y1="16" x2="7" y2="16" /><line x1="11" y1="20" x2="15" y2="20" /><line x1="6" y1="8" x2="20" y2="8" /><line x1="4" y1="12" x2="16" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="tournament" data-toggle="tooltip" title="tournament">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 6h3a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-3" /><path d="M5 14h3a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-3" /><path d="M9 8h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4" /><line x1="14" y1="12" x2="19" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 6h3a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-3" /><path d="M5 14h3a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-3" /><path d="M9 8h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4" /><line x1="14" y1="12" x2="19" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="tractor" data-toggle="tooltip" title="tractor">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="15" r="4" /><line x1="7" y1="15" x2="7" y2="15.01" /><circle cx="19" cy="17" r="2" /><line x1="10.5" y1="17" x2="17" y2="17" /><path d="M20 15.2v-4.2a1 1 0 0 0 -1 -1h-6l-2 -5h-6v6.5" /><path d="M18 5h-1a1 1 0 0 0 -1 1v4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="15" r="4" /><line x1="7" y1="15" x2="7" y2="15.01" /><circle cx="19" cy="17" r="2" /><line x1="10.5" y1="17" x2="17" y2="17" /><path d="M20 15.2v-4.2a1 1 0 0 0 -1 -1h-6l-2 -5h-6v6.5" /><path d="M18 5h-1a1 1 0 0 0 -1 1v4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="trademark" data-toggle="tooltip" title="trademark">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.5 9h5m-2.5 0v6" /><path d="M13 15v-6l3 4l3 -4v6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.5 9h5m-2.5 0v6" /><path d="M13 15v-6l3 4l3 -4v6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="traffic-cone" data-toggle="tooltip" title="traffic-cone">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="20" y2="20" /><line x1="9.4" y1="10" x2="14.6" y2="10" /><line x1="7.8" y1="15" x2="16.2" y2="15" /><path d="M6 20l5 -15h2l5 15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="20" y2="20" /><line x1="9.4" y1="10" x2="14.6" y2="10" /><line x1="7.8" y1="15" x2="16.2" y2="15" /><path d="M6 20l5 -15h2l5 15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="traffic-lights" data-toggle="tooltip" title="traffic-lights">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="2" width="10" height="20" rx="5" /><circle cx="12" cy="7" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="12" cy="17" r="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="2" width="10" height="20" rx="5" /><circle cx="12" cy="7" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="12" cy="17" r="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="train" data-toggle="tooltip" title="train">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 13c0 -3.87 -3.37 -7 -10 -7h-8" /><path d="M3 15h16a2 2 0 0 0 2 -2" /><path d="M3 6v5h17.5" /><line x1="3" y1="10" x2="3" y2="14" /><line x1="8" y1="11" x2="8" y2="6" /><line x1="13" y1="11" x2="13" y2="6.5" /><line x1="3" y1="19" x2="21" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 13c0 -3.87 -3.37 -7 -10 -7h-8" /><path d="M3 15h16a2 2 0 0 0 2 -2" /><path d="M3 6v5h17.5" /><line x1="3" y1="10" x2="3" y2="14" /><line x1="8" y1="11" x2="8" y2="6" /><line x1="13" y1="11" x2="13" y2="6.5" /><line x1="3" y1="19" x2="21" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="trash-off" data-toggle="tooltip" title="trash-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M4 7h3m4 0h9" /><line x1="10" y1="11" x2="10" y2="17" /><line x1="14" y1="14" x2="14" y2="17" /><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l.077 -.923" /><line x1="18.384" y1="14.373" x2="19" y2="7" /><path d="M9 5v-1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M4 7h3m4 0h9" /><line x1="10" y1="11" x2="10" y2="17" /><line x1="14" y1="14" x2="14" y2="17" /><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l.077 -.923" /><line x1="18.384" y1="14.373" x2="19" y2="7" /><path d="M9 5v-1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="trash" data-toggle="tooltip" title="trash">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="7" x2="20" y2="7" /><line x1="10" y1="11" x2="10" y2="17" /><line x1="14" y1="11" x2="14" y2="17" /><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" /><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="7" x2="20" y2="7" /><line x1="10" y1="11" x2="10" y2="17" /><line x1="14" y1="11" x2="14" y2="17" /><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" /><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="trees" data-toggle="tooltip" title="trees">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="3" width="8" height="14" rx="4" /><rect x="12" y="7" width="8" height="10" rx="3" /><line x1="8" y1="21" x2="8" y2="13" /><line x1="16" y1="21" x2="16" y2="14" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="3" width="8" height="14" rx="4" /><rect x="12" y="7" width="8" height="10" rx="3" /><line x1="8" y1="21" x2="8" y2="13" /><line x1="16" y1="21" x2="16" y2="14" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="trending-down" data-toggle="tooltip" title="trending-down">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 7 9 13 13 9 21 17" /><polyline points="21 10 21 17 14 17" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 7 9 13 13 9 21 17" /><polyline points="21 10 21 17 14 17" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="trending-up" data-toggle="tooltip" title="trending-up">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="triangle-square-circle" data-toggle="tooltip" title="triangle-square-circle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l-4 7h8z" /><circle cx="17" cy="17" r="3" /><rect x="4" y="14" width="6" height="6" rx="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l-4 7h8z" /><circle cx="17" cy="17" r="3" /><rect x="4" y="14" width="6" height="6" rx="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="triangle" data-toggle="tooltip" title="triangle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="trident" data-toggle="tooltip" title="trident">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 6l2 -2v3a7 7 0 0 0 14 0v-3l2 2" /><path d="M12 21v-18l-2 2m4 0l-2 -2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 6l2 -2v3a7 7 0 0 0 14 0v-3l2 2" /><path d="M12 21v-18l-2 2m4 0l-2 -2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="trophy" data-toggle="tooltip" title="trophy">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="17" x2="12" y2="21" /><line x1="7" y1="4" x2="17" y2="4" /><path d="M17 4v8a5 5 0 0 1 -10 0v-8" /><circle cx="5" cy="9" r="2" /><circle cx="19" cy="9" r="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="17" x2="12" y2="21" /><line x1="7" y1="4" x2="17" y2="4" /><path d="M17 4v8a5 5 0 0 1 -10 0v-8" /><circle cx="5" cy="9" r="2" /><circle cx="19" cy="9" r="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="truck-delivery" data-toggle="tooltip" title="truck-delivery">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-4m-1 -8h11v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5" /><line x1="3" y1="9" x2="7" y2="9" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-4m-1 -8h11v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5" /><line x1="3" y1="9" x2="7" y2="9" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="truck-return" data-toggle="tooltip" title="truck-return">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-11a1 1 0 0 1 1 -1h9v6h-5l2 2m0 -4l-2 2" /><line x1="9" y1="17" x2="15" y2="17" /><path d="M13 6h5l3 5v6h-2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-11a1 1 0 0 1 1 -1h9v6h-5l2 2m0 -4l-2 2" /><line x1="9" y1="17" x2="15" y2="17" /><path d="M13 6h5l3 5v6h-2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="truck" data-toggle="tooltip" title="truck">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-11a1 1 0 0 1 1 -1h9v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-11a1 1 0 0 1 1 -1h9v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="typography" data-toggle="tooltip" title="typography">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="7" y2="20" /><line x1="14" y1="20" x2="21" y2="20" /><line x1="6.9" y1="15" x2="13.8" y2="15" /><line x1="10.2" y1="6.3" x2="16" y2="20" /><polyline points="5 20 11 4 13 4 20 20" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="7" y2="20" /><line x1="14" y1="20" x2="21" y2="20" /><line x1="6.9" y1="15" x2="13.8" y2="15" /><line x1="10.2" y1="6.3" x2="16" y2="20" /><polyline points="5 20 11 4 13 4 20 20" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="umbrella" data-toggle="tooltip" title="umbrella">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 12a8 8 0 0 1 16 0Z" /><path d="M12 12v6a2 2 0 0 0 4 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 12a8 8 0 0 1 16 0Z" /><path d="M12 12v6a2 2 0 0 0 4 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="underline" data-toggle="tooltip" title="underline">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="20" x2="18" y2="20" /><path d="M8 5v6a4 4 0 0 0 8 0v-6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="20" x2="18" y2="20" /><path d="M8 5v6a4 4 0 0 0 8 0v-6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="unlink" data-toggle="tooltip" title="unlink">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /><line x1="16" y1="21" x2="16" y2="19" /><line x1="19" y1="16" x2="21" y2="16" /><line x1="3" y1="8" x2="5" y2="8" /><line x1="8" y1="3" x2="8" y2="5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /><line x1="16" y1="21" x2="16" y2="19" /><line x1="19" y1="16" x2="21" y2="16" /><line x1="3" y1="8" x2="5" y2="8" /><line x1="8" y1="3" x2="8" y2="5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="upload" data-toggle="tooltip" title="upload">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" /><polyline points="7 9 12 4 17 9" /><line x1="12" y1="4" x2="12" y2="16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" /><polyline points="7 9 12 4 17 9" /><line x1="12" y1="4" x2="12" y2="16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="urgent" data-toggle="tooltip" title="urgent">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 16v-4a4 4 0 0 1 8 0v4" /><path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7" /><rect x="6" y="16" width="12" height="4" rx="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 16v-4a4 4 0 0 1 8 0v4" /><path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7" /><rect x="6" y="16" width="12" height="4" rx="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="user-check" data-toggle="tooltip" title="user-check">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 11l2 2l4 -4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 11l2 2l4 -4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="user-exclamation" data-toggle="tooltip" title="user-exclamation">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><line x1="19" y1="7" x2="19" y2="10" /><line x1="19" y1="14" x2="19" y2="14.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><line x1="19" y1="7" x2="19" y2="10" /><line x1="19" y1="14" x2="19" y2="14.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="user-minus" data-toggle="tooltip" title="user-minus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><line x1="16" y1="11" x2="22" y2="11" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><line x1="16" y1="11" x2="22" y2="11" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="user-off" data-toggle="tooltip" title="user-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14.274 10.291a4 4 0 1 0 -5.554 -5.58m-.548 3.453a4.01 4.01 0 0 0 2.62 2.65" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 1.147 .167m2.685 2.681a4 4 0 0 1 .168 1.152v2" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14.274 10.291a4 4 0 1 0 -5.554 -5.58m-.548 3.453a4.01 4.01 0 0 0 2.62 2.65" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 1.147 .167m2.685 2.681a4 4 0 0 1 .168 1.152v2" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="user-plus" data-toggle="tooltip" title="user-plus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 11h6m-3 -3v6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 11h6m-3 -3v6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="user-x" data-toggle="tooltip" title="user-x">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M17 9l4 4m0 -4l-4 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M17 9l4 4m0 -4l-4 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="user" data-toggle="tooltip" title="user">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="users" data-toggle="tooltip" title="users">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="vector-beizer-2" data-toggle="tooltip" title="vector-beizer-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="3" width="4" height="4" rx="1" /><rect x="17" y="17" width="4" height="4" rx="1" /><line x1="7" y1="5" x2="14" y2="5" /><line x1="10" y1="19" x2="17" y2="19" /><circle cx="9" cy="19" r="1" /><circle cx="15" cy="5" r="1" /><path d="M7 5.5a5 6.5 0 0 1 5 6.5a5 6.5 0 0 0 5 6.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="3" width="4" height="4" rx="1" /><rect x="17" y="17" width="4" height="4" rx="1" /><line x1="7" y1="5" x2="14" y2="5" /><line x1="10" y1="19" x2="17" y2="19" /><circle cx="9" cy="19" r="1" /><circle cx="15" cy="5" r="1" /><path d="M7 5.5a5 6.5 0 0 1 5 6.5a5 6.5 0 0 0 5 6.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="vector-beizer" data-toggle="tooltip" title="vector-beizer">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="14" width="4" height="4" rx="1" /><rect x="17" y="14" width="4" height="4" rx="1" /><rect x="10" y="6" width="4" height="4" rx="1" /><path d="M10 8.5a6 6 0 0 0 -5 5.5" /><path d="M14 8.5a6 6 0 0 1 5 5.5" /><line x1="10" y1="8" x2="4" y2="8" /><line x1="20" y1="8" x2="14" y2="8" /><circle cx="3" cy="8" r="1" /><circle cx="21" cy="8" r="1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="14" width="4" height="4" rx="1" /><rect x="17" y="14" width="4" height="4" rx="1" /><rect x="10" y="6" width="4" height="4" rx="1" /><path d="M10 8.5a6 6 0 0 0 -5 5.5" /><path d="M14 8.5a6 6 0 0 1 5 5.5" /><line x1="10" y1="8" x2="4" y2="8" /><line x1="20" y1="8" x2="14" y2="8" /><circle cx="3" cy="8" r="1" /><circle cx="21" cy="8" r="1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="vector-triangle" data-toggle="tooltip" title="vector-triangle">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="10" y="4" width="4" height="4" rx="1" /><rect x="3" y="17" width="4" height="4" rx="1" /><rect x="17" y="17" width="4" height="4" rx="1" /><line x1="6.5" y1="17.1" x2="11.5" y2="8" /><line x1="17.5" y1="17.1" x2="12.5" y2="8" /><line x1="7" y1="19" x2="17" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="10" y="4" width="4" height="4" rx="1" /><rect x="3" y="17" width="4" height="4" rx="1" /><rect x="17" y="17" width="4" height="4" rx="1" /><line x1="6.5" y1="17.1" x2="11.5" y2="8" /><line x1="17.5" y1="17.1" x2="12.5" y2="8" /><line x1="7" y1="19" x2="17" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="vector" data-toggle="tooltip" title="vector">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="3" width="4" height="4" rx="1" /><rect x="17" y="3" width="4" height="4" rx="1" /><rect x="17" y="17" width="4" height="4" rx="1" /><rect x="3" y="17" width="4" height="4" rx="1" /><line x1="5" y1="7" x2="5" y2="17" /><line x1="19" y1="7" x2="19" y2="17" /><line x1="7" y1="5" x2="17" y2="5" /><line x1="7" y1="19" x2="17" y2="19" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="3" width="4" height="4" rx="1" /><rect x="17" y="3" width="4" height="4" rx="1" /><rect x="17" y="17" width="4" height="4" rx="1" /><rect x="3" y="17" width="4" height="4" rx="1" /><line x1="5" y1="7" x2="5" y2="17" /><line x1="19" y1="7" x2="19" y2="17" /><line x1="7" y1="5" x2="17" y2="5" /><line x1="7" y1="19" x2="17" y2="19" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="venus" data-toggle="tooltip" title="venus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="9" r="5" /><line x1="12" y1="14" x2="12" y2="21" /><line x1="9" y1="18" x2="15" y2="18" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="9" r="5" /><line x1="12" y1="14" x2="12" y2="21" /><line x1="9" y1="18" x2="15" y2="18" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="versions" data-toggle="tooltip" title="versions">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="10" y="5" width="10" height="14" rx="2" /><line x1="7" y1="7" x2="7" y2="17" /><line x1="4" y1="8" x2="4" y2="16" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="10" y="5" width="10" height="14" rx="2" /><line x1="7" y1="7" x2="7" y2="17" /><line x1="4" y1="8" x2="4" y2="16" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="video-minus" data-toggle="tooltip" title="video-minus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><rect x="3" y="6" width="12" height="12" rx="2" /><line x1="7" y1="12" x2="11" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><rect x="3" y="6" width="12" height="12" rx="2" /><line x1="7" y1="12" x2="11" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="video-off" data-toggle="tooltip" title="video-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M15 11v-1l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -.675 .946" /><path d="M10 6h3a2 2 0 0 1 2 2v3m0 4v1a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M15 11v-1l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -.675 .946" /><path d="M10 6h3a2 2 0 0 1 2 2v3m0 4v1a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="video-plus" data-toggle="tooltip" title="video-plus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><rect x="3" y="6" width="12" height="12" rx="2" /><line x1="7" y1="12" x2="11" y2="12" /><line x1="9" y1="10" x2="9" y2="14" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><rect x="3" y="6" width="12" height="12" rx="2" /><line x1="7" y1="12" x2="11" y2="12" /><line x1="9" y1="10" x2="9" y2="14" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="video" data-toggle="tooltip" title="video">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><rect x="3" y="6" width="12" height="12" rx="2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><rect x="3" y="6" width="12" height="12" rx="2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="view-360" data-toggle="tooltip" title="view-360">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><ellipse cx="12" cy="12" rx="4" ry="9" /><ellipse cx="12" cy="12" rx="4" ry="9" transform="rotate(90 12 12)" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><ellipse cx="12" cy="12" rx="4" ry="9" /><ellipse cx="12" cy="12" rx="4" ry="9" transform="rotate(90 12 12)" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="viewfinder" data-toggle="tooltip" title="viewfinder">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="3" x2="12" y2="7" /><line x1="12" y1="21" x2="12" y2="18" /><line x1="3" y1="12" x2="7" y2="12" /><line x1="21" y1="12" x2="18" y2="12" /><line x1="12" y1="12" x2="12" y2="12.01" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="3" x2="12" y2="7" /><line x1="12" y1="21" x2="12" y2="18" /><line x1="3" y1="12" x2="7" y2="12" /><line x1="21" y1="12" x2="18" y2="12" /><line x1="12" y1="12" x2="12" y2="12.01" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="viewport-narrow" data-toggle="tooltip" title="viewport-narrow">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h7l-3 -3m0 6l3 -3" /><path d="M21 12h-7l3 -3m0 6l-3 -3" /><path d="M9 6v-3h6v3" /><path d="M9 18v3h6v-3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h7l-3 -3m0 6l3 -3" /><path d="M21 12h-7l3 -3m0 6l-3 -3" /><path d="M9 6v-3h6v3" /><path d="M9 18v3h6v-3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="viewport-wide" data-toggle="tooltip" title="viewport-wide">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 12h-7l3 -3m0 6l-3 -3" /><path d="M14 12h7l-3 -3m0 6l3 -3" /><path d="M3 6v-3h18v3" /><path d="M3 18v3h18v-3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 12h-7l3 -3m0 6l-3 -3" /><path d="M14 12h7l-3 -3m0 6l3 -3" /><path d="M3 6v-3h18v3" /><path d="M3 18v3h18v-3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="virus-off" data-toggle="tooltip" title="virus-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M8.469 8.46a5 5 0 0 0 7.058 7.084m1.386 -2.608a5 5 0 0 0 -5.826 -5.853" /><path d="M12 7v-4m-1 0h2" /><path d="M12 7v-4m-1 0h2" transform="rotate(45 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(90 12 12)" /><line x1="12" y1="3" x2="13" y2="3" transform="rotate(135 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(180 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(225 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(270 12 12)" /><line x1="12" y1="3" x2="11" y2="3" transform="rotate(315 12 12)" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M8.469 8.46a5 5 0 0 0 7.058 7.084m1.386 -2.608a5 5 0 0 0 -5.826 -5.853" /><path d="M12 7v-4m-1 0h2" /><path d="M12 7v-4m-1 0h2" transform="rotate(45 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(90 12 12)" /><line x1="12" y1="3" x2="13" y2="3" transform="rotate(135 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(180 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(225 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(270 12 12)" /><line x1="12" y1="3" x2="11" y2="3" transform="rotate(315 12 12)" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="virus-search" data-toggle="tooltip" title="virus-search">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 12a5 5 0 1 0 -5 5" /><path d="M12 7v-4m-1 0h2" /><path d="M12 7v-4m-1 0h2" transform="rotate(45 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(90 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(180 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(225 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(270 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(315 12 12)" /><circle cx="17.5" cy="17.5" r="2.5" /><line x1="19.5" y1="19.5" x2="22" y2="22" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 12a5 5 0 1 0 -5 5" /><path d="M12 7v-4m-1 0h2" /><path d="M12 7v-4m-1 0h2" transform="rotate(45 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(90 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(180 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(225 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(270 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(315 12 12)" /><circle cx="17.5" cy="17.5" r="2.5" /><line x1="19.5" y1="19.5" x2="22" y2="22" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="virus" data-toggle="tooltip" title="virus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="5" /><path d="M12 7v-4m-1 0h2" /><path d="M12 7v-4m-1 0h2" transform="rotate(45 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(90 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(135 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(180 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(225 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(270 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(315 12 12)" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="5" /><path d="M12 7v-4m-1 0h2" /><path d="M12 7v-4m-1 0h2" transform="rotate(45 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(90 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(135 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(180 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(225 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(270 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(315 12 12)" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="volume-2" data-toggle="tooltip" title="volume-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 8a5 5 0 0 1 0 8" /><path d="M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a.8 .8 0 0 1 1.5 .5v14a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 8a5 5 0 0 1 0 8" /><path d="M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a.8 .8 0 0 1 1.5 .5v14a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="volume-3" data-toggle="tooltip" title="volume-3">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a.8 .8 0 0 1 1.5 .5v14a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5" /><path d="M16 10l4 4m0 -4l-4 4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a.8 .8 0 0 1 1.5 .5v14a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5" /><path d="M16 10l4 4m0 -4l-4 4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="volume" data-toggle="tooltip" title="volume">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 8a5 5 0 0 1 0 8" /><path d="M17.7 5a9 9 0 0 1 0 14" /><path d="M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a.8 .8 0 0 1 1.5 .5v14a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 8a5 5 0 0 1 0 8" /><path d="M17.7 5a9 9 0 0 1 0 14" /><path d="M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a.8 .8 0 0 1 1.5 .5v14a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="walk" data-toggle="tooltip" title="walk">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="13" cy="4" r="1" /><line x1="7" y1="21" x2="10" y2="17" /><path d="M16 21l-2 -4l-3 -3l1 -6" /><path d="M6 12l2 -3l4 -1l3 3l3 1" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="13" cy="4" r="1" /><line x1="7" y1="21" x2="10" y2="17" /><path d="M16 21l-2 -4l-3 -3l1 -6" /><path d="M6 12l2 -3l4 -1l3 3l3 1" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="wallet" data-toggle="tooltip" title="wallet">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 8v-3a1 1 0 0 0 -1 -1h-10a2 2 0 0 0 0 4h12a1 1 0 0 1 1 1v3m0 4v3a1 1 0 0 1 -1 1h-12a2 2 0 0 1 -2 -2v-12" /><path d="M20 12v4h-4a2 2 0 0 1 0 -4h4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 8v-3a1 1 0 0 0 -1 -1h-10a2 2 0 0 0 0 4h12a1 1 0 0 1 1 1v3m0 4v3a1 1 0 0 1 -1 1h-12a2 2 0 0 1 -2 -2v-12" /><path d="M20 12v4h-4a2 2 0 0 1 0 -4h4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="wand" data-toggle="tooltip" title="wand">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 21 21 6 18 3 3 18 6 21" /><line x1="15" y1="6" x2="18" y2="9" /><path d="M9 3a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2" /><path d="M19 13a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 21 21 6 18 3 3 18 6 21" /><line x1="15" y1="6" x2="18" y2="9" /><path d="M9 3a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2" /><path d="M19 13a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="wave-saw-tool" data-toggle="tooltip" title="wave-saw-tool">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h5l4 8v-16l4 8h5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h5l4 8v-16l4 8h5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="wave-sine" data-toggle="tooltip" title="wave-sine">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 12h-2c-0.894 0 -1.662 -.857 -1.761 -2c-0.296 -3.45 -.749 -6 -2.749 -6s-2.5 3.582 -2.5 8s-.5 8 -2.5 8s-2.452 -2.547 -2.749 -6c-.1 -1.147 -.867 -2 -1.763 -2h-2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 12h-2c-0.894 0 -1.662 -.857 -1.761 -2c-0.296 -3.45 -.749 -6 -2.749 -6s-2.5 3.582 -2.5 8s-.5 8 -2.5 8s-2.452 -2.547 -2.749 -6c-.1 -1.147 -.867 -2 -1.763 -2h-2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="wave-square" data-toggle="tooltip" title="wave-square">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h5v8h4v-16h4v8h5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h5v8h4v-16h4v8h5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="wifi-0" data-toggle="tooltip" title="wifi-0">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12.01" y2="18" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12.01" y2="18" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="wifi-1" data-toggle="tooltip" title="wifi-1">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12.01" y2="18" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12.01" y2="18" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="wifi-2" data-toggle="tooltip" title="wifi-2">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12.01" y2="18" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /><path d="M6.343 12.343a8 8 0 0 1 11.314 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12.01" y2="18" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /><path d="M6.343 12.343a8 8 0 0 1 11.314 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="wifi-off" data-toggle="tooltip" title="wifi-off">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12.01" y2="18" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /><path d="M6.343 12.343a7.963 7.963 0 0 1 3.864 -2.14m4.163.155a7.965 7.965 0 0 1 3.287 2" /><path d="M3.515 9.515A12 12 0 0 1 7.059 7.06m3.101-.92a12 12 0 0 1 10.325 3.374" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12.01" y2="18" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /><path d="M6.343 12.343a7.963 7.963 0 0 1 3.864 -2.14m4.163.155a7.965 7.965 0 0 1 3.287 2" /><path d="M3.515 9.515A12 12 0 0 1 7.059 7.06m3.101-.92a12 12 0 0 1 10.325 3.374" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="wifi" data-toggle="tooltip" title="wifi">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12.01" y2="18" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /><path d="M6.343 12.343a8 8 0 0 1 11.314 0" /><path d="M3.515 9.515c4.686-4.687 12.284-4.687 17 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12.01" y2="18" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /><path d="M6.343 12.343a8 8 0 0 1 11.314 0" /><path d="M3.515 9.515c4.686-4.687 12.284-4.687 17 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="wind" data-toggle="tooltip" title="wind">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 8h8.5a2.5 2.5 0 1 0 -2.34 -3.24" /><path d="M3 12h15.5a2.5 2.5 0 1 1 -2.34 3.24" /><path d="M4 16h5.5a2.5 2.5 0 1 1 -2.34 3.24" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 8h8.5a2.5 2.5 0 1 0 -2.34 -3.24" /><path d="M3 12h15.5a2.5 2.5 0 1 1 -2.34 3.24" /><path d="M4 16h5.5a2.5 2.5 0 1 1 -2.34 3.24" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="windmill" data-toggle="tooltip" title="windmill">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2.76 0 5-2.01 5-4.5S14.76 3 12 3v9z" /><path d="M12 12c0 2.76 2.01 5 4.5 5s4.5-2.24 4.5-5h-9z" /><path d="M12 12c-2.76 0-5 2.01-5 4.5S9.24 21 12 21v-9z" /><path d="M12 12c0-2.76-2.01-5-4.5-5S3 9.24 3 12h9z" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2.76 0 5-2.01 5-4.5S14.76 3 12 3v9z" /><path d="M12 12c0 2.76 2.01 5 4.5 5s4.5-2.24 4.5-5h-9z" /><path d="M12 12c-2.76 0-5 2.01-5 4.5S9.24 21 12 21v-9z" /><path d="M12 12c0-2.76-2.01-5-4.5-5S3 9.24 3 12h9z" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="wiper-wash" data-toggle="tooltip" title="wiper-wash">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="20" r="1" /><path d="M3 11l5.5 5.5a5 5 0 0 1 7 0l5.5 -5.5a12 12 0 0 0 -18 0" /><line x1="12" y1="20" x2="12" y2="6" /><path d="M4 6a4 4 0 0 1 .4 -1.8" /><path d="M7 2.1a4 4 0 0 1 2 0" /><path d="M12 6a4 4 0 0 0 -.4 -1.8" /><path d="M12 6a4 4 0 0 1 .4 -1.8" /><path d="M15 2.1a4 4 0 0 1 2 0" /><path d="M20 6a4 4 0 0 0 -.4 -1.8" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="20" r="1" /><path d="M3 11l5.5 5.5a5 5 0 0 1 7 0l5.5 -5.5a12 12 0 0 0 -18 0" /><line x1="12" y1="20" x2="12" y2="6" /><path d="M4 6a4 4 0 0 1 .4 -1.8" /><path d="M7 2.1a4 4 0 0 1 2 0" /><path d="M12 6a4 4 0 0 0 -.4 -1.8" /><path d="M12 6a4 4 0 0 1 .4 -1.8" /><path d="M15 2.1a4 4 0 0 1 2 0" /><path d="M20 6a4 4 0 0 0 -.4 -1.8" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="wiper" data-toggle="tooltip" title="wiper">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="18" r="1" /><path d="M3 9l5.5 5.5a5 5 0 0 1 7 0l5.5 -5.5a12 12 0 0 0 -18 0" /><line x1="12" y1="18" x2="9.8" y2="5.2" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="18" r="1" /><path d="M3 9l5.5 5.5a5 5 0 0 1 7 0l5.5 -5.5a12 12 0 0 0 -18 0" /><line x1="12" y1="18" x2="9.8" y2="5.2" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="woman" data-toggle="tooltip" title="woman">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="2" /><path d="M10 22v-4h-2l2 -6a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1l2 6h-2v4" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="2" /><path d="M10 22v-4h-2l2 -6a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1l2 6h-2v4" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="world-latitude" data-toggle="tooltip" title="world-latitude">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="4.6" y1="7" x2="19.4" y2="7" /><line x1="3" y1="12" x2="21" y2="12" /><line x1="4.6" y1="17" x2="19.4" y2="17" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="4.6" y1="7" x2="19.4" y2="7" /><line x1="3" y1="12" x2="21" y2="12" /><line x1="4.6" y1="17" x2="19.4" y2="17" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="world-longitude" data-toggle="tooltip" title="world-longitude">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M11.5 3a11.2 11.2 0 0 0 0 18" /><path d="M12.5 3a11.2 11.2 0 0 1 0 18" /><line x1="12" y1="3" x2="12" y2="21" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M11.5 3a11.2 11.2 0 0 0 0 18" /><path d="M12.5 3a11.2 11.2 0 0 1 0 18" /><line x1="12" y1="3" x2="12" y2="21" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="world" data-toggle="tooltip" title="world">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="3.6" y1="9" x2="20.4" y2="9" /><line x1="3.6" y1="15" x2="20.4" y2="15" /><path d="M11.5 3a17 17 0 0 0 0 18" /><path d="M12.5 3a17 17 0 0 1 0 18" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="3.6" y1="9" x2="20.4" y2="9" /><line x1="3.6" y1="15" x2="20.4" y2="15" /><path d="M11.5 3a17 17 0 0 0 0 18" /><path d="M12.5 3a17 17 0 0 1 0 18" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="wrecking-ball" data-toggle="tooltip" title="wrecking-ball">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="19" cy="13" r="2" /><circle cx="4" cy="17" r="2" /><circle cx="13" cy="17" r="2" /><line x1="13" y1="19" x2="4" y2="19" /><line x1="4" y1="15" x2="13" y2="15" /><path d="M8 12v-5h2a3 3 0 0 1 3 3v5" /><path d="M5 15v-2a1 1 0 0 1 1 -1h7" /><path d="M19 11v-7l-6 7" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="19" cy="13" r="2" /><circle cx="4" cy="17" r="2" /><circle cx="13" cy="17" r="2" /><line x1="13" y1="19" x2="4" y2="19" /><line x1="4" y1="15" x2="13" y2="15" /><path d="M8 12v-5h2a3 3 0 0 1 3 3v5" /><path d="M5 15v-2a1 1 0 0 1 1 -1h7" /><path d="M19 11v-7l-6 7" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="x" data-toggle="tooltip" title="x">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="yin-yang" data-toggle="tooltip" title="yin-yang">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M12 3a4.5 4.5 0 0 0 0 9a4.5 4.5 0 0 1 0 9" /><circle cx="12" cy="7.5" r=".5" fill="currentColor" /><circle cx="12" cy="16.5" r=".5" fill="currentColor" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M12 3a4.5 4.5 0 0 0 0 9a4.5 4.5 0 0 1 0 9" /><circle cx="12" cy="7.5" r=".5" fill="currentColor" /><circle cx="12" cy="16.5" r=".5" fill="currentColor" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="zodiac-aquarius" data-toggle="tooltip" title="zodiac-aquarius">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 10l3-3 3 3 3-3 3 3 3-3 3 3" /><path d="M3 17l3-3 3 3 3-3 3 3 3-3 3 3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 10l3-3 3 3 3-3 3 3 3-3 3 3" /><path d="M3 17l3-3 3 3 3-3 3 3 3-3 3 3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="zodiac-aries" data-toggle="tooltip" title="zodiac-aries">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 5a5 5 0 1 0 -4 8" /><path d="M16 13a5 5 0 1 0 -4 -8" /><line x1="12" y1="21" x2="12" y2="5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 5a5 5 0 1 0 -4 8" /><path d="M16 13a5 5 0 1 0 -4 -8" /><line x1="12" y1="21" x2="12" y2="5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="zodiac-cancer" data-toggle="tooltip" title="zodiac-cancer">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="12" r="3" /><circle cx="18" cy="12" r="3" /><path d="M3 12a10 6.5 0 0 1 14 -6.5" /><path d="M21 12a10 6.5 0 0 1 -14 6.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="12" r="3" /><circle cx="18" cy="12" r="3" /><path d="M3 12a10 6.5 0 0 1 14 -6.5" /><path d="M21 12a10 6.5 0 0 1 -14 6.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="zodiac-capricorn" data-toggle="tooltip" title="zodiac-capricorn">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4a3 3 0 0 1 3 3v9" /><path d="M7 7a3 3 0 0 1 6 0v11a3 3 0 0 1 -3 3" /><circle cx="16" cy="17" r="3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4a3 3 0 0 1 3 3v9" /><path d="M7 7a3 3 0 0 1 6 0v11a3 3 0 0 1 -3 3" /><circle cx="16" cy="17" r="3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="zodiac-gemini" data-toggle="tooltip" title="zodiac-gemini">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 3a21 21 0 0 0 18 0" /><path d="M3 21a21 21 0 0 1 18 0" /><line x1="7" y1="4.5" x2="7" y2="19.5" /><line x1="17" y1="4.5" x2="17" y2="19.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 3a21 21 0 0 0 18 0" /><path d="M3 21a21 21 0 0 1 18 0" /><line x1="7" y1="4.5" x2="7" y2="19.5" /><line x1="17" y1="4.5" x2="17" y2="19.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="zodiac-leo" data-toggle="tooltip" title="zodiac-leo">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 17a4 4 0 1 0 8 0" /><circle cx="6" cy="16" r="3" /><circle cx="11" cy="7" r="4" /><path d="M7 7c0 3 2 5 2 9" /><path d="M15 7c0 4-2 6-2 10" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 17a4 4 0 1 0 8 0" /><circle cx="6" cy="16" r="3" /><circle cx="11" cy="7" r="4" /><path d="M7 7c0 3 2 5 2 9" /><path d="M15 7c0 4-2 6-2 10" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="zodiac-libra" data-toggle="tooltip" title="zodiac-libra">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="20" x2="19" y2="20" /><path d="M5 17h5v-.3a7 7 0 1 1 4 0v.3h5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="20" x2="19" y2="20" /><path d="M5 17h5v-.3a7 7 0 1 1 4 0v.3h5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="zodiac-pisces" data-toggle="tooltip" title="zodiac-pisces">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 3a21 21 0 0 1 0 18" /><path d="M19 3a21 21 0 0 0 0 18" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 3a21 21 0 0 1 0 18" /><path d="M19 3a21 21 0 0 0 0 18" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="zodiac-sagittarius" data-toggle="tooltip" title="zodiac-sagittarius">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="20" y2="4" /><path d="M13 4h7v7" /><line x1="6.5" y1="12.5" x2="11.5" y2="17.5" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="20" y2="4" /><path d="M13 4h7v7" /><line x1="6.5" y1="12.5" x2="11.5" y2="17.5" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="zodiac-scorpio" data-toggle="tooltip" title="zodiac-scorpio">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 4a2 2 0 0 1 2 2v9" /><path d="M5 6a2 2 0 0 1 4 0v9" /><path d="M9 6a2 2 0 0 1 4 0v10a3 3 0 0 0 3 3h5l-3 -3m0 6l3 -3" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 4a2 2 0 0 1 2 2v9" /><path d="M5 6a2 2 0 0 1 4 0v9" /><path d="M9 6a2 2 0 0 1 4 0v10a3 3 0 0 0 3 3h5l-3 -3m0 6l3 -3" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="zodiac-taurus" data-toggle="tooltip" title="zodiac-taurus">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 3a6 6 0 0 0 12 0" /><circle cx="12" cy="15" r="6" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 3a6 6 0 0 0 12 0" /><circle cx="12" cy="15" r="6" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="zodiac-virgo" data-toggle="tooltip" title="zodiac-virgo">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 4a2 2 0 0 1 2 2v9" /><path d="M5 6a2 2 0 0 1 4 0v9" /><path d="M9 6a2 2 0 0 1 4 0v10a7 5 0 0 0 7 5" /><path d="M12 21a7 5 0 0 0 7 -5v-2a3 3 0 0 0 -6 0" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 4a2 2 0 0 1 2 2v9" /><path d="M5 6a2 2 0 0 1 4 0v9" /><path d="M9 6a2 2 0 0 1 4 0v10a7 5 0 0 0 7 5" /><path d="M12 21a7 5 0 0 0 7 -5v-2a3 3 0 0 0 -6 0" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="zoom-cancel" data-toggle="tooltip" title="zoom-cancel">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="8" y1="8" x2="12" y2="12" /><line x1="12" y1="8" x2="8" y2="12" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="8" y1="8" x2="12" y2="12" /><line x1="12" y1="8" x2="8" y2="12" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="zoom-in" data-toggle="tooltip" title="zoom-in">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="7" y1="10" x2="13" y2="10" /><line x1="10" y1="7" x2="10" y2="13" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="7" y1="10" x2="13" y2="10" /><line x1="10" y1="7" x2="10" y2="13" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="zoom-out" data-toggle="tooltip" title="zoom-out">
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="7" y1="10" x2="13" y2="10" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="7" y1="10" x2="13" y2="10" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
                             </a>
                           </li>
                           <li></li>
@@ -5091,347 +5098,347 @@
                         <ul class="icons-list">
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="android" data-toggle="tooltip" title="android">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M22.146 9.227a1.478 1.478 0 1 0-2.956.002v6.19c0 .81.663 1.48 1.483 1.48.814 0 1.476-.67 1.476-1.48v-6.2h-.01zM5.393 8.032l.004 9.6c0 .885.704 1.59 1.573 1.59h1.063v3.28c0 .82.66 1.482 1.47 1.482s1.467-.66 1.48-1.468v-3.28h1.993v3.28a1.475 1.475 0 1 0 2.952-.007v-3.28h1.078c.87 0 1.573-.71 1.573-1.578v-9.63L5.35 8.03l.04.002zm9.648-2.93a.56.56 0 1 1-.002-1.118.56.56 0 0 1 .002 1.118m-6.06 0a.56.56 0 1 1 .56-.548.565.565 0 0 1-.57.567m6.29-2.9L16.29.33c.06-.105.014-.226-.076-.285a.219.219 0 0 0-.284.09l-1.05 1.9c-.868-.405-1.856-.63-2.89-.63s-2.018.215-2.892.603L8.064.105a.205.205 0 0 0-.278-.08c-.1.045-.136.18-.08.27l1.03 1.875c-2.03 1.047-3.4 3.04-3.4 5.33h13.328c0-2.29-1.368-4.283-3.396-5.33M3.33 7.742c-.817 0-1.48.665-1.48 1.483v6.192a1.48 1.48 0 0 0 2.961 0v-6.19c0-.815-.66-1.478-1.47-1.478"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M22.146 9.227a1.478 1.478 0 1 0-2.956.002v6.19c0 .81.663 1.48 1.483 1.48.814 0 1.476-.67 1.476-1.48v-6.2h-.01zM5.393 8.032l.004 9.6c0 .885.704 1.59 1.573 1.59h1.063v3.28c0 .82.66 1.482 1.47 1.482s1.467-.66 1.48-1.468v-3.28h1.993v3.28a1.475 1.475 0 1 0 2.952-.007v-3.28h1.078c.87 0 1.573-.71 1.573-1.578v-9.63L5.35 8.03l.04.002zm9.648-2.93a.56.56 0 1 1-.002-1.118.56.56 0 0 1 .002 1.118m-6.06 0a.56.56 0 1 1 .56-.548.565.565 0 0 1-.57.567m6.29-2.9L16.29.33c.06-.105.014-.226-.076-.285a.219.219 0 0 0-.284.09l-1.05 1.9c-.868-.405-1.856-.63-2.89-.63s-2.018.215-2.892.603L8.064.105a.205.205 0 0 0-.278-.08c-.1.045-.136.18-.08.27l1.03 1.875c-2.03 1.047-3.4 3.04-3.4 5.33h13.328c0-2.29-1.368-4.283-3.396-5.33M3.33 7.742c-.817 0-1.48.665-1.48 1.483v6.192a1.48 1.48 0 0 0 2.961 0v-6.19c0-.815-.66-1.478-1.47-1.478"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="apple" data-toggle="tooltip" title="apple">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M7.078 23.55a5.378 5.378 0 0 1-1.244-1.15c-.383-.463-.738-.95-1.064-1.454a14.065 14.065 0 0 1-1.78-3.636c-.5-1.502-.743-2.94-.743-4.347 0-1.57.34-2.94 1.002-4.09a5.78 5.78 0 0 1 2.1-2.182 5.6 5.6 0 0 1 2.84-.84c.35 0 .73.05 1.13.15.29.08.64.21 1.07.37.55.21.85.34.95.37.32.12.59.17.8.17.16 0 .39-.05.645-.13.145-.05.42-.14.81-.31.386-.14.692-.26.935-.35.37-.11.728-.21 1.05-.26.39-.06.777-.08 1.148-.05.71.05 1.36.2 1.94.42 1.02.41 1.843 1.05 2.457 1.96-.26.16-.5.346-.725.55-.487.43-.9.94-1.23 1.505a5.1 5.1 0 0 0-.644 2.52c.015 1.083.29 2.035.84 2.86a5.33 5.33 0 0 0 1.534 1.536c.31.21.582.355.84.45-.12.375-.252.74-.405 1.1-.347.807-.76 1.58-1.25 2.31-.432.63-.772 1.1-1.03 1.41-.402.48-.79.84-1.18 1.097-.43.285-.935.436-1.452.436-.35.015-.7-.03-1.034-.127-.29-.095-.576-.202-.856-.323a6.94 6.94 0 0 0-.905-.34 4.52 4.52 0 0 0-1.164-.147c-.4 0-.79.05-1.16.145-.31.088-.61.196-.907.325-.42.175-.695.29-.855.34a4.47 4.47 0 0 1-.99.175c-.52 0-1.004-.15-1.486-.45zm6.854-18.46c-.68.34-1.326.484-1.973.436-.1-.646 0-1.31.27-2.037.24-.62.56-1.18 1-1.68.46-.52 1.01-.95 1.63-1.26.66-.34 1.29-.52 1.89-.55.08.68 0 1.35-.25 2.07a5.938 5.938 0 0 1-1 1.76c-.435.52-.975.95-1.586 1.26z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M7.078 23.55a5.378 5.378 0 0 1-1.244-1.15c-.383-.463-.738-.95-1.064-1.454a14.065 14.065 0 0 1-1.78-3.636c-.5-1.502-.743-2.94-.743-4.347 0-1.57.34-2.94 1.002-4.09a5.78 5.78 0 0 1 2.1-2.182 5.6 5.6 0 0 1 2.84-.84c.35 0 .73.05 1.13.15.29.08.64.21 1.07.37.55.21.85.34.95.37.32.12.59.17.8.17.16 0 .39-.05.645-.13.145-.05.42-.14.81-.31.386-.14.692-.26.935-.35.37-.11.728-.21 1.05-.26.39-.06.777-.08 1.148-.05.71.05 1.36.2 1.94.42 1.02.41 1.843 1.05 2.457 1.96-.26.16-.5.346-.725.55-.487.43-.9.94-1.23 1.505a5.1 5.1 0 0 0-.644 2.52c.015 1.083.29 2.035.84 2.86a5.33 5.33 0 0 0 1.534 1.536c.31.21.582.355.84.45-.12.375-.252.74-.405 1.1-.347.807-.76 1.58-1.25 2.31-.432.63-.772 1.1-1.03 1.41-.402.48-.79.84-1.18 1.097-.43.285-.935.436-1.452.436-.35.015-.7-.03-1.034-.127-.29-.095-.576-.202-.856-.323a6.94 6.94 0 0 0-.905-.34 4.52 4.52 0 0 0-1.164-.147c-.4 0-.79.05-1.16.145-.31.088-.61.196-.907.325-.42.175-.695.29-.855.34a4.47 4.47 0 0 1-.99.175c-.52 0-1.004-.15-1.486-.45zm6.854-18.46c-.68.34-1.326.484-1.973.436-.1-.646 0-1.31.27-2.037.24-.62.56-1.18 1-1.68.46-.52 1.01-.95 1.63-1.26.66-.34 1.29-.52 1.89-.55.08.68 0 1.35-.25 2.07a5.938 5.938 0 0 1-1 1.76c-.435.52-.975.95-1.586 1.26z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="asana" data-toggle="tooltip" title="asana">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M18.78 12.653a5.22 5.22 0 1 0 0 10.44 5.22 5.22 0 0 0 0-10.44zm-13.56 0a5.22 5.22 0 1 0 .001 10.439 5.22 5.22 0 0 0-.001-10.439zm12-6.525a5.22 5.22 0 1 1-10.44 0 5.22 5.22 0 0 1 10.44 0z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M18.78 12.653a5.22 5.22 0 1 0 0 10.44 5.22 5.22 0 0 0 0-10.44zm-13.56 0a5.22 5.22 0 1 0 .001 10.439 5.22 5.22 0 0 0-.001-10.439zm12-6.525a5.22 5.22 0 1 1-10.44 0 5.22 5.22 0 0 1 10.44 0z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="atlassian" data-toggle="tooltip" title="atlassian">
-                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-md" fill="currentColor"><path d="M19.31 23.957h-3.6a1.26 1.26 0 0 1-1.312-.792c-1.332-2.665-2.78-5.288-3.987-8.046a15.25 15.25 0 0 1 .885-14.47c.166-.281.52-.625.791-.625s.593.375.74.666q5.444 10.89 10.898 21.788c.542 1.041.292 1.468-.905 1.479zm-14.573 0H1.04c-1.041 0-1.27-.417-.812-1.333q2.8-5.538 5.549-11.055c.5-1.041.895-1.041 1.592-.177a12.221 12.221 0 0 1 2.51 11.17c-.344 1.322-.532 1.405-1.864 1.405z"/></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" fill="currentColor"><path d="M19.31 23.957h-3.6a1.26 1.26 0 0 1-1.312-.792c-1.332-2.665-2.78-5.288-3.987-8.046a15.25 15.25 0 0 1 .885-14.47c.166-.281.52-.625.791-.625s.593.375.74.666q5.444 10.89 10.898 21.788c.542 1.041.292 1.468-.905 1.479zm-14.573 0H1.04c-1.041 0-1.27-.417-.812-1.333q2.8-5.538 5.549-11.055c.5-1.041.895-1.041 1.592-.177a12.221 12.221 0 0 1 2.51 11.17c-.344 1.322-.532 1.405-1.864 1.405z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="basecamp" data-toggle="tooltip" title="basecamp">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M12 2C5.54 2 .48 10.22 0 17.16 2.028 20.68 6.915 22 12 22s9.975-1.32 12-4.84C23.52 10.218 18.46 2 12 2zm.15 18.4c-9.54 0-10.456-4.034-10.456-4.034l.18-.976S4.5 9.72 6.15 9.72s2.34 2.34 3.69 2.34 4.274-5.19 5.324-5.19c1.047 0 2.82 1.95 4.27 3.75 1.45 1.802 2.878 4.887 2.878 4.887l-.008.034.15.886S21.688 20.4 12.148 20.4z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 2C5.54 2 .48 10.22 0 17.16 2.028 20.68 6.915 22 12 22s9.975-1.32 12-4.84C23.52 10.218 18.46 2 12 2zm.15 18.4c-9.54 0-10.456-4.034-10.456-4.034l.18-.976S4.5 9.72 6.15 9.72s2.34 2.34 3.69 2.34 4.274-5.19 5.324-5.19c1.047 0 2.82 1.95 4.27 3.75 1.45 1.802 2.878 4.887 2.878 4.887l-.008.034.15.886S21.688 20.4 12.148 20.4z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="behance" data-toggle="tooltip" title="behance">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M6.938 4.503c.702 0 1.34.06 1.92.188.577.13 1.07.33 1.485.61.41.28.733.65.96 1.12.225.47.34 1.05.34 1.73 0 .74-.17 1.36-.507 1.86-.338.5-.837.9-1.502 1.22.906.26 1.576.72 2.022 1.37.448.66.665 1.45.665 2.36 0 .75-.13 1.39-.41 1.93-.28.55-.67 1-1.16 1.35-.48.348-1.05.6-1.67.767a7.316 7.316 0 0 1-1.91.254H0V4.51h6.938v-.007zM16.94 16.665c.44.428 1.073.643 1.894.643.59 0 1.1-.148 1.53-.447.424-.29.68-.61.78-.94h2.588c-.403 1.28-1.048 2.2-1.9 2.75-.85.56-1.884.83-3.08.83-.837 0-1.584-.13-2.272-.4a4.948 4.948 0 0 1-1.72-1.14 5.1 5.1 0 0 1-1.077-1.77c-.253-.69-.373-1.45-.373-2.27 0-.803.135-1.54.403-2.23.27-.7.644-1.28 1.12-1.79.495-.51 1.063-.895 1.736-1.194s1.4-.433 2.22-.433c.91 0 1.69.164 2.38.523a4.8 4.8 0 0 1 1.66 1.4c.44.586.75 1.26.94 2.02.19.75.25 1.54.21 2.38h-7.69c0 .84.28 1.632.71 2.065l-.08.03zm-10.24.05c.317 0 .62-.03.906-.093.29-.06.548-.165.763-.3.21-.135.39-.328.52-.583.13-.24.19-.57.19-.96 0-.75-.22-1.29-.64-1.62-.43-.32-.99-.48-1.69-.48H3.24v4.05H6.7v-.03zm13.607-5.65c-.352-.385-.94-.592-1.657-.592-.468 0-.855.074-1.166.238-.302.15-.55.35-.74.59-.19.24-.317.48-.392.75-.075.26-.12.5-.135.71h4.762c-.07-.75-.33-1.3-.68-1.69v.01zM6.52 10.45c.574 0 1.05-.134 1.425-.412.374-.27.554-.72.554-1.338 0-.344-.07-.625-.18-.846-.13-.22-.3-.39-.5-.512-.21-.124-.45-.21-.72-.257a4.426 4.426 0 0 0-.84-.074H3.23v3.44h3.29zm9.098-4.958h5.968v1.454h-5.968V5.48v.01z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M6.938 4.503c.702 0 1.34.06 1.92.188.577.13 1.07.33 1.485.61.41.28.733.65.96 1.12.225.47.34 1.05.34 1.73 0 .74-.17 1.36-.507 1.86-.338.5-.837.9-1.502 1.22.906.26 1.576.72 2.022 1.37.448.66.665 1.45.665 2.36 0 .75-.13 1.39-.41 1.93-.28.55-.67 1-1.16 1.35-.48.348-1.05.6-1.67.767a7.316 7.316 0 0 1-1.91.254H0V4.51h6.938v-.007zM16.94 16.665c.44.428 1.073.643 1.894.643.59 0 1.1-.148 1.53-.447.424-.29.68-.61.78-.94h2.588c-.403 1.28-1.048 2.2-1.9 2.75-.85.56-1.884.83-3.08.83-.837 0-1.584-.13-2.272-.4a4.948 4.948 0 0 1-1.72-1.14 5.1 5.1 0 0 1-1.077-1.77c-.253-.69-.373-1.45-.373-2.27 0-.803.135-1.54.403-2.23.27-.7.644-1.28 1.12-1.79.495-.51 1.063-.895 1.736-1.194s1.4-.433 2.22-.433c.91 0 1.69.164 2.38.523a4.8 4.8 0 0 1 1.66 1.4c.44.586.75 1.26.94 2.02.19.75.25 1.54.21 2.38h-7.69c0 .84.28 1.632.71 2.065l-.08.03zm-10.24.05c.317 0 .62-.03.906-.093.29-.06.548-.165.763-.3.21-.135.39-.328.52-.583.13-.24.19-.57.19-.96 0-.75-.22-1.29-.64-1.62-.43-.32-.99-.48-1.69-.48H3.24v4.05H6.7v-.03zm13.607-5.65c-.352-.385-.94-.592-1.657-.592-.468 0-.855.074-1.166.238-.302.15-.55.35-.74.59-.19.24-.317.48-.392.75-.075.26-.12.5-.135.71h4.762c-.07-.75-.33-1.3-.68-1.69v.01zM6.52 10.45c.574 0 1.05-.134 1.425-.412.374-.27.554-.72.554-1.338 0-.344-.07-.625-.18-.846-.13-.22-.3-.39-.5-.512-.21-.124-.45-.21-.72-.257a4.426 4.426 0 0 0-.84-.074H3.23v3.44h3.29zm9.098-4.958h5.968v1.454h-5.968V5.48v.01z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bing" data-toggle="tooltip" title="bing">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M3.605 0L8.4 1.686V18.56l6.753-3.895-3.31-1.555-2.09-5.2 10.64 3.738v5.435L8.403 24l-4.797-2.67V0z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M3.605 0L8.4 1.686V18.56l6.753-3.895-3.31-1.555-2.09-5.2 10.64 3.738v5.435L8.403 24l-4.797-2.67V0z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bitbucket" data-toggle="tooltip" title="bitbucket">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M.778 1.211a.768.768 0 0 0-.768.892l3.263 19.811c.084.499.515.867 1.022.872H19.95a.772.772 0 0 0 .77-.646l3.27-20.03a.768.768 0 0 0-.768-.891L.778 1.211zM14.52 15.528H9.522L8.17 8.464h7.561l-1.211 7.064z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M.778 1.211a.768.768 0 0 0-.768.892l3.263 19.811c.084.499.515.867 1.022.872H19.95a.772.772 0 0 0 .77-.646l3.27-20.03a.768.768 0 0 0-.768-.891L.778 1.211zM14.52 15.528H9.522L8.17 8.464h7.561l-1.211 7.064z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bitcoin" data-toggle="tooltip" title="bitcoin">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M23.638 14.904c-1.602 6.43-8.113 10.34-14.542 8.736C2.67 22.05-1.244 15.525.362 9.105 1.962 2.67 8.475-1.243 14.9.358c6.43 1.605 10.342 8.115 8.738 14.548v-.002zm-6.35-4.613c.24-1.59-.974-2.45-2.64-3.03l.54-2.153-1.315-.33-.525 2.107c-.345-.087-.705-.167-1.064-.25l.526-2.127-1.32-.33-.54 2.165c-.285-.067-.565-.132-.84-.2l-1.815-.45-.35 1.407s.975.225.955.236c.535.136.63.486.615.766l-1.477 5.92c-.075.166-.24.406-.614.314.015.02-.96-.24-.96-.24l-.66 1.51 1.71.426.93.242-.54 2.19 1.32.327.54-2.17c.36.1.705.19 1.05.273l-.51 2.154 1.32.33.545-2.19c2.24.427 3.93.257 4.64-1.774.57-1.637-.03-2.58-1.217-3.196.854-.193 1.5-.76 1.68-1.93h.01zm-3.01 4.22c-.404 1.64-3.157.75-4.05.53l.72-2.9c.896.23 3.757.67 3.33 2.37zm.41-4.24c-.37 1.49-2.662.735-3.405.55l.654-2.64c.744.18 3.137.524 2.75 2.084v.006z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M23.638 14.904c-1.602 6.43-8.113 10.34-14.542 8.736C2.67 22.05-1.244 15.525.362 9.105 1.962 2.67 8.475-1.243 14.9.358c6.43 1.605 10.342 8.115 8.738 14.548v-.002zm-6.35-4.613c.24-1.59-.974-2.45-2.64-3.03l.54-2.153-1.315-.33-.525 2.107c-.345-.087-.705-.167-1.064-.25l.526-2.127-1.32-.33-.54 2.165c-.285-.067-.565-.132-.84-.2l-1.815-.45-.35 1.407s.975.225.955.236c.535.136.63.486.615.766l-1.477 5.92c-.075.166-.24.406-.614.314.015.02-.96-.24-.96-.24l-.66 1.51 1.71.426.93.242-.54 2.19 1.32.327.54-2.17c.36.1.705.19 1.05.273l-.51 2.154 1.32.33.545-2.19c2.24.427 3.93.257 4.64-1.774.57-1.637-.03-2.58-1.217-3.196.854-.193 1.5-.76 1.68-1.93h.01zm-3.01 4.22c-.404 1.64-3.157.75-4.05.53l.72-2.9c.896.23 3.757.67 3.33 2.37zm.41-4.24c-.37 1.49-2.662.735-3.405.55l.654-2.64c.744.18 3.137.524 2.75 2.084v.006z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="blogger" data-toggle="tooltip" title="blogger">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M21.976 24H2.026C.9 24 0 23.1 0 21.976V2.026C0 .9.9 0 2.025 0H22.05C23.1 0 24 .9 24 2.025v19.95C24 23.1 23.1 24 21.976 24zM12 3.975H9A5.025 5.025 0 0 0 3.975 9v6A5.025 5.025 0 0 0 9 20.024h6A5.025 5.025 0 0 0 20.024 15v-3.975c0-.6-.45-1.05-1.05-1.05H18a.995.995 0 0 1-.976-.976A5.025 5.025 0 0 0 12 3.973zm3.074 12H9c-.525 0-.975-.45-.975-.975s.45-.976.975-.976h6.074c.526 0 .977.45.977.976s-.45.976-.975.976zm-2.55-7.95c.527 0 .976.45.976.975s-.45.975-.975.975h-3.6c-.525 0-.976-.45-.976-.975s.45-.975.975-.975h3.6z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M21.976 24H2.026C.9 24 0 23.1 0 21.976V2.026C0 .9.9 0 2.025 0H22.05C23.1 0 24 .9 24 2.025v19.95C24 23.1 23.1 24 21.976 24zM12 3.975H9A5.025 5.025 0 0 0 3.975 9v6A5.025 5.025 0 0 0 9 20.024h6A5.025 5.025 0 0 0 20.024 15v-3.975c0-.6-.45-1.05-1.05-1.05H18a.995.995 0 0 1-.976-.976A5.025 5.025 0 0 0 12 3.973zm3.074 12H9c-.525 0-.975-.45-.975-.975s.45-.976.975-.976h6.074c.526 0 .977.45.977.976s-.45.976-.975.976zm-2.55-7.95c.527 0 .976.45.976.975s-.45.975-.975.975h-3.6c-.525 0-.976-.45-.976-.975s.45-.975.975-.975h3.6z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="bootstrap" data-toggle="tooltip" title="bootstrap">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M20 0H4a4.01 4.01 0 0 0-4 4v16c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V4c0-2.2-1.8-4-4-4zm-2.187 16.855c-.2.482-.517.907-.923 1.234-.42.34-.952.62-1.607.82-.654.203-1.432.305-2.333.305H6.518v-14h6.802c1.258 0 2.266.283 3.02.86.76.58 1.138 1.444 1.138 2.61 0 .705-.172 1.31-.518 1.81-.344.497-.84.886-1.48 1.156v.046c.854.18 1.515.585 1.95 1.215s.658 1.426.658 2.387c0 .538-.104 1.05-.3 1.528l.025.027zm-2.776-3.45c-.41-.375-.986-.558-1.73-.558H8.985v4.368h4.334c.74 0 1.32-.192 1.73-.58.41-.385.62-.934.62-1.64-.007-.69-.21-1.224-.62-1.59h-.017zm-.6-2.823c.396-.336.59-.817.59-1.444 0-.704-.175-1.204-.53-1.49-.352-.285-.86-.433-1.528-.433h-4v3.863h4c.583 0 1.08-.17 1.464-.496z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M20 0H4a4.01 4.01 0 0 0-4 4v16c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V4c0-2.2-1.8-4-4-4zm-2.187 16.855c-.2.482-.517.907-.923 1.234-.42.34-.952.62-1.607.82-.654.203-1.432.305-2.333.305H6.518v-14h6.802c1.258 0 2.266.283 3.02.86.76.58 1.138 1.444 1.138 2.61 0 .705-.172 1.31-.518 1.81-.344.497-.84.886-1.48 1.156v.046c.854.18 1.515.585 1.95 1.215s.658 1.426.658 2.387c0 .538-.104 1.05-.3 1.528l.025.027zm-2.776-3.45c-.41-.375-.986-.558-1.73-.558H8.985v4.368h4.334c.74 0 1.32-.192 1.73-.58.41-.385.62-.934.62-1.64-.007-.69-.21-1.224-.62-1.59h-.017zm-.6-2.823c.396-.336.59-.817.59-1.444 0-.704-.175-1.204-.53-1.49-.352-.285-.86-.433-1.528-.433h-4v3.863h4c.583 0 1.08-.17 1.464-.496z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="buddy" data-toggle="tooltip" title="buddy">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M21.7 5.307L12.947.253a1.892 1.892 0 0 0-1.891 0L2.3 5.306a1.892 1.892 0 0 0-.945 1.638v10.109c0 .675.36 1.3.945 1.637l8.756 5.056a1.892 1.892 0 0 0 1.89 0l8.756-5.055c.585-.338.945-.962.945-1.638V6.945c0-.675-.36-1.3-.945-1.638zm-7.45 7.752l-3.804 3.804-1.351-1.351 3.804-3.805-3.804-3.805 1.351-1.35 3.804 3.804 1.351 1.351-1.35 1.352z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M21.7 5.307L12.947.253a1.892 1.892 0 0 0-1.891 0L2.3 5.306a1.892 1.892 0 0 0-.945 1.638v10.109c0 .675.36 1.3.945 1.637l8.756 5.056a1.892 1.892 0 0 0 1.89 0l8.756-5.055c.585-.338.945-.962.945-1.638V6.945c0-.675-.36-1.3-.945-1.638zm-7.45 7.752l-3.804 3.804-1.351-1.351 3.804-3.805-3.804-3.805 1.351-1.35 3.804 3.804 1.351 1.351-1.35 1.352z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="circleci" data-toggle="tooltip" title="circleci">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M8.963 12a2.854 2.854 0 0 1 2.855-2.855A2.863 2.863 0 0 1 14.674 12a2.863 2.863 0 0 1-2.856 2.856A2.863 2.863 0 0 1 8.963 12zm2.855-12C6.215 0 1.522 3.84.19 9.025c-.01.036-.01.07-.01.12 0 .313.252.576.575.576H5.59c.23 0 .433-.13.517-.333.997-2.16 3.18-3.672 5.712-3.672a6.293 6.293 0 0 1 6.286 6.287c0 3.47-2.82 6.29-6.29 6.29a6.28 6.28 0 0 1-5.71-3.673.594.594 0 0 0-.517-.336H.755a.576.576 0 0 0-.575.576c0 .037.014.072.014.12C1.514 20.16 6.214 24 11.818 24c6.624 0 12-5.375 12-12 0-6.623-5.376-12-12-12z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M8.963 12a2.854 2.854 0 0 1 2.855-2.855A2.863 2.863 0 0 1 14.674 12a2.863 2.863 0 0 1-2.856 2.856A2.863 2.863 0 0 1 8.963 12zm2.855-12C6.215 0 1.522 3.84.19 9.025c-.01.036-.01.07-.01.12 0 .313.252.576.575.576H5.59c.23 0 .433-.13.517-.333.997-2.16 3.18-3.672 5.712-3.672a6.293 6.293 0 0 1 6.286 6.287c0 3.47-2.82 6.29-6.29 6.29a6.28 6.28 0 0 1-5.71-3.673.594.594 0 0 0-.517-.336H.755a.576.576 0 0 0-.575.576c0 .037.014.072.014.12C1.514 20.16 6.214 24 11.818 24c6.624 0 12-5.375 12-12 0-6.623-5.376-12-12-12z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="codepen" data-toggle="tooltip" title="codepen">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M24 8.182l-.018-.087-.017-.05c-.01-.024-.018-.05-.03-.075-.003-.018-.015-.034-.02-.05l-.035-.067-.03-.05-.044-.06-.046-.045-.06-.045-.046-.03-.06-.044-.044-.04-.015-.02L12.58.19a1.024 1.024 0 0 0-1.142 0L.453 7.502l-.015.015-.044.035-.06.05-.038.04-.05.056-.037.045-.05.06c-.02.017-.03.03-.03.046l-.05.06-.02.06c-.02.01-.02.04-.03.07l-.01.05C0 8.12 0 8.15 0 8.18v7.497c0 .044.003.09.01.135l.01.046c.005.03.01.06.02.086l.015.05c.01.027.016.053.027.075l.022.05c0 .01.015.04.03.06l.03.04c.015.01.03.04.045.06l.03.04.04.04c.01.013.01.03.03.03l.06.042.04.03.01.014 10.97 7.33c.164.12.375.163.57.163s.39-.06.57-.18l10.99-7.28.014-.01.046-.037.06-.043.048-.036.052-.058.033-.045.04-.06.03-.05.03-.07.016-.052.03-.077.015-.045.03-.08v-7.5c0-.05 0-.095-.016-.14l-.014-.045.044.003zm-11.99 6.28l-3.65-2.44 3.65-2.442 3.65 2.44-3.65 2.44zm-1.034-6.674l-4.473 2.99L2.89 8.362l8.086-5.39V7.79zm-6.33 4.233l-2.582 1.73V10.3l2.582 1.726zm1.857 1.25l4.473 2.99v4.82L2.89 15.69l3.618-2.417v-.004zm6.537 2.99l4.474-2.98 3.613 2.42-8.087 5.39v-4.82zm6.33-4.23l2.583-1.72v3.456l-2.583-1.73zm-1.855-1.24L13.042 7.8V2.97l8.085 5.39-3.612 2.415v.003z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M24 8.182l-.018-.087-.017-.05c-.01-.024-.018-.05-.03-.075-.003-.018-.015-.034-.02-.05l-.035-.067-.03-.05-.044-.06-.046-.045-.06-.045-.046-.03-.06-.044-.044-.04-.015-.02L12.58.19a1.024 1.024 0 0 0-1.142 0L.453 7.502l-.015.015-.044.035-.06.05-.038.04-.05.056-.037.045-.05.06c-.02.017-.03.03-.03.046l-.05.06-.02.06c-.02.01-.02.04-.03.07l-.01.05C0 8.12 0 8.15 0 8.18v7.497c0 .044.003.09.01.135l.01.046c.005.03.01.06.02.086l.015.05c.01.027.016.053.027.075l.022.05c0 .01.015.04.03.06l.03.04c.015.01.03.04.045.06l.03.04.04.04c.01.013.01.03.03.03l.06.042.04.03.01.014 10.97 7.33c.164.12.375.163.57.163s.39-.06.57-.18l10.99-7.28.014-.01.046-.037.06-.043.048-.036.052-.058.033-.045.04-.06.03-.05.03-.07.016-.052.03-.077.015-.045.03-.08v-7.5c0-.05 0-.095-.016-.14l-.014-.045.044.003zm-11.99 6.28l-3.65-2.44 3.65-2.442 3.65 2.44-3.65 2.44zm-1.034-6.674l-4.473 2.99L2.89 8.362l8.086-5.39V7.79zm-6.33 4.233l-2.582 1.73V10.3l2.582 1.726zm1.857 1.25l4.473 2.99v4.82L2.89 15.69l3.618-2.417v-.004zm6.537 2.99l4.474-2.98 3.613 2.42-8.087 5.39v-4.82zm6.33-4.23l2.583-1.72v3.456l-2.583-1.73zm-1.855-1.24L13.042 7.8V2.97l8.085 5.39-3.612 2.415v.003z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="codeship" data-toggle="tooltip" title="codeship">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M12.053 0c-.972 0-2.398.405-2.398.762v2.117a13.032 13.032 0 0 1 2.42-.272 14.387 14.387 0 0 1 2.423.26V.773c0-.367-1.475-.774-2.445-.774zm.022 3.787c-2.042 0-5.068.837-5.068 1.193v2.595a18.793 18.793 0 0 1 5.02-2.473c.012-.013 2.803.749 5.212 2.495l.003.003V4.98c0-.37-3.126-1.193-5.167-1.193zM12.1 6.37c-.763.197-1.514.555-2.214.887a17.585 17.585 0 0 0-4.19 2.767c1.352 1.378 2.161 3.11 2.654 4.72l.037.113.04.037-.052-.037c-.013-.013-1.623-1.661-3.972-1.661-1.242 0-2.68.456-4.193 1.833.147.516.32 1.006.528 1.498v.016l.025.047c2.004 4.575 6.7 7.553 11.693 7.406 4.895-.147 9.348-3.311 11.13-7.859.098-.246.184-.506.272-.752-1.686-1.254-4.332-2.814-5.351-2.617v-.003c-.776.149-1.686 1.266-2.854 2.385.468-1.66 1.307-3.515 2.832-5.114a15.58 15.58 0 0 0-1.243-1.021v-.012C15.717 7.87 13.944 6.899 12.1 6.369zm-.01.897l.612 3.05-.147 2.67-.443 3.959v.018l-.05-.006c-.006-.001-.015-.008-.022-.01v-.027l-.493-3.947-.122-2.654zm.9 9.825l.021.004a7.135 7.135 0 0 1-.143.056c.04-.023.08-.036.121-.06z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12.053 0c-.972 0-2.398.405-2.398.762v2.117a13.032 13.032 0 0 1 2.42-.272 14.387 14.387 0 0 1 2.423.26V.773c0-.367-1.475-.774-2.445-.774zm.022 3.787c-2.042 0-5.068.837-5.068 1.193v2.595a18.793 18.793 0 0 1 5.02-2.473c.012-.013 2.803.749 5.212 2.495l.003.003V4.98c0-.37-3.126-1.193-5.167-1.193zM12.1 6.37c-.763.197-1.514.555-2.214.887a17.585 17.585 0 0 0-4.19 2.767c1.352 1.378 2.161 3.11 2.654 4.72l.037.113.04.037-.052-.037c-.013-.013-1.623-1.661-3.972-1.661-1.242 0-2.68.456-4.193 1.833.147.516.32 1.006.528 1.498v.016l.025.047c2.004 4.575 6.7 7.553 11.693 7.406 4.895-.147 9.348-3.311 11.13-7.859.098-.246.184-.506.272-.752-1.686-1.254-4.332-2.814-5.351-2.617v-.003c-.776.149-1.686 1.266-2.854 2.385.468-1.66 1.307-3.515 2.832-5.114a15.58 15.58 0 0 0-1.243-1.021v-.012C15.717 7.87 13.944 6.899 12.1 6.369zm-.01.897l.612 3.05-.147 2.67-.443 3.959v.018l-.05-.006c-.006-.001-.015-.008-.022-.01v-.027l-.493-3.947-.122-2.654zm.9 9.825l.021.004a7.135 7.135 0 0 1-.143.056c.04-.023.08-.036.121-.06z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="css3" data-toggle="tooltip" title="css3">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M1.5 0h21l-1.91 21.563L11.977 24l-8.565-2.438L1.5 0zm17.09 4.413L5.41 4.41l.213 2.622 10.125.002-.255 2.716h-6.64l.24 2.573h6.182l-.366 3.523-2.91.804-2.956-.81-.188-2.11h-2.61l.29 3.855L12 19.288l5.373-1.53L18.59 4.414z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M1.5 0h21l-1.91 21.563L11.977 24l-8.565-2.438L1.5 0zm17.09 4.413L5.41 4.41l.213 2.622 10.125.002-.255 2.716h-6.64l.24 2.573h6.182l-.366 3.523-2.91.804-2.956-.81-.188-2.11h-2.61l.29 3.855L12 19.288l5.373-1.53L18.59 4.414z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="digitalocean" data-toggle="tooltip" title="digitalocean">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M.836 19.365H.832V16.38h2.985v2.985H7.38V14.73h4.635v4.62c4.927-.006 8.73-4.883 6.852-10.066a6.956 6.956 0 0 0-4.15-4.146C9.527 3.255 4.647 7.068 4.647 12H0C0 4.144 7.59-1.976 15.824.595a11.602 11.602 0 0 1 7.58 7.58C25.974 16.41 19.858 24 12 24v-4.635H7.377v3.56h-3.56v-3.56H.833h.002z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M.836 19.365H.832V16.38h2.985v2.985H7.38V14.73h4.635v4.62c4.927-.006 8.73-4.883 6.852-10.066a6.956 6.956 0 0 0-4.15-4.146C9.527 3.255 4.647 7.068 4.647 12H0C0 4.144 7.59-1.976 15.824.595a11.602 11.602 0 0 1 7.58 7.58C25.974 16.41 19.858 24 12 24v-4.635H7.377v3.56h-3.56v-3.56H.833h.002z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="disqus" data-toggle="tooltip" title="disqus">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M12.438 23.654c-2.853 0-5.46-1.04-7.476-2.766L0 21.568l1.917-4.733A11.7 11.7 0 0 1 .875 12C.875 5.564 6.05.346 12.44.346 18.82.346 24 5.564 24 12c0 6.438-5.176 11.654-11.562 11.654zm6.315-11.687v-.033c0-3.363-2.373-5.76-6.462-5.76H7.877V17.83h4.35c4.12 0 6.525-2.5 6.525-5.863h.004zm-6.415 2.998h-1.29V9.04h1.29c1.897 0 3.157 1.08 3.157 2.945v.03c0 1.884-1.26 2.95-3.157 2.95z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12.438 23.654c-2.853 0-5.46-1.04-7.476-2.766L0 21.568l1.917-4.733A11.7 11.7 0 0 1 .875 12C.875 5.564 6.05.346 12.44.346 18.82.346 24 5.564 24 12c0 6.438-5.176 11.654-11.562 11.654zm6.315-11.687v-.033c0-3.363-2.373-5.76-6.462-5.76H7.877V17.83h4.35c4.12 0 6.525-2.5 6.525-5.863h.004zm-6.415 2.998h-1.29V9.04h1.29c1.897 0 3.157 1.08 3.157 2.945v.03c0 1.884-1.26 2.95-3.157 2.95z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="docker" data-toggle="tooltip" title="docker">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M4.82 17.275c-.684 0-1.304-.56-1.304-1.24s.56-1.243 1.305-1.243c.748 0 1.31.56 1.31 1.242s-.622 1.24-1.305 1.24zm16.012-6.763c-.135-.992-.75-1.8-1.56-2.42l-.315-.25-.254.31c-.494.56-.69 1.553-.63 2.295.06.562.24 1.12.554 1.554-.254.13-.568.25-.81.377a5.29 5.29 0 0 1-1.68.25H.097l-.06.37a6.98 6.98 0 0 0 .562 3.54l.244.435v.06c1.5 2.483 4.17 3.6 7.078 3.6 5.594 0 10.182-2.42 12.357-7.633 1.425.062 2.864-.31 3.54-1.676l.18-.31-.3-.187c-.81-.494-1.92-.56-2.85-.31l-.018.002zm-8.008-.992h-2.428v2.42h2.43V9.518l-.002.003zm0-3.043h-2.428v2.42h2.43V6.48l-.002-.003zm0-3.104h-2.428v2.42h2.43v-2.42h-.002zm2.97 6.147H13.38v2.42h2.42V9.518l-.007.003zm-8.998 0H4.383v2.42h2.422V9.518l-.01.003zm3.03 0h-2.4v2.42H9.84V9.518l-.015.003zm-6.03 0H1.4v2.42h2.428V9.518l-.03.003zm6.03-3.043h-2.4v2.42H9.84V6.48l-.015-.003zm-3.045 0H4.387v2.42H6.8V6.48l-.016-.003z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M4.82 17.275c-.684 0-1.304-.56-1.304-1.24s.56-1.243 1.305-1.243c.748 0 1.31.56 1.31 1.242s-.622 1.24-1.305 1.24zm16.012-6.763c-.135-.992-.75-1.8-1.56-2.42l-.315-.25-.254.31c-.494.56-.69 1.553-.63 2.295.06.562.24 1.12.554 1.554-.254.13-.568.25-.81.377a5.29 5.29 0 0 1-1.68.25H.097l-.06.37a6.98 6.98 0 0 0 .562 3.54l.244.435v.06c1.5 2.483 4.17 3.6 7.078 3.6 5.594 0 10.182-2.42 12.357-7.633 1.425.062 2.864-.31 3.54-1.676l.18-.31-.3-.187c-.81-.494-1.92-.56-2.85-.31l-.018.002zm-8.008-.992h-2.428v2.42h2.43V9.518l-.002.003zm0-3.043h-2.428v2.42h2.43V6.48l-.002-.003zm0-3.104h-2.428v2.42h2.43v-2.42h-.002zm2.97 6.147H13.38v2.42h2.42V9.518l-.007.003zm-8.998 0H4.383v2.42h2.422V9.518l-.01.003zm3.03 0h-2.4v2.42H9.84V9.518l-.015.003zm-6.03 0H1.4v2.42h2.428V9.518l-.03.003zm6.03-3.043h-2.4v2.42H9.84V6.48l-.015-.003zm-3.045 0H4.387v2.42H6.8V6.48l-.016-.003z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="dribbble" data-toggle="tooltip" title="dribbble">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992 7.308a10.28 10.28 0 0 0 4.395-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4a10.161 10.161 0 0 0 6.29 2.166c1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248a65.473 65.473 0 0 0-3.8-5.928 10.275 10.275 0 0 0-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6 3.645-1.365 5.19-3.44 5.373-3.702A10.19 10.19 0 0 0 12 1.764c-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68 1.486.08.18.15.36.22.53 3.41-.43 6.8.26 7.14.33-.02-2.42-.88-4.64-2.31-6.38z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992 7.308a10.28 10.28 0 0 0 4.395-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4a10.161 10.161 0 0 0 6.29 2.166c1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248a65.473 65.473 0 0 0-3.8-5.928 10.275 10.275 0 0 0-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6 3.645-1.365 5.19-3.44 5.373-3.702A10.19 10.19 0 0 0 12 1.764c-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68 1.486.08.18.15.36.22.53 3.41-.43 6.8.26 7.14.33-.02-2.42-.88-4.64-2.31-6.38z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="dropbox" data-toggle="tooltip" title="dropbox">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M6 1.807L0 5.629l6 3.822 6.001-3.822L6 1.807zm12 0l-6 3.822 6 3.822 6-3.822-6-3.822zM0 13.274l6 3.822 6.001-3.822L6 9.452l-6 3.822zm18-3.822l-6 3.822 6 3.822 6-3.822-6-3.822zM6 18.371l6.001 3.822 6-3.822-6-3.822L6 18.371z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M6 1.807L0 5.629l6 3.822 6.001-3.822L6 1.807zm12 0l-6 3.822 6 3.822 6-3.822-6-3.822zM0 13.274l6 3.822 6.001-3.822L6 9.452l-6 3.822zm18-3.822l-6 3.822 6 3.822 6-3.822-6-3.822zM6 18.371l6.001 3.822 6-3.822-6-3.822L6 18.371z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="facebook" data-toggle="tooltip" title="facebook">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="figma" data-toggle="tooltip" title="figma">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M12 12a4 4 0 1 1 8 0 4 4 0 0 1-8 0zm-8 8a4 4 0 0 1 4-4h4v4a4 4 0 1 1-8 0zm8-20v8h4a4 4 0 1 0 0-8h-4zM4 4a4 4 0 0 0 4 4h4V0H8a4 4 0 0 0-4 4zm0 8a4 4 0 0 0 4 4h4V8H8a4 4 0 0 0-4 4z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 12a4 4 0 1 1 8 0 4 4 0 0 1-8 0zm-8 8a4 4 0 0 1 4-4h4v4a4 4 0 1 1-8 0zm8-20v8h4a4 4 0 1 0 0-8h-4zM4 4a4 4 0 0 0 4 4h4V0H8a4 4 0 0 0-4 4zm0 8a4 4 0 0 0 4 4h4V8H8a4 4 0 0 0-4 4z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="flickr" data-toggle="tooltip" title="flickr">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M0 12a5.565 5.565 0 0 0 5.565 5.564c3.075 0 5.569-2.49 5.569-5.564S8.641 6.436 5.565 6.436A5.566 5.566 0 0 0 0 12zm12.866 0a5.565 5.565 0 0 0 5.567 5.564C21.496 17.564 24 15.074 24 12s-2.492-5.564-5.564-5.564A5.567 5.567 0 0 0 12.866 12z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M0 12a5.565 5.565 0 0 0 5.565 5.564c3.075 0 5.569-2.49 5.569-5.564S8.641 6.436 5.565 6.436A5.566 5.566 0 0 0 0 12zm12.866 0a5.565 5.565 0 0 0 5.567 5.564C21.496 17.564 24 15.074 24 12s-2.492-5.564-5.564-5.564A5.567 5.567 0 0 0 12.866 12z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="foursquare" data-toggle="tooltip" title="foursquare">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M17.727 3.465l-.535 2.799c-.064.303-.445.623-.801.623H11.41c-.562 0-.963.391-.963.945v.614c0 .569.405.96.966.96h4.23c.395 0 .785.436.697.855l-.535 2.76c-.051.24-.314.63-.785.63h-3.457c-.63 0-.818.091-1.239.601-.42.524-4.206 5.069-4.206 5.069-.037.045-.074.029-.074-.015V3.42c0-.359.311-.78.776-.78h10.274c.375 0 .73.356.633.821v.004zm.451 10.98c.145-.578 1.746-8.784 2.281-11.385M18.486 0H5.683C3.918 0 3.4 1.328 3.4 2.164v20.34c0 .94.504 1.291.789 1.405.284.117 1.069.214 1.541-.328 0 0 6.044-7.014 6.146-7.117.165-.157.165-.157.315-.157h3.914c1.65 0 1.906-1.17 2.086-1.86.15-.569 1.754-8.774 2.279-11.385C20.875 1.08 20.365 0 18.49 0h-.004z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M17.727 3.465l-.535 2.799c-.064.303-.445.623-.801.623H11.41c-.562 0-.963.391-.963.945v.614c0 .569.405.96.966.96h4.23c.395 0 .785.436.697.855l-.535 2.76c-.051.24-.314.63-.785.63h-3.457c-.63 0-.818.091-1.239.601-.42.524-4.206 5.069-4.206 5.069-.037.045-.074.029-.074-.015V3.42c0-.359.311-.78.776-.78h10.274c.375 0 .73.356.633.821v.004zm.451 10.98c.145-.578 1.746-8.784 2.281-11.385M18.486 0H5.683C3.918 0 3.4 1.328 3.4 2.164v20.34c0 .94.504 1.291.789 1.405.284.117 1.069.214 1.541-.328 0 0 6.044-7.014 6.146-7.117.165-.157.165-.157.315-.157h3.914c1.65 0 1.906-1.17 2.086-1.86.15-.569 1.754-8.774 2.279-11.385C20.875 1.08 20.365 0 18.49 0h-.004z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="git" data-toggle="tooltip" title="git">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M23.546 10.93L13.067.452a1.55 1.55 0 0 0-2.188 0L8.708 2.627l2.76 2.76a1.838 1.838 0 0 1 2.327 2.341l2.658 2.66a1.838 1.838 0 0 1 1.9 3.039 1.837 1.837 0 0 1-2.6 0 1.846 1.846 0 0 1-.404-1.996L12.86 8.955v6.525c.176.086.342.203.488.348a1.848 1.848 0 0 1 0 2.6 1.844 1.844 0 0 1-2.609 0 1.834 1.834 0 0 1 0-2.598c.182-.18.387-.316.605-.406V8.835a1.834 1.834 0 0 1-.996-2.41L7.636 3.7.45 10.881c-.6.605-.6 1.584 0 2.189l10.48 10.477a1.545 1.545 0 0 0 2.186 0l10.43-10.43a1.544 1.544 0 0 0 0-2.187"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M23.546 10.93L13.067.452a1.55 1.55 0 0 0-2.188 0L8.708 2.627l2.76 2.76a1.838 1.838 0 0 1 2.327 2.341l2.658 2.66a1.838 1.838 0 0 1 1.9 3.039 1.837 1.837 0 0 1-2.6 0 1.846 1.846 0 0 1-.404-1.996L12.86 8.955v6.525c.176.086.342.203.488.348a1.848 1.848 0 0 1 0 2.6 1.844 1.844 0 0 1-2.609 0 1.834 1.834 0 0 1 0-2.598c.182-.18.387-.316.605-.406V8.835a1.834 1.834 0 0 1-.996-2.41L7.636 3.7.45 10.881c-.6.605-.6 1.584 0 2.189l10.48 10.477a1.545 1.545 0 0 0 2.186 0l10.43-10.43a1.544 1.544 0 0 0 0-2.187"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="github" data-toggle="tooltip" title="github">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="gitlab" data-toggle="tooltip" title="gitlab">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M23.955 13.587l-1.342-4.135-2.664-8.189a.455.455 0 0 0-.867 0L16.418 9.45H7.582L4.919 1.263C4.783.84 4.185.84 4.05 1.26L1.386 9.449.044 13.587a.924.924 0 0 0 .331 1.023L12 23.054l11.625-8.443a.92.92 0 0 0 .33-1.024"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M23.955 13.587l-1.342-4.135-2.664-8.189a.455.455 0 0 0-.867 0L16.418 9.45H7.582L4.919 1.263C4.783.84 4.185.84 4.05 1.26L1.386 9.449.044 13.587a.924.924 0 0 0 .331 1.023L12 23.054l11.625-8.443a.92.92 0 0 0 .33-1.024"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="google" data-toggle="tooltip" title="google">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="googleplus" data-toggle="tooltip" title="googleplus">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M7.635 10.909v2.619h4.335c-.173 1.125-1.31 3.295-4.331 3.295-2.604 0-4.731-2.16-4.731-4.823 0-2.662 2.122-4.822 4.728-4.822 1.485 0 2.479.633 3.045 1.178l2.073-1.994c-1.33-1.245-3.056-1.995-5.115-1.995C3.412 4.365 0 7.785 0 12s3.414 7.635 7.635 7.635c4.41 0 7.332-3.098 7.332-7.461a6.96 6.96 0 0 0-.12-1.265H7.635zm16.365 0h-2.183V8.726h-2.183v2.183h-2.182v2.181h2.184v2.184h2.189V13.09H24"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M7.635 10.909v2.619h4.335c-.173 1.125-1.31 3.295-4.331 3.295-2.604 0-4.731-2.16-4.731-4.823 0-2.662 2.122-4.822 4.728-4.822 1.485 0 2.479.633 3.045 1.178l2.073-1.994c-1.33-1.245-3.056-1.995-5.115-1.995C3.412 4.365 0 7.785 0 12s3.414 7.635 7.635 7.635c4.41 0 7.332-3.098 7.332-7.461a6.96 6.96 0 0 0-.12-1.265H7.635zm16.365 0h-2.183V8.726h-2.183v2.183h-2.182v2.181h2.184v2.184h2.189V13.09H24"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="gravatar" data-toggle="tooltip" title="gravatar">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M12 0a2.4 2.4 0 0 0-2.4 2.4v8.4c0 1.324 1.074 2.398 2.4 2.398s2.4-1.074 2.4-2.398V5.21a7.204 7.204 0 0 1 4.799 6.789 7.2 7.2 0 1 1-12.29-5.09 2.4 2.4 0 1 0-3.396-3.396A11.978 11.978 0 0 0 0 12c0 6.627 5.373 12 12 12s12-5.373 12-12S18.627 0 12 0"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 0a2.4 2.4 0 0 0-2.4 2.4v8.4c0 1.324 1.074 2.398 2.4 2.398s2.4-1.074 2.4-2.398V5.21a7.204 7.204 0 0 1 4.799 6.789 7.2 7.2 0 1 1-12.29-5.09 2.4 2.4 0 1 0-3.396-3.396A11.978 11.978 0 0 0 0 12c0 6.627 5.373 12 12 12s12-5.373 12-12S18.627 0 12 0"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="hipchat" data-toggle="tooltip" title="hipchat">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M19.736 19.056s.103-.073.267-.198C22.46 16.958 24 14.203 24 11.139 24 5.424 18.627.787 12.003.787 5.377.787 0 5.424 0 11.139c0 5.717 5.371 10.356 11.998 10.356.847 0 1.694-.073 2.524-.228l.262-.045c1.683 1.092 4.139 1.99 6.288 1.99.665 0 .978-.546.552-1.104-.648-.795-1.541-2.068-1.888-3.052zm-1.462-4.526c-.716 1.069-2.934 2.889-6.254 2.889h-.046c-3.328 0-5.543-1.831-6.254-2.889a1.137 1.137 0 0 1-.273-.574.49.49 0 0 1 .447-.526c.008-.003.014-.003.021-.003.117.006.23.043.328.111a9.137 9.137 0 0 0 5.754 2.056 8.805 8.805 0 0 0 5.76-2.059.461.461 0 0 1 .313-.122c.267 0 .478.213.483.475a1.321 1.321 0 0 1-.268.643h-.011z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M19.736 19.056s.103-.073.267-.198C22.46 16.958 24 14.203 24 11.139 24 5.424 18.627.787 12.003.787 5.377.787 0 5.424 0 11.139c0 5.717 5.371 10.356 11.998 10.356.847 0 1.694-.073 2.524-.228l.262-.045c1.683 1.092 4.139 1.99 6.288 1.99.665 0 .978-.546.552-1.104-.648-.795-1.541-2.068-1.888-3.052zm-1.462-4.526c-.716 1.069-2.934 2.889-6.254 2.889h-.046c-3.328 0-5.543-1.831-6.254-2.889a1.137 1.137 0 0 1-.273-.574.49.49 0 0 1 .447-.526c.008-.003.014-.003.021-.003.117.006.23.043.328.111a9.137 9.137 0 0 0 5.754 2.056 8.805 8.805 0 0 0 5.76-2.059.461.461 0 0 1 .313-.122c.267 0 .478.213.483.475a1.321 1.321 0 0 1-.268.643h-.011z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="html5" data-toggle="tooltip" title="html5">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M1.5 0h21l-1.91 21.563L11.977 24l-8.564-2.438L1.5 0zm7.031 9.75l-.232-2.718 10.059.003.23-2.622L5.412 4.41l.698 8.01h9.126l-.326 3.426-2.91.804-2.955-.81-.188-2.11H6.248l.33 4.171L12 19.351l5.379-1.443.744-8.157H8.531z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M1.5 0h21l-1.91 21.563L11.977 24l-8.564-2.438L1.5 0zm7.031 9.75l-.232-2.718 10.059.003.23-2.622L5.412 4.41l.698 8.01h9.126l-.326 3.426-2.91.804-2.955-.81-.188-2.11H6.248l.33 4.171L12 19.351l5.379-1.443.744-8.157H8.531z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="instagram" data-toggle="tooltip" title="instagram">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913a5.885 5.885 0 0 0 1.384 2.126A5.868 5.868 0 0 0 4.14 23.37c.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558a5.898 5.898 0 0 0 2.126-1.384 5.86 5.86 0 0 0 1.384-2.126c.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913a5.89 5.89 0 0 0-1.384-2.126A5.847 5.847 0 0 0 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227a3.81 3.81 0 0 1-.899 1.382 3.744 3.744 0 0 1-1.38.896c-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421a3.716 3.716 0 0 1-1.379-.899 3.644 3.644 0 0 1-.9-1.38c-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 1 0 0-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405a1.441 1.441 0 0 1-2.88 0 1.44 1.44 0 0 1 2.88 0z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913a5.885 5.885 0 0 0 1.384 2.126A5.868 5.868 0 0 0 4.14 23.37c.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558a5.898 5.898 0 0 0 2.126-1.384 5.86 5.86 0 0 0 1.384-2.126c.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913a5.89 5.89 0 0 0-1.384-2.126A5.847 5.847 0 0 0 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227a3.81 3.81 0 0 1-.899 1.382 3.744 3.744 0 0 1-1.38.896c-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421a3.716 3.716 0 0 1-1.379-.899 3.644 3.644 0 0 1-.9-1.38c-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 1 0 0-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405a1.441 1.441 0 0 1-2.88 0 1.44 1.44 0 0 1 2.88 0z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="invision" data-toggle="tooltip" title="invision">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M21.825 0H2.175C.975 0 0 .975 0 2.175v19.65C0 23.025.975 24 2.175 24h19.65c1.2 0 2.175-.975 2.175-2.175V2.175C24 .975 23.025 0 21.825 0zM8.02 4.667c.798 0 1.468.63 1.468 1.44 0 .82-.67 1.444-1.468 1.444v.027c-.803 0-1.454-.65-1.454-1.455s.65-1.455 1.455-1.455zm9.816 13.815c-1.484 0-2.204-.885-2.204-2.09 0-.346.044-.713.15-1.08l.71-2.545c.088-.28.11-.54.11-.775 0-.82-.5-1.315-1.296-1.315-1.013 0-1.68.727-2.025 2.13l-1.38 5.535H9.487l.432-1.74c-.708 1.166-1.695 1.885-2.91 1.885-1.467 0-2.157-.842-2.157-2.113.004-.365.047-.73.13-1.085v.002l1.1-4.49H4.375l.518-1.905h4.1l-1.62 6.405a4.2 4.2 0 0 0-.15.986c0 .41.202.53.517.604.195.04 1.725.012 2.56-1.84l1.06-4.25H9.637l.52-1.875h3.72l-.48 2.16c.647-1.2 1.937-2.355 3.212-2.355 1.35 0 2.475.975 2.475 2.82a5.26 5.26 0 0 1-.24 1.575l-.69 2.476c-.06.254-.104.465-.104.66 0 .434.18.645.494.645s.735-.24 1.2-1.56l.943.36c-.555 1.964-1.576 2.774-2.85 2.774z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M21.825 0H2.175C.975 0 0 .975 0 2.175v19.65C0 23.025.975 24 2.175 24h19.65c1.2 0 2.175-.975 2.175-2.175V2.175C24 .975 23.025 0 21.825 0zM8.02 4.667c.798 0 1.468.63 1.468 1.44 0 .82-.67 1.444-1.468 1.444v.027c-.803 0-1.454-.65-1.454-1.455s.65-1.455 1.455-1.455zm9.816 13.815c-1.484 0-2.204-.885-2.204-2.09 0-.346.044-.713.15-1.08l.71-2.545c.088-.28.11-.54.11-.775 0-.82-.5-1.315-1.296-1.315-1.013 0-1.68.727-2.025 2.13l-1.38 5.535H9.487l.432-1.74c-.708 1.166-1.695 1.885-2.91 1.885-1.467 0-2.157-.842-2.157-2.113.004-.365.047-.73.13-1.085v.002l1.1-4.49H4.375l.518-1.905h4.1l-1.62 6.405a4.2 4.2 0 0 0-.15.986c0 .41.202.53.517.604.195.04 1.725.012 2.56-1.84l1.06-4.25H9.637l.52-1.875h3.72l-.48 2.16c.647-1.2 1.937-2.355 3.212-2.355 1.35 0 2.475.975 2.475 2.82a5.26 5.26 0 0 1-.24 1.575l-.69 2.476c-.06.254-.104.465-.104.66 0 .434.18.645.494.645s.735-.24 1.2-1.56l.943.36c-.555 1.964-1.576 2.774-2.85 2.774z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="javascript" data-toggle="tooltip" title="javascript">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M0 0h24v24H0V0zm22.034 18.276c-.175-1.095-.888-2.015-3.003-2.873-.736-.345-1.554-.585-1.797-1.14-.091-.33-.105-.51-.046-.705.15-.646.915-.84 1.515-.66.39.12.75.42.976.9 1.034-.676 1.034-.676 1.755-1.125-.27-.42-.404-.601-.586-.78-.63-.705-1.469-1.065-2.834-1.034l-.705.089c-.676.165-1.32.525-1.71 1.005-1.14 1.291-.811 3.541.569 4.471 1.365 1.02 3.361 1.244 3.616 2.205.24 1.17-.87 1.545-1.966 1.41-.811-.18-1.26-.586-1.755-1.336l-1.83 1.051c.21.48.45.689.81 1.109 1.74 1.756 6.09 1.666 6.871-1.004.029-.09.24-.705.074-1.65l.046.067zm-8.983-7.245h-2.248c0 1.938-.009 3.864-.009 5.805 0 1.232.063 2.363-.138 2.711-.33.689-1.18.601-1.566.48-.396-.196-.597-.466-.83-.855-.063-.105-.11-.196-.127-.196l-1.825 1.125c.305.63.75 1.172 1.324 1.517.855.51 2.004.675 3.207.405.783-.226 1.458-.691 1.811-1.411.51-.93.402-2.07.397-3.346.012-2.054 0-4.109 0-6.179l.004-.056z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M0 0h24v24H0V0zm22.034 18.276c-.175-1.095-.888-2.015-3.003-2.873-.736-.345-1.554-.585-1.797-1.14-.091-.33-.105-.51-.046-.705.15-.646.915-.84 1.515-.66.39.12.75.42.976.9 1.034-.676 1.034-.676 1.755-1.125-.27-.42-.404-.601-.586-.78-.63-.705-1.469-1.065-2.834-1.034l-.705.089c-.676.165-1.32.525-1.71 1.005-1.14 1.291-.811 3.541.569 4.471 1.365 1.02 3.361 1.244 3.616 2.205.24 1.17-.87 1.545-1.966 1.41-.811-.18-1.26-.586-1.755-1.336l-1.83 1.051c.21.48.45.689.81 1.109 1.74 1.756 6.09 1.666 6.871-1.004.029-.09.24-.705.074-1.65l.046.067zm-8.983-7.245h-2.248c0 1.938-.009 3.864-.009 5.805 0 1.232.063 2.363-.138 2.711-.33.689-1.18.601-1.566.48-.396-.196-.597-.466-.83-.855-.063-.105-.11-.196-.127-.196l-1.825 1.125c.305.63.75 1.172 1.324 1.517.855.51 2.004.675 3.207.405.783-.226 1.458-.691 1.811-1.411.51-.93.402-2.07.397-3.346.012-2.054 0-4.109 0-6.179l.004-.056z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="kickstarter" data-toggle="tooltip" title="kickstarter">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M9.604 8.18l4.4-6.38C14.838.6 15.91 0 17.231 0c1.072 0 2.002.381 2.789 1.144.783.765 1.176 1.675 1.176 2.738 0 .784-.207 1.479-.624 2.079l-3.967 5.769 4.853 6.153c.484.612.727 1.33.727 2.15 0 1.086-.381 2.018-1.145 2.798-.762.779-1.686 1.169-2.771 1.169-1.189 0-2.097-.387-2.721-1.16l-5.943-7.417v4.089c0 1.168-.202 2.074-.607 2.722C8.261 23.411 7.195 24 5.785 24c-1.282 0-2.276-.436-2.979-1.299-.66-.799-.99-1.856-.99-3.172V4.365c0-1.245.336-2.274 1.004-3.083C3.518.428 4.488 0 5.726 0c1.179 0 2.16.428 2.946 1.282.438.475.715.953.831 1.44.07.3.105.858.105 1.68V8.18h-.004z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M9.604 8.18l4.4-6.38C14.838.6 15.91 0 17.231 0c1.072 0 2.002.381 2.789 1.144.783.765 1.176 1.675 1.176 2.738 0 .784-.207 1.479-.624 2.079l-3.967 5.769 4.853 6.153c.484.612.727 1.33.727 2.15 0 1.086-.381 2.018-1.145 2.798-.762.779-1.686 1.169-2.771 1.169-1.189 0-2.097-.387-2.721-1.16l-5.943-7.417v4.089c0 1.168-.202 2.074-.607 2.722C8.261 23.411 7.195 24 5.785 24c-1.282 0-2.276-.436-2.979-1.299-.66-.799-.99-1.856-.99-3.172V4.365c0-1.245.336-2.274 1.004-3.083C3.518.428 4.488 0 5.726 0c1.179 0 2.16.428 2.946 1.282.438.475.715.953.831 1.44.07.3.105.858.105 1.68V8.18h-.004z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="linkedin" data-toggle="tooltip" title="linkedin">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="medium" data-toggle="tooltip" title="medium">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M0 0v24h24V0H0zm19.938 5.686L18.651 6.92a.376.376 0 0 0-.143.362v9.067a.376.376 0 0 0 .143.361l1.257 1.234v.271h-6.322v-.27l1.302-1.265c.128-.128.128-.165.128-.36V8.99l-3.62 9.195h-.49L6.69 8.99v6.163a.85.85 0 0 0 .233.707l1.694 2.054v.271H3.815v-.27L5.51 15.86a.82.82 0 0 0 .218-.707V8.027a.624.624 0 0 0-.203-.527L4.019 5.686v-.27h4.674l3.613 7.923 3.176-7.924h4.456v.271z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M0 0v24h24V0H0zm19.938 5.686L18.651 6.92a.376.376 0 0 0-.143.362v9.067a.376.376 0 0 0 .143.361l1.257 1.234v.271h-6.322v-.27l1.302-1.265c.128-.128.128-.165.128-.36V8.99l-3.62 9.195h-.49L6.69 8.99v6.163a.85.85 0 0 0 .233.707l1.694 2.054v.271H3.815v-.27L5.51 15.86a.82.82 0 0 0 .218-.707V8.027a.624.624 0 0 0-.203-.527L4.019 5.686v-.27h4.674l3.613 7.923 3.176-7.924h4.456v.271z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="meetup" data-toggle="tooltip" title="meetup">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M23.978 20.238c-.304-1.931-3.874-.444-4.096-2.559-.313-2.998 4.15-9.459 3.797-11.972-.313-2.255-1.841-2.73-3.165-2.756-1.284-.02-1.623.182-2.058.435-.253.146-.612.435-1.112-.041-.334-.318-.557-.536-.905-.819a1.915 1.915 0 0 0-.945-.395c-.476-.071-1.098 0-1.492.167-.395.172-.702.466-1.026.749-.323.283-1.147 1.198-1.911.859-.335-.145-1.458-.706-2.272-1.055-1.563-.677-3.822.42-4.636 1.866C2.944 6.866.557 15.32.193 16.432c-.809 2.502 1.032 4.54 3.509 4.424 1.052-.051 1.75-.43 2.412-1.638.384-.693 3.979-10.087 4.248-10.543.197-.323.844-.753 1.39-.475.551.283.662.869.581 1.421-.136.895-2.669 6.629-2.771 7.275-.162 1.103.359 1.714 1.507 1.774.784.041 1.567-.237 2.184-1.41.349-.652 4.349-8.666 4.702-9.202.39-.586.703-.779 1.103-.758.309.015.799.096.678 1.016-.122.905-3.343 6.78-3.676 8.221-.456 1.927.602 3.874 2.341 4.728 1.112.546 5.97 1.476 5.577-1.027z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M23.978 20.238c-.304-1.931-3.874-.444-4.096-2.559-.313-2.998 4.15-9.459 3.797-11.972-.313-2.255-1.841-2.73-3.165-2.756-1.284-.02-1.623.182-2.058.435-.253.146-.612.435-1.112-.041-.334-.318-.557-.536-.905-.819a1.915 1.915 0 0 0-.945-.395c-.476-.071-1.098 0-1.492.167-.395.172-.702.466-1.026.749-.323.283-1.147 1.198-1.911.859-.335-.145-1.458-.706-2.272-1.055-1.563-.677-3.822.42-4.636 1.866C2.944 6.866.557 15.32.193 16.432c-.809 2.502 1.032 4.54 3.509 4.424 1.052-.051 1.75-.43 2.412-1.638.384-.693 3.979-10.087 4.248-10.543.197-.323.844-.753 1.39-.475.551.283.662.869.581 1.421-.136.895-2.669 6.629-2.771 7.275-.162 1.103.359 1.714 1.507 1.774.784.041 1.567-.237 2.184-1.41.349-.652 4.349-8.666 4.702-9.202.39-.586.703-.779 1.103-.758.309.015.799.096.678 1.016-.122.905-3.343 6.78-3.676 8.221-.456 1.927.602 3.874 2.341 4.728 1.112.546 5.97 1.476 5.577-1.027z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="messenger" data-toggle="tooltip" title="messenger">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M12 0C5.373 0 0 4.974 0 11.111c0 3.498 1.744 6.614 4.469 8.654V24l4.088-2.242c1.092.3 2.246.464 3.443.464 6.627 0 12-4.975 12-11.11S18.627 0 12 0zm1.191 14.963l-3.055-3.26-5.963 3.26L10.732 8l3.131 3.259L19.752 8l-6.561 6.963z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 0C5.373 0 0 4.974 0 11.111c0 3.498 1.744 6.614 4.469 8.654V24l4.088-2.242c1.092.3 2.246.464 3.443.464 6.627 0 12-4.975 12-11.11S18.627 0 12 0zm1.191 14.963l-3.055-3.26-5.963 3.26L10.732 8l3.131 3.259L19.752 8l-6.561 6.963z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="netflix" data-toggle="tooltip" title="netflix">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M5.39.004l4.75 13.46v-.007l.376 1.06c2.088 5.908 3.21 9.075 3.216 9.082.004 0 .32.02.702.04 1.156.05 2.59.18 3.676.31.25.03.466.04.48.03l-4.71-13.36-.436-1.23-2.423-6.85c-.46-1.3-.85-2.408-.87-2.45L10.12 0H5.395zm8.508.008l-.01 5.306-.008 5.306-.437-1.232V9.39l-.565 11.81c.555 1.567.852 2.403.855 2.407.004.004.32.024.702.042 1.157.05 2.59.18 3.68.31.25.03.467.04.48.03s.02-5.42.017-12.01L18.604.01h-4.706zM5.39.002v11.99c0 6.594.007 11.995.015 12.003s.416-.03.907-.086c.49-.06 1.17-.13 1.51-.16.518-.05 2.068-.15 2.248-.15.052 0 .056-.27.063-5.08l.008-5.08.38 1.06.13.376.57-11.8-.19-.546-.88-2.44-.03-.087H5.39z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M5.39.004l4.75 13.46v-.007l.376 1.06c2.088 5.908 3.21 9.075 3.216 9.082.004 0 .32.02.702.04 1.156.05 2.59.18 3.676.31.25.03.466.04.48.03l-4.71-13.36-.436-1.23-2.423-6.85c-.46-1.3-.85-2.408-.87-2.45L10.12 0H5.395zm8.508.008l-.01 5.306-.008 5.306-.437-1.232V9.39l-.565 11.81c.555 1.567.852 2.403.855 2.407.004.004.32.024.702.042 1.157.05 2.59.18 3.68.31.25.03.467.04.48.03s.02-5.42.017-12.01L18.604.01h-4.706zM5.39.002v11.99c0 6.594.007 11.995.015 12.003s.416-.03.907-.086c.49-.06 1.17-.13 1.51-.16.518-.05 2.068-.15 2.248-.15.052 0 .056-.27.063-5.08l.008-5.08.38 1.06.13.376.57-11.8-.19-.546-.88-2.44-.03-.087H5.39z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="pagekit" data-toggle="tooltip" title="pagekit">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M2.401 0v24h9.6v-3.527H5.929V3.526h12.146v13.421h-6.073v3.525H21.6V0H2.401z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M2.401 0v24h9.6v-3.527H5.929V3.526h12.146v13.421h-6.073v3.525H21.6V0H2.401z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="paypal" data-toggle="tooltip" title="paypal">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M6.908 24H3.804c-.664 0-1.086-.529-.936-1.18l.149-.674h2.071c.666 0 1.336-.533 1.482-1.182l1.064-4.592c.15-.648.816-1.18 1.48-1.18h.883c3.789 0 6.734-.779 8.84-2.34s3.16-3.6 3.16-6.135c0-1.125-.195-2.055-.588-2.789 0-.016-.016-.031-.016-.046l.135.075c.75.465 1.32 1.064 1.711 1.814.404.75.598 1.68.598 2.791 0 2.535-1.049 4.574-3.164 6.135-2.1 1.545-5.055 2.324-8.834 2.324h-.9c-.66 0-1.334.525-1.484 1.186L8.39 22.812c-.149.645-.81 1.17-1.47 1.17L6.908 24zm-2.677-2.695H1.126c-.663 0-1.084-.529-.936-1.18L4.563 1.182C4.714.529 5.378 0 6.044 0h6.465c1.395 0 2.609.098 3.648.289 1.035.189 1.92.519 2.684.99.736.465 1.322 1.072 1.697 1.818.389.748.584 1.68.584 2.797 0 2.535-1.051 4.574-3.164 6.119-2.1 1.561-5.056 2.326-8.836 2.326h-.883c-.66 0-1.328.524-1.478 1.169L5.7 20.097c-.149.646-.817 1.172-1.485 1.172l.016.036zm7.446-17.369h-1.014c-.666 0-1.332.529-1.48 1.178l-.93 4.02c-.15.648.27 1.179.93 1.179h.766c1.664 0 2.97-.343 3.9-1.021.929-.686 1.395-1.654 1.395-2.912 0-.83-.301-1.445-.9-1.84-.6-.404-1.5-.605-2.686-.605l.019.001z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M6.908 24H3.804c-.664 0-1.086-.529-.936-1.18l.149-.674h2.071c.666 0 1.336-.533 1.482-1.182l1.064-4.592c.15-.648.816-1.18 1.48-1.18h.883c3.789 0 6.734-.779 8.84-2.34s3.16-3.6 3.16-6.135c0-1.125-.195-2.055-.588-2.789 0-.016-.016-.031-.016-.046l.135.075c.75.465 1.32 1.064 1.711 1.814.404.75.598 1.68.598 2.791 0 2.535-1.049 4.574-3.164 6.135-2.1 1.545-5.055 2.324-8.834 2.324h-.9c-.66 0-1.334.525-1.484 1.186L8.39 22.812c-.149.645-.81 1.17-1.47 1.17L6.908 24zm-2.677-2.695H1.126c-.663 0-1.084-.529-.936-1.18L4.563 1.182C4.714.529 5.378 0 6.044 0h6.465c1.395 0 2.609.098 3.648.289 1.035.189 1.92.519 2.684.99.736.465 1.322 1.072 1.697 1.818.389.748.584 1.68.584 2.797 0 2.535-1.051 4.574-3.164 6.119-2.1 1.561-5.056 2.326-8.836 2.326h-.883c-.66 0-1.328.524-1.478 1.169L5.7 20.097c-.149.646-.817 1.172-1.485 1.172l.016.036zm7.446-17.369h-1.014c-.666 0-1.332.529-1.48 1.178l-.93 4.02c-.15.648.27 1.179.93 1.179h.766c1.664 0 2.97-.343 3.9-1.021.929-.686 1.395-1.654 1.395-2.912 0-.83-.301-1.445-.9-1.84-.6-.404-1.5-.605-2.686-.605l.019.001z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="pinterest" data-toggle="tooltip" title="pinterest">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="producthunt" data-toggle="tooltip" title="producthunt">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M13.604 8.4h-3.405V12h3.405a1.8 1.8 0 1 0 0-3.6zM12 0C5.372 0 0 5.372 0 12s5.372 12 12 12 12-5.372 12-12S18.628 0 12 0zm1.604 14.4h-3.405V18H7.801V6h5.804a4.2 4.2 0 1 1-.001 8.4z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M13.604 8.4h-3.405V12h3.405a1.8 1.8 0 1 0 0-3.6zM12 0C5.372 0 0 5.372 0 12s5.372 12 12 12 12-5.372 12-12S18.628 0 12 0zm1.604 14.4h-3.405V18H7.801V6h5.804a4.2 4.2 0 1 1-.001 8.4z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="rss" data-toggle="tooltip" title="rss">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M19.199 24C19.199 13.467 10.533 4.8 0 4.8V0c13.165 0 24 10.835 24 24h-4.801zM3.291 17.415a3.3 3.3 0 0 1 3.293 3.295A3.303 3.303 0 0 1 3.283 24C1.47 24 0 22.526 0 20.71s1.475-3.294 3.291-3.295zM15.909 24h-4.665c0-6.169-5.075-11.245-11.244-11.245V8.09c8.727 0 15.909 7.184 15.909 15.91z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M19.199 24C19.199 13.467 10.533 4.8 0 4.8V0c13.165 0 24 10.835 24 24h-4.801zM3.291 17.415a3.3 3.3 0 0 1 3.293 3.295A3.303 3.303 0 0 1 3.283 24C1.47 24 0 22.526 0 20.71s1.475-3.294 3.291-3.295zM15.909 24h-4.665c0-6.169-5.075-11.245-11.244-11.245V8.09c8.727 0 15.909 7.184 15.909 15.91z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="sass" data-toggle="tooltip" title="sass">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zM9.615 15.998c.175.645.156 1.248-.024 1.792l-.065.18c-.024.061-.052.12-.078.176-.14.29-.326.56-.555.81-.698.759-1.672 1.047-2.09.805-.45-.262-.226-1.335.584-2.19.871-.918 2.12-1.509 2.12-1.509v-.003l.108-.061zm9.911-10.861c-.542-2.133-4.077-2.834-7.422-1.645-1.989.707-4.144 1.818-5.693 3.267C4.568 8.48 4.275 9.98 4.396 10.607c.427 2.211 3.457 3.657 4.703 4.73v.006c-.367.18-3.056 1.529-3.686 2.925-.675 1.47.105 2.521.615 2.655 1.575.436 3.195-.36 4.065-1.649.84-1.261.766-2.881.404-3.676.496-.135 1.08-.195 1.83-.104 2.101.24 2.521 1.56 2.43 2.1-.09.539-.523.854-.674.944-.15.091-.195.12-.181.181.015.09.091.09.21.075.165-.03 1.096-.45 1.141-1.471.045-1.29-1.186-2.729-3.375-2.7-.9.016-1.471.091-1.875.256a.362.362 0 0 0-.105-.105c-1.35-1.455-3.855-2.475-3.75-4.41.03-.705.285-2.564 4.8-4.814 3.705-1.846 6.661-1.335 7.171-.21.733 1.604-1.576 4.59-5.431 5.024-1.47.165-2.235-.404-2.431-.615-.209-.225-.239-.24-.314-.194-.12.06-.045.255 0 .375.12.3.585.825 1.396 1.095.704.225 2.43.359 4.5-.45 2.324-.899 4.139-3.405 3.614-5.505l.073.067z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zM9.615 15.998c.175.645.156 1.248-.024 1.792l-.065.18c-.024.061-.052.12-.078.176-.14.29-.326.56-.555.81-.698.759-1.672 1.047-2.09.805-.45-.262-.226-1.335.584-2.19.871-.918 2.12-1.509 2.12-1.509v-.003l.108-.061zm9.911-10.861c-.542-2.133-4.077-2.834-7.422-1.645-1.989.707-4.144 1.818-5.693 3.267C4.568 8.48 4.275 9.98 4.396 10.607c.427 2.211 3.457 3.657 4.703 4.73v.006c-.367.18-3.056 1.529-3.686 2.925-.675 1.47.105 2.521.615 2.655 1.575.436 3.195-.36 4.065-1.649.84-1.261.766-2.881.404-3.676.496-.135 1.08-.195 1.83-.104 2.101.24 2.521 1.56 2.43 2.1-.09.539-.523.854-.674.944-.15.091-.195.12-.181.181.015.09.091.09.21.075.165-.03 1.096-.45 1.141-1.471.045-1.29-1.186-2.729-3.375-2.7-.9.016-1.471.091-1.875.256a.362.362 0 0 0-.105-.105c-1.35-1.455-3.855-2.475-3.75-4.41.03-.705.285-2.564 4.8-4.814 3.705-1.846 6.661-1.335 7.171-.21.733 1.604-1.576 4.59-5.431 5.024-1.47.165-2.235-.404-2.431-.615-.209-.225-.239-.24-.314-.194-.12.06-.045.255 0 .375.12.3.585.825 1.396 1.095.704.225 2.43.359 4.5-.45 2.324-.899 4.139-3.405 3.614-5.505l.073.067z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="sentry" data-toggle="tooltip" title="sentry">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M23.663 21.572c.449-.748.449-1.496 0-2.244l-9.72-16.897c-.447-.747-1.195-1.048-1.943-1.048s-1.495.449-1.943 1.048L6.916 7.963l.748.449a14.814 14.814 0 0 1 5.682 5.682c1.197 2.094 1.944 4.336 2.094 6.73h-2.243a13.315 13.315 0 0 0-1.794-5.684c-1.047-2.093-2.692-3.738-4.785-4.935l-.749-.447-2.99 5.084.747.449c1.944 1.195 3.29 3.139 3.589 5.383H2.28c-.149 0-.3-.15-.3-.15s-.148-.15 0-.299l1.348-2.393c-.449-.447-1.048-.748-1.646-.896L.336 19.329c-.449.748-.449 1.496 0 2.244.448.746 1.046 1.045 1.943 1.045h6.879v-.896c0-1.645-.449-3.141-1.196-4.637-.599-1.195-1.496-2.093-2.542-2.84L6.467 12.3c1.347 1.046 2.543 2.243 3.439 3.739 1.047 1.793 1.496 3.738 1.496 5.682v.896h5.831v-.896c0-2.99-.747-5.982-2.392-8.673-1.197-2.394-3.141-4.337-5.385-5.833L11.7 3.328c.151-.15.3-.15.3-.15.15 0 .15 0 .299.15l9.721 16.896c.148.148 0 .299 0 .299s-.15.15-.3.15h-2.243v1.795h2.243c.896.149 1.495-.15 1.943-.896z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M23.663 21.572c.449-.748.449-1.496 0-2.244l-9.72-16.897c-.447-.747-1.195-1.048-1.943-1.048s-1.495.449-1.943 1.048L6.916 7.963l.748.449a14.814 14.814 0 0 1 5.682 5.682c1.197 2.094 1.944 4.336 2.094 6.73h-2.243a13.315 13.315 0 0 0-1.794-5.684c-1.047-2.093-2.692-3.738-4.785-4.935l-.749-.447-2.99 5.084.747.449c1.944 1.195 3.29 3.139 3.589 5.383H2.28c-.149 0-.3-.15-.3-.15s-.148-.15 0-.299l1.348-2.393c-.449-.447-1.048-.748-1.646-.896L.336 19.329c-.449.748-.449 1.496 0 2.244.448.746 1.046 1.045 1.943 1.045h6.879v-.896c0-1.645-.449-3.141-1.196-4.637-.599-1.195-1.496-2.093-2.542-2.84L6.467 12.3c1.347 1.046 2.543 2.243 3.439 3.739 1.047 1.793 1.496 3.738 1.496 5.682v.896h5.831v-.896c0-2.99-.747-5.982-2.392-8.673-1.197-2.394-3.141-4.337-5.385-5.833L11.7 3.328c.151-.15.3-.15.3-.15.15 0 .15 0 .299.15l9.721 16.896c.148.148 0 .299 0 .299s-.15.15-.3.15h-2.243v1.795h2.243c.896.149 1.495-.15 1.943-.896z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="skype" data-toggle="tooltip" title="skype">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M12.069 18.874c-4.023 0-5.82-1.979-5.82-3.464 0-.765.561-1.296 1.333-1.296 1.723 0 1.273 2.477 4.487 2.477 1.641 0 2.55-.895 2.55-1.811 0-.551-.269-1.16-1.354-1.429l-3.576-.895c-2.88-.724-3.403-2.286-3.403-3.751 0-3.047 2.861-4.191 5.549-4.191 2.471 0 5.393 1.373 5.393 3.199 0 .784-.688 1.24-1.453 1.24-1.469 0-1.198-2.037-4.164-2.037-1.469 0-2.292.664-2.292 1.617s1.153 1.258 2.157 1.487l2.637.587c2.891.649 3.624 2.346 3.624 3.944 0 2.476-1.902 4.324-5.722 4.324m11.084-4.882l-.029.135-.044-.24c.015.045.044.074.059.12.12-.675.181-1.363.181-2.052a11.32 11.32 0 0 0-3.325-8.016 11.481 11.481 0 0 0-3.595-2.426c-1.318-.631-2.801-.93-4.328-.93-.72 0-1.444.07-2.143.204l.119.06-.239-.033.119-.025A6.667 6.667 0 0 0 6.731 0c-1.789 0-3.47.698-4.736 1.967A6.68 6.68 0 0 0 .032 6.716c0 1.143.292 2.265.844 3.258l.02-.124.041.239-.06-.115a11.411 11.411 0 0 0 .712 6.371 10.929 10.929 0 0 0 2.427 3.609 11.326 11.326 0 0 0 3.595 2.442c1.394.6 2.877.898 4.404.898.659 0 1.334-.06 1.977-.179l-.119-.062.24.046-.135.03a6.642 6.642 0 0 0 3.294.871 6.64 6.64 0 0 0 4.733-1.963 6.683 6.683 0 0 0 1.962-4.749 6.772 6.772 0 0 0-.853-3.266"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12.069 18.874c-4.023 0-5.82-1.979-5.82-3.464 0-.765.561-1.296 1.333-1.296 1.723 0 1.273 2.477 4.487 2.477 1.641 0 2.55-.895 2.55-1.811 0-.551-.269-1.16-1.354-1.429l-3.576-.895c-2.88-.724-3.403-2.286-3.403-3.751 0-3.047 2.861-4.191 5.549-4.191 2.471 0 5.393 1.373 5.393 3.199 0 .784-.688 1.24-1.453 1.24-1.469 0-1.198-2.037-4.164-2.037-1.469 0-2.292.664-2.292 1.617s1.153 1.258 2.157 1.487l2.637.587c2.891.649 3.624 2.346 3.624 3.944 0 2.476-1.902 4.324-5.722 4.324m11.084-4.882l-.029.135-.044-.24c.015.045.044.074.059.12.12-.675.181-1.363.181-2.052a11.32 11.32 0 0 0-3.325-8.016 11.481 11.481 0 0 0-3.595-2.426c-1.318-.631-2.801-.93-4.328-.93-.72 0-1.444.07-2.143.204l.119.06-.239-.033.119-.025A6.667 6.667 0 0 0 6.731 0c-1.789 0-3.47.698-4.736 1.967A6.68 6.68 0 0 0 .032 6.716c0 1.143.292 2.265.844 3.258l.02-.124.041.239-.06-.115a11.411 11.411 0 0 0 .712 6.371 10.929 10.929 0 0 0 2.427 3.609 11.326 11.326 0 0 0 3.595 2.442c1.394.6 2.877.898 4.404.898.659 0 1.334-.06 1.977-.179l-.119-.062.24.046-.135.03a6.642 6.642 0 0 0 3.294.871 6.64 6.64 0 0 0 4.733-1.963 6.683 6.683 0 0 0 1.962-4.749 6.772 6.772 0 0 0-.853-3.266"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="slack" data-toggle="tooltip" title="slack">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zm1.271 0a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zm0 1.271a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zm10.122 2.521a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zm-1.268 0a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zm-2.523 10.122a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zm0-1.268a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zm1.271 0a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zm0 1.271a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zm10.122 2.521a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zm-1.268 0a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zm-2.523 10.122a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zm0-1.268a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="snapchat" data-toggle="tooltip" title="snapchat">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M12.206.793c.99 0 4.347.276 5.93 3.821.529 1.193.403 3.219.299 4.847l-.003.06c-.012.18-.022.345-.03.51.075.045.203.09.401.09.3-.016.659-.12 1.033-.301a.996.996 0 0 1 .464-.104c.182 0 .359.029.509.09.45.149.734.479.734.838.015.449-.39.839-1.213 1.168-.089.029-.209.075-.344.119-.45.135-1.139.36-1.333.81-.09.224-.061.524.12.868l.015.015c.06.136 1.526 3.475 4.791 4.014.255.044.435.27.42.509a.606.606 0 0 1-.045.225c-.24.569-1.273.988-3.146 1.271-.059.091-.12.375-.164.57-.029.179-.074.36-.134.553-.076.271-.27.405-.555.405h-.03a3.19 3.19 0 0 1-.538-.074 6.034 6.034 0 0 0-1.273-.135c-.3 0-.599.015-.913.074-.6.104-1.123.464-1.723.884-.853.599-1.826 1.288-3.294 1.288-.06 0-.119-.015-.18-.015h-.149c-1.468 0-2.427-.675-3.279-1.288-.599-.42-1.107-.779-1.707-.884a6.623 6.623 0 0 0-.928-.074c-.54 0-.958.089-1.272.149a2.879 2.879 0 0 1-.54.074c-.374 0-.523-.224-.583-.42-.061-.192-.09-.389-.135-.567-.046-.181-.105-.494-.166-.57-1.918-.222-2.95-.642-3.189-1.226a.6.6 0 0 1-.055-.225.496.496 0 0 1 .42-.509c3.264-.54 4.73-3.879 4.791-4.02l.016-.029c.18-.345.224-.645.119-.869-.195-.434-.884-.658-1.332-.809a2.233 2.233 0 0 1-.346-.119c-1.107-.435-1.257-.93-1.197-1.273.09-.479.674-.793 1.168-.793.146 0 .27.029.383.074.42.194.789.3 1.104.3.234 0 .384-.06.465-.105l-.046-.569c-.098-1.626-.225-3.651.307-4.837C7.392 1.077 10.739.807 11.727.807l.419-.015h.06z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12.206.793c.99 0 4.347.276 5.93 3.821.529 1.193.403 3.219.299 4.847l-.003.06c-.012.18-.022.345-.03.51.075.045.203.09.401.09.3-.016.659-.12 1.033-.301a.996.996 0 0 1 .464-.104c.182 0 .359.029.509.09.45.149.734.479.734.838.015.449-.39.839-1.213 1.168-.089.029-.209.075-.344.119-.45.135-1.139.36-1.333.81-.09.224-.061.524.12.868l.015.015c.06.136 1.526 3.475 4.791 4.014.255.044.435.27.42.509a.606.606 0 0 1-.045.225c-.24.569-1.273.988-3.146 1.271-.059.091-.12.375-.164.57-.029.179-.074.36-.134.553-.076.271-.27.405-.555.405h-.03a3.19 3.19 0 0 1-.538-.074 6.034 6.034 0 0 0-1.273-.135c-.3 0-.599.015-.913.074-.6.104-1.123.464-1.723.884-.853.599-1.826 1.288-3.294 1.288-.06 0-.119-.015-.18-.015h-.149c-1.468 0-2.427-.675-3.279-1.288-.599-.42-1.107-.779-1.707-.884a6.623 6.623 0 0 0-.928-.074c-.54 0-.958.089-1.272.149a2.879 2.879 0 0 1-.54.074c-.374 0-.523-.224-.583-.42-.061-.192-.09-.389-.135-.567-.046-.181-.105-.494-.166-.57-1.918-.222-2.95-.642-3.189-1.226a.6.6 0 0 1-.055-.225.496.496 0 0 1 .42-.509c3.264-.54 4.73-3.879 4.791-4.02l.016-.029c.18-.345.224-.645.119-.869-.195-.434-.884-.658-1.332-.809a2.233 2.233 0 0 1-.346-.119c-1.107-.435-1.257-.93-1.197-1.273.09-.479.674-.793 1.168-.793.146 0 .27.029.383.074.42.194.789.3 1.104.3.234 0 .384-.06.465-.105l-.046-.569c-.098-1.626-.225-3.651.307-4.837C7.392 1.077 10.739.807 11.727.807l.419-.015h.06z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="spotify" data-toggle="tooltip" title="spotify">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="strava" data-toggle="tooltip" title="strava">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.598h4.172L10.463 0l-7 13.828h4.169"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.598h4.172L10.463 0l-7 13.828h4.169"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="stripe" data-toggle="tooltip" title="stripe">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M13.976 9.15c-2.172-.806-3.356-1.426-3.356-2.409 0-.831.683-1.305 1.901-1.305 2.227 0 4.515.858 6.09 1.631l.89-5.494C18.252.975 15.697 0 12.165 0 9.667 0 7.589.654 6.104 1.872 4.56 3.147 3.757 4.992 3.757 7.218c0 4.039 2.467 5.76 6.476 7.219 2.585.92 3.445 1.574 3.445 2.583 0 .98-.84 1.545-2.354 1.545-1.875 0-4.965-.921-6.99-2.109l-.9 5.555C5.175 22.99 8.385 24 11.714 24c2.641 0 4.843-.624 6.328-1.813 1.664-1.305 2.525-3.236 2.525-5.732 0-4.128-2.524-5.851-6.594-7.305h.003z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M13.976 9.15c-2.172-.806-3.356-1.426-3.356-2.409 0-.831.683-1.305 1.901-1.305 2.227 0 4.515.858 6.09 1.631l.89-5.494C18.252.975 15.697 0 12.165 0 9.667 0 7.589.654 6.104 1.872 4.56 3.147 3.757 4.992 3.757 7.218c0 4.039 2.467 5.76 6.476 7.219 2.585.92 3.445 1.574 3.445 2.583 0 .98-.84 1.545-2.354 1.545-1.875 0-4.965-.921-6.99-2.109l-.9 5.555C5.175 22.99 8.385 24 11.714 24c2.641 0 4.843-.624 6.328-1.813 1.664-1.305 2.525-3.236 2.525-5.732 0-4.128-2.524-5.851-6.594-7.305h.003z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="tabler" data-toggle="tooltip" title="tabler">
-                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-md" fill="currentColor"><path d="M23.5 5.3C22.9 3 21 1.1 18.7.5 14.3-.2 9.8-.2 5.4.5 3 1.1 1.1 3 .5 5.3c-.7 4.4-.7 8.9 0 13.3.6 2.4 2.5 4.3 4.8 4.9 4.4.7 8.9.7 13.3 0 2.4-.6 4.2-2.4 4.8-4.8.8-4.5.8-8.9.1-13.4zm-11.8 7.6c-1 1.6-2.5 3.1-4.2 4.1-.6.3-1.2.3-1.8 0s-.9-.9-.9-1.5.3-1.2.9-1.5c.9-.5 1.6-1.2 2.3-2-.7-.8-1.4-1.4-2.3-2-.8-.5-1.1-1.6-.6-2.4S6.7 6.5 7.5 7c1.7 1 3.1 2.4 4.2 4.1.4.5.4 1.2 0 1.8zm6 3.6h-4.3c-.8 0-1.4-.4-1.4-1.1 0-.7.6-1.1 1.4-1.1h4.3c.8 0 1.4.4 1.4 1.1 0 .7-.6 1.1-1.4 1.1z"/></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" fill="currentColor"><path d="M23.5 5.3C22.9 3 21 1.1 18.7.5 14.3-.2 9.8-.2 5.4.5 3 1.1 1.1 3 .5 5.3c-.7 4.4-.7 8.9 0 13.3.6 2.4 2.5 4.3 4.8 4.9 4.4.7 8.9.7 13.3 0 2.4-.6 4.2-2.4 4.8-4.8.8-4.5.8-8.9.1-13.4zm-11.8 7.6c-1 1.6-2.5 3.1-4.2 4.1-.6.3-1.2.3-1.8 0s-.9-.9-.9-1.5.3-1.2.9-1.5c.9-.5 1.6-1.2 2.3-2-.7-.8-1.4-1.4-2.3-2-.8-.5-1.1-1.6-.6-2.4S6.7 6.5 7.5 7c1.7 1 3.1 2.4 4.2 4.1.4.5.4 1.2 0 1.8zm6 3.6h-4.3c-.8 0-1.4-.4-1.4-1.1 0-.7.6-1.1 1.4-1.1h4.3c.8 0 1.4.4 1.4 1.1 0 .7-.6 1.1-1.4 1.1z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="telegram" data-toggle="tooltip" title="telegram">
-                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-md" fill="currentColor"><path d="M23.91 3.79L20.3 20.84c-.25 1.21-.98 1.5-2 .94l-5.5-4.07-2.66 2.57c-.3.3-.55.56-1.1.56-.72 0-.6-.27-.84-.95L6.3 13.7.85 12c-1.18-.35-1.19-1.16.26-1.75l21.26-8.2c.97-.43 1.9.24 1.53 1.73z"/></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" fill="currentColor"><path d="M23.91 3.79L20.3 20.84c-.25 1.21-.98 1.5-2 .94l-5.5-4.07-2.66 2.57c-.3.3-.55.56-1.1.56-.72 0-.6-.27-.84-.95L6.3 13.7.85 12c-1.18-.35-1.19-1.16.26-1.75l21.26-8.2c.97-.43 1.9.24 1.53 1.73z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="tumblr" data-toggle="tooltip" title="tumblr">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M14.563 24c-5.093 0-7.031-3.756-7.031-6.411V9.747H5.116V6.648c3.63-1.313 4.512-4.596 4.71-6.469C9.84.051 9.941 0 9.999 0h3.517v6.114h4.801v3.633h-4.82v7.47c.016 1.001.375 2.371 2.207 2.371h.09c.631-.02 1.486-.205 1.936-.419l1.156 3.425c-.436.636-2.4 1.374-4.156 1.404h-.178l.011.002z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M14.563 24c-5.093 0-7.031-3.756-7.031-6.411V9.747H5.116V6.648c3.63-1.313 4.512-4.596 4.71-6.469C9.84.051 9.941 0 9.999 0h3.517v6.114h4.801v3.633h-4.82v7.47c.016 1.001.375 2.371 2.207 2.371h.09c.631-.02 1.486-.205 1.936-.419l1.156 3.425c-.436.636-2.4 1.374-4.156 1.404h-.178l.011.002z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="twitter" data-toggle="tooltip" title="twitter">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M23.954 4.569a10 10 0 0 1-2.825.775 4.958 4.958 0 0 0 2.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.691 8.094 4.066 6.13 1.64 3.161a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.061a4.923 4.923 0 0 0 3.946 4.827 4.996 4.996 0 0 1-2.212.085 4.937 4.937 0 0 0 4.604 3.417 9.868 9.868 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63a9.936 9.936 0 0 0 2.46-2.548l-.047-.02z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M23.954 4.569a10 10 0 0 1-2.825.775 4.958 4.958 0 0 0 2.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.691 8.094 4.066 6.13 1.64 3.161a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.061a4.923 4.923 0 0 0 3.946 4.827 4.996 4.996 0 0 1-2.212.085 4.937 4.937 0 0 0 4.604 3.417 9.868 9.868 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63a9.936 9.936 0 0 0 2.46-2.548l-.047-.02z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="typescript" data-toggle="tooltip" title="typescript">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M0 12v12h24V0H0zm19.341-.956c.61.152 1.074.423 1.501.865.221.236.549.666.575.77.008.03-1.036.73-1.668 1.123-.023.015-.115-.084-.217-.236-.31-.45-.633-.644-1.128-.678-.728-.05-1.196.331-1.192.967a.88.88 0 0 0 .102.45c.16.331.458.53 1.39.933 1.719.74 2.454 1.227 2.911 1.92.51.773.625 2.008.278 2.926-.38.998-1.325 1.676-2.655 1.9-.411.073-1.386.062-1.828-.018-.964-.172-1.878-.648-2.442-1.273-.221-.243-.652-.88-.625-.925a1.58 1.58 0 0 1 .22-.141c.108-.061.511-.294.892-.515l.69-.4.145.214c.202.308.643.731.91.872.766.404 1.817.347 2.335-.118a.883.883 0 0 0 .313-.72c0-.278-.035-.4-.18-.61-.186-.266-.567-.49-1.649-.96-1.238-.533-1.771-.864-2.259-1.39a3.165 3.165 0 0 1-.659-1.2c-.091-.339-.114-1.189-.042-1.531.255-1.197 1.158-2.03 2.461-2.278.423-.08 1.406-.05 1.821.053zm-5.634 1.002l.008.983H10.59v8.876H8.38v-8.876H5.258v-.964c0-.534.011-.98.026-.99.012-.016 1.913-.024 4.217-.02l4.195.012z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M0 12v12h24V0H0zm19.341-.956c.61.152 1.074.423 1.501.865.221.236.549.666.575.77.008.03-1.036.73-1.668 1.123-.023.015-.115-.084-.217-.236-.31-.45-.633-.644-1.128-.678-.728-.05-1.196.331-1.192.967a.88.88 0 0 0 .102.45c.16.331.458.53 1.39.933 1.719.74 2.454 1.227 2.911 1.92.51.773.625 2.008.278 2.926-.38.998-1.325 1.676-2.655 1.9-.411.073-1.386.062-1.828-.018-.964-.172-1.878-.648-2.442-1.273-.221-.243-.652-.88-.625-.925a1.58 1.58 0 0 1 .22-.141c.108-.061.511-.294.892-.515l.69-.4.145.214c.202.308.643.731.91.872.766.404 1.817.347 2.335-.118a.883.883 0 0 0 .313-.72c0-.278-.035-.4-.18-.61-.186-.266-.567-.49-1.649-.96-1.238-.533-1.771-.864-2.259-1.39a3.165 3.165 0 0 1-.659-1.2c-.091-.339-.114-1.189-.042-1.531.255-1.197 1.158-2.03 2.461-2.278.423-.08 1.406-.05 1.821.053zm-5.634 1.002l.008.983H10.59v8.876H8.38v-8.876H5.258v-.964c0-.534.011-.98.026-.99.012-.016 1.913-.024 4.217-.02l4.195.012z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="uber" data-toggle="tooltip" title="uber">
-                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-md" fill="currentColor"><path d="M11.97.006A11.995 11.995 0 0 0 .034 10.801H8.37v-1.8a.6.6 0 0 1 .6-.599h5.997c.334 0 .6.268.6.6v5.997a.6.6 0 0 1-.599.6h-6a.599.599 0 0 1-.598-.6V13.2H.035c.663 6.592 6.543 11.397 13.134 10.735 6.592-.663 11.397-6.543 10.734-13.134A11.994 11.994 0 0 0 11.97.006z"/></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" fill="currentColor"><path d="M11.97.006A11.995 11.995 0 0 0 .034 10.801H8.37v-1.8a.6.6 0 0 1 .6-.599h5.997c.334 0 .6.268.6.6v5.997a.6.6 0 0 1-.599.6h-6a.599.599 0 0 1-.598-.6V13.2H.035c.663 6.592 6.543 11.397 13.134 10.735 6.592-.663 11.397-6.543 10.734-13.134A11.994 11.994 0 0 0 11.97.006z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="uikit" data-toggle="tooltip" title="uikit">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M17.697 3.292l-4.109 2.489 4.738 2.696v7.077l-6.365 3.538-6.258-3.538v-5.485L1.596 7.956V18l10.219 6 10.589-6V6.002l-4.707-2.71zm-1.904-.989L11.813 0 7.665 2.568l4.032 2.218 4.096-2.483z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M17.697 3.292l-4.109 2.489 4.738 2.696v7.077l-6.365 3.538-6.258-3.538v-5.485L1.596 7.956V18l10.219 6 10.589-6V6.002l-4.707-2.71zm-1.904-.989L11.813 0 7.665 2.568l4.032 2.218 4.096-2.483z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="vimeo" data-toggle="tooltip" title="vimeo">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M23.977 6.416c-.105 2.338-1.739 5.543-4.894 9.609-3.268 4.247-6.026 6.37-8.29 6.37-1.409 0-2.578-1.294-3.553-3.881L5.322 11.4C4.603 8.816 3.834 7.522 3.01 7.522c-.179 0-.806.378-1.881 1.132L0 7.197a315.065 315.065 0 0 0 3.501-3.128C5.08 2.701 6.266 1.984 7.055 1.91c1.867-.18 3.016 1.1 3.447 3.838.465 2.953.789 4.789.971 5.507.539 2.45 1.131 3.674 1.776 3.674.502 0 1.256-.796 2.265-2.385 1.004-1.589 1.54-2.797 1.612-3.628.144-1.371-.395-2.061-1.614-2.061-.574 0-1.167.121-1.777.391 1.186-3.868 3.434-5.757 6.762-5.637 2.473.06 3.628 1.664 3.493 4.797l-.013.01z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M23.977 6.416c-.105 2.338-1.739 5.543-4.894 9.609-3.268 4.247-6.026 6.37-8.29 6.37-1.409 0-2.578-1.294-3.553-3.881L5.322 11.4C4.603 8.816 3.834 7.522 3.01 7.522c-.179 0-.806.378-1.881 1.132L0 7.197a315.065 315.065 0 0 0 3.501-3.128C5.08 2.701 6.266 1.984 7.055 1.91c1.867-.18 3.016 1.1 3.447 3.838.465 2.953.789 4.789.971 5.507.539 2.45 1.131 3.674 1.776 3.674.502 0 1.256-.796 2.265-2.385 1.004-1.589 1.54-2.797 1.612-3.628.144-1.371-.395-2.061-1.614-2.061-.574 0-1.167.121-1.777.391 1.186-3.868 3.434-5.757 6.762-5.637 2.473.06 3.628 1.664 3.493 4.797l-.013.01z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="vk" data-toggle="tooltip" title="vk">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M11.701 18.771h1.437s.433-.047.654-.284c.21-.221.21-.63.21-.63s-.031-1.927.869-2.21c.887-.281 2.012 1.86 3.211 2.683.916.629 1.605.494 1.605.494l3.211-.044s1.682-.105.887-1.426c-.061-.105-.451-.975-2.371-2.76-2.012-1.861-1.742-1.561.676-4.787 1.469-1.965 2.07-3.166 1.875-3.676-.166-.48-1.26-.361-1.26-.361l-3.602.031s-.27-.031-.465.09c-.195.119-.314.391-.314.391s-.572 1.529-1.336 2.82c-1.623 2.729-2.268 2.879-2.523 2.699-.604-.391-.449-1.58-.449-2.432 0-2.641.404-3.75-.781-4.035-.39-.091-.681-.15-1.685-.166-1.29-.014-2.378.01-2.995.311-.405.203-.72.652-.539.675.24.03.779.146 1.064.537.375.506.359 1.636.359 1.636s.211 3.116-.494 3.503c-.495.262-1.155-.28-2.595-2.756-.735-1.26-1.291-2.67-1.291-2.67s-.105-.256-.299-.406c-.227-.165-.557-.225-.557-.225l-3.435.03s-.51.016-.689.24c-.166.195-.016.615-.016.615s2.686 6.287 5.732 9.453c2.79 2.902 5.956 2.715 5.956 2.715l-.05-.055z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M11.701 18.771h1.437s.433-.047.654-.284c.21-.221.21-.63.21-.63s-.031-1.927.869-2.21c.887-.281 2.012 1.86 3.211 2.683.916.629 1.605.494 1.605.494l3.211-.044s1.682-.105.887-1.426c-.061-.105-.451-.975-2.371-2.76-2.012-1.861-1.742-1.561.676-4.787 1.469-1.965 2.07-3.166 1.875-3.676-.166-.48-1.26-.361-1.26-.361l-3.602.031s-.27-.031-.465.09c-.195.119-.314.391-.314.391s-.572 1.529-1.336 2.82c-1.623 2.729-2.268 2.879-2.523 2.699-.604-.391-.449-1.58-.449-2.432 0-2.641.404-3.75-.781-4.035-.39-.091-.681-.15-1.685-.166-1.29-.014-2.378.01-2.995.311-.405.203-.72.652-.539.675.24.03.779.146 1.064.537.375.506.359 1.636.359 1.636s.211 3.116-.494 3.503c-.495.262-1.155-.28-2.595-2.756-.735-1.26-1.291-2.67-1.291-2.67s-.105-.256-.299-.406c-.227-.165-.557-.225-.557-.225l-3.435.03s-.51.016-.689.24c-.166.195-.016.615-.016.615s2.686 6.287 5.732 9.453c2.79 2.902 5.956 2.715 5.956 2.715l-.05-.055z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="wechat" data-toggle="tooltip" title="wechat">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M23.541 12.748c-.609-1.38-1.758-2.476-3.092-3.151-2.354-1.192-5.281-1.185-7.629.03-1.631.837-2.993 2.337-3.379 4.162-.318 1.344-.033 2.791.68 3.961 1.061 1.762 2.979 2.887 4.971 3.248 1.443.293 2.936.119 4.338-.285.842.326 1.592.854 2.408 1.246a52.471 52.471 0 0 0-.676-2.102c.916-.65 1.746-1.461 2.244-2.479.744-1.415.789-3.171.135-4.63zm-9.924-9.466c-2.495-1.404-5.602-1.615-8.286-.645-1.764.635-3.36 1.815-4.346 3.42-.895 1.45-1.23 3.258-.799 4.917.433 1.84 1.711 3.383 3.262 4.413-.3.85-.585 1.699-.855 2.555.975-.51 1.95-1.043 2.926-1.561 1.17.375 2.415.559 3.66.518a6.159 6.159 0 0 1-.255-2.951c.225-1.371.975-2.625 1.994-3.554 1.726-1.615 4.171-2.296 6.496-2.131-.436-2.135-1.936-3.939-3.824-4.98h.027zm1.733 9.989c-.209.652-1.156.848-1.615.352-.506-.459-.309-1.418.355-1.623.734-.31 1.582.537 1.26 1.271zm4.795.092c-.256.586-1.141.723-1.576.27-.209-.191-.27-.479-.344-.73.104-.458.42-.933.93-.955.705-.098 1.336.773.975 1.416h.015zM12.99 6.909c.008.961-1.275 1.561-1.995.909-.747-.535-.535-1.837.342-2.106.785-.315 1.713.344 1.651 1.185l.002.012zm-6.059.244c-.172.835-1.291 1.238-1.946.678-.759-.535-.546-1.861.345-2.131.873-.336 1.865.55 1.601 1.453z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M23.541 12.748c-.609-1.38-1.758-2.476-3.092-3.151-2.354-1.192-5.281-1.185-7.629.03-1.631.837-2.993 2.337-3.379 4.162-.318 1.344-.033 2.791.68 3.961 1.061 1.762 2.979 2.887 4.971 3.248 1.443.293 2.936.119 4.338-.285.842.326 1.592.854 2.408 1.246a52.471 52.471 0 0 0-.676-2.102c.916-.65 1.746-1.461 2.244-2.479.744-1.415.789-3.171.135-4.63zm-9.924-9.466c-2.495-1.404-5.602-1.615-8.286-.645-1.764.635-3.36 1.815-4.346 3.42-.895 1.45-1.23 3.258-.799 4.917.433 1.84 1.711 3.383 3.262 4.413-.3.85-.585 1.699-.855 2.555.975-.51 1.95-1.043 2.926-1.561 1.17.375 2.415.559 3.66.518a6.159 6.159 0 0 1-.255-2.951c.225-1.371.975-2.625 1.994-3.554 1.726-1.615 4.171-2.296 6.496-2.131-.436-2.135-1.936-3.939-3.824-4.98h.027zm1.733 9.989c-.209.652-1.156.848-1.615.352-.506-.459-.309-1.418.355-1.623.734-.31 1.582.537 1.26 1.271zm4.795.092c-.256.586-1.141.723-1.576.27-.209-.191-.27-.479-.344-.73.104-.458.42-.933.93-.955.705-.098 1.336.773.975 1.416h.015zM12.99 6.909c.008.961-1.275 1.561-1.995.909-.747-.535-.535-1.837.342-2.106.785-.315 1.713.344 1.651 1.185l.002.012zm-6.059.244c-.172.835-1.291 1.238-1.946.678-.759-.535-.546-1.861.345-2.131.873-.336 1.865.55 1.601 1.453z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="whatsapp" data-toggle="tooltip" title="whatsapp">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M17.498 14.382c-.301-.15-1.767-.867-2.04-.966-.273-.101-.473-.15-.673.15-.197.295-.771.964-.944 1.162-.175.195-.349.21-.646.075-.3-.15-1.263-.465-2.403-1.485-.888-.795-1.484-1.77-1.66-2.07-.174-.3-.019-.465.13-.615.136-.135.301-.345.451-.523.146-.181.194-.301.297-.496.1-.21.049-.375-.025-.524-.075-.15-.672-1.62-.922-2.206-.24-.584-.487-.51-.672-.51-.172-.015-.371-.015-.571-.015-.2 0-.523.074-.797.359-.273.3-1.045 1.02-1.045 2.475s1.07 2.865 1.219 3.075c.149.195 2.105 3.195 5.1 4.485.714.3 1.27.48 1.704.629.714.227 1.365.195 1.88.121.574-.091 1.767-.721 2.016-1.426.255-.705.255-1.29.18-1.425-.074-.135-.27-.21-.57-.345m-5.446 7.443h-.016c-1.77 0-3.524-.48-5.055-1.38l-.36-.214-3.75.975 1.005-3.645-.239-.375a9.869 9.869 0 0 1-1.516-5.26c0-5.445 4.455-9.885 9.942-9.885a9.865 9.865 0 0 1 7.021 2.91 9.788 9.788 0 0 1 2.909 6.99c-.004 5.444-4.46 9.885-9.935 9.885M20.52 3.449C18.24 1.245 15.24 0 12.045 0 5.463 0 .104 5.334.101 11.893c0 2.096.549 4.14 1.595 5.945L0 24l6.335-1.652a12.062 12.062 0 0 0 5.71 1.447h.006c6.585 0 11.946-5.336 11.949-11.896 0-3.176-1.24-6.165-3.495-8.411"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M17.498 14.382c-.301-.15-1.767-.867-2.04-.966-.273-.101-.473-.15-.673.15-.197.295-.771.964-.944 1.162-.175.195-.349.21-.646.075-.3-.15-1.263-.465-2.403-1.485-.888-.795-1.484-1.77-1.66-2.07-.174-.3-.019-.465.13-.615.136-.135.301-.345.451-.523.146-.181.194-.301.297-.496.1-.21.049-.375-.025-.524-.075-.15-.672-1.62-.922-2.206-.24-.584-.487-.51-.672-.51-.172-.015-.371-.015-.571-.015-.2 0-.523.074-.797.359-.273.3-1.045 1.02-1.045 2.475s1.07 2.865 1.219 3.075c.149.195 2.105 3.195 5.1 4.485.714.3 1.27.48 1.704.629.714.227 1.365.195 1.88.121.574-.091 1.767-.721 2.016-1.426.255-.705.255-1.29.18-1.425-.074-.135-.27-.21-.57-.345m-5.446 7.443h-.016c-1.77 0-3.524-.48-5.055-1.38l-.36-.214-3.75.975 1.005-3.645-.239-.375a9.869 9.869 0 0 1-1.516-5.26c0-5.445 4.455-9.885 9.942-9.885a9.865 9.865 0 0 1 7.021 2.91 9.788 9.788 0 0 1 2.909 6.99c-.004 5.444-4.46 9.885-9.935 9.885M20.52 3.449C18.24 1.245 15.24 0 12.045 0 5.463 0 .104 5.334.101 11.893c0 2.096.549 4.14 1.595 5.945L0 24l6.335-1.652a12.062 12.062 0 0 0 5.71 1.447h.006c6.585 0 11.946-5.336 11.949-11.896 0-3.176-1.24-6.165-3.495-8.411"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="wordpress" data-toggle="tooltip" title="wordpress">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M21.469 6.825c.84 1.537 1.318 3.3 1.318 5.175 0 3.979-2.156 7.456-5.363 9.325l3.295-9.527c.615-1.54.82-2.771.82-3.864 0-.405-.026-.78-.07-1.11m-7.981.105c.647-.03 1.232-.105 1.232-.105.582-.075.514-.93-.067-.899 0 0-1.755.135-2.88.135-1.064 0-2.85-.15-2.85-.15-.585-.03-.661.855-.075.885 0 0 .54.061 1.125.09l1.68 4.605-2.37 7.08L5.354 6.9c.649-.03 1.234-.1 1.234-.1.585-.075.516-.93-.065-.896 0 0-1.746.138-2.874.138-.2 0-.438-.008-.69-.015C4.911 3.15 8.235 1.215 12 1.215c2.809 0 5.365 1.072 7.286 2.833-.046-.003-.091-.009-.141-.009-1.06 0-1.812.923-1.812 1.914 0 .89.513 1.643 1.06 2.531.411.72.89 1.643.89 2.977 0 .915-.354 1.994-.821 3.479l-1.075 3.585-3.9-11.61.001.014zM12 22.784c-1.059 0-2.081-.153-3.048-.437l3.237-9.406 3.315 9.087c.024.053.05.101.078.149-1.12.393-2.325.609-3.582.609M1.211 12c0-1.564.336-3.05.935-4.39L7.29 21.709A10.794 10.794 0 0 1 1.211 12M12 0C5.385 0 0 5.385 0 12s5.385 12 12 12 12-5.385 12-12S18.615 0 12 0"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M21.469 6.825c.84 1.537 1.318 3.3 1.318 5.175 0 3.979-2.156 7.456-5.363 9.325l3.295-9.527c.615-1.54.82-2.771.82-3.864 0-.405-.026-.78-.07-1.11m-7.981.105c.647-.03 1.232-.105 1.232-.105.582-.075.514-.93-.067-.899 0 0-1.755.135-2.88.135-1.064 0-2.85-.15-2.85-.15-.585-.03-.661.855-.075.885 0 0 .54.061 1.125.09l1.68 4.605-2.37 7.08L5.354 6.9c.649-.03 1.234-.1 1.234-.1.585-.075.516-.93-.065-.896 0 0-1.746.138-2.874.138-.2 0-.438-.008-.69-.015C4.911 3.15 8.235 1.215 12 1.215c2.809 0 5.365 1.072 7.286 2.833-.046-.003-.091-.009-.141-.009-1.06 0-1.812.923-1.812 1.914 0 .89.513 1.643 1.06 2.531.411.72.89 1.643.89 2.977 0 .915-.354 1.994-.821 3.479l-1.075 3.585-3.9-11.61.001.014zM12 22.784c-1.059 0-2.081-.153-3.048-.437l3.237-9.406 3.315 9.087c.024.053.05.101.078.149-1.12.393-2.325.609-3.582.609M1.211 12c0-1.564.336-3.05.935-4.39L7.29 21.709A10.794 10.794 0 0 1 1.211 12M12 0C5.385 0 0 5.385 0 12s5.385 12 12 12 12-5.385 12-12S18.615 0 12 0"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="ycombinator" data-toggle="tooltip" title="ycombinator">
-                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon icon-md" fill="currentColor"><path d="M0 24V0h24v24H0zM6.951 5.896l4.112 7.708v5.064h1.583v-4.972l4.148-7.799h-1.749l-2.457 4.875c-.372.745-.688 1.434-.688 1.434s-.297-.708-.651-1.434L8.831 5.896h-1.88z"/></svg>
+                              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M0 24V0h24v24H0zM6.951 5.896l4.112 7.708v5.064h1.583v-4.972l4.148-7.799h-1.749l-2.457 4.875c-.372.745-.688 1.434-.688 1.434s-.297-.708-.651-1.434L8.831 5.896h-1.88z"/></svg>
                             </a>
                           </li>
                           <li class="icons-list-item">
                             <a href="#" class="text-reset" data-toggle-icon="youtube" data-toggle="tooltip" title="youtube">
-                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-md" fill="currentColor"><path d="M23.495 6.205a3.007 3.007 0 0 0-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 0 0 .527 6.205a31.247 31.247 0 0 0-.522 5.805 31.247 31.247 0 0 0 .522 5.783 3.007 3.007 0 0 0 2.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 0 0 2.088-2.088 31.247 31.247 0 0 0 .5-5.783 31.247 31.247 0 0 0-.5-5.805zM9.609 15.601V8.408l6.264 3.602z"/></svg>
+                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" fill="currentColor"><path d="M23.495 6.205a3.007 3.007 0 0 0-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 0 0 .527 6.205a31.247 31.247 0 0 0-.522 5.805 31.247 31.247 0 0 0 .522 5.783 3.007 3.007 0 0 0 2.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 0 0 2.088-2.088 31.247 31.247 0 0 0 .5-5.783 31.247 31.247 0 0 0-.5-5.805zM9.609 15.601V8.408l6.264 3.602z"/></svg>
                             </a>
                           </li>
                           <li></li>
@@ -5475,9 +5482,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/index.html b/demo/index.html
index 9815042d2..1b427cff7 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -27,6 +27,8 @@
     <!-- CSS files -->
     <link href="./dist/libs/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <!-- Page pre-title -->
                 <div class="page-pretitle">
                   Overview
@@ -552,18 +559,20 @@
               </div>
               <!-- Page title actions -->
               <div class="col-auto ml-auto d-print-none">
-                <span class="d-none d-sm-inline">
-                  <a href="#" class="btn btn-white">
-                    New view
+                <div class="btn-list">
+                  <span class="d-none d-sm-inline">
+                    <a href="#" class="btn btn-white">
+                      New view
+                    </a>
+                  </span>
+                  <a href="#" class="btn btn-primary d-none d-sm-inline-block" data-toggle="modal" data-target="#modal-report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                    Create new report
                   </a>
-                </span>
-                <a href="#" class="btn btn-primary ml-3 d-none d-sm-inline-block" data-toggle="modal" data-target="#modal-report">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Create new report
-                </a>
-                <a href="#" class="btn btn-primary ml-3 d-sm-none btn-icon" data-toggle="modal" data-target="#modal-report" aria-label="Create new report">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                </a>
+                  <a href="#" class="btn btn-primary d-sm-none btn-icon" data-toggle="modal" data-target="#modal-report" aria-label="Create new report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                  </a>
+                </div>
               </div>
             </div>
           </div>
@@ -575,9 +584,7 @@
                     <div class="subheader">Sales</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -610,9 +617,7 @@
                     <div class="subheader">Revenue</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -640,9 +645,7 @@
                     <div class="subheader">New clients</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -670,9 +673,7 @@
                     <div class="subheader">Active users</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -693,15 +694,53 @@
                 </div>
               </div>
             </div>
-            <div class="col-lg-7">
-              <div class="card">
-                <div class="card-body">
-                  <h3 class="card-title">Traffic summary</h3>
-                  <div id="chart-mentions" class="chart-lg"></div>
+            <div class="col-lg-6">
+              <div class="row row-cards">
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <h3 class="card-title">Traffic summary</h3>
+                      <div id="chart-mentions" class="chart-lg"></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <p class="mb">Using Storage <strong>6854.45 MB </strong>of 8 GB</p>
+                      <div class="progress progress-separated mb">
+                        <div class="progress-bar bg-primary" role="progressbar" style="width: 44%"></div>
+                        <div class="progress-bar bg-info" role="progressbar" style="width: 19%"></div>
+                        <div class="progress-bar bg-success" role="progressbar" style="width: 9%"></div>
+                      </div>
+                      <div class="row">
+                        <div class="col-auto d-flex align-items-center pr-2">
+                          <span class="legend mr-2 bg-primary"></span>
+                          <span>Regular</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">915MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-info"></span>
+                          <span>System</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">415MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-success"></span>
+                          <span>Shared</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">201MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center pl-2">
+                          <span class="legend mr-2"></span>
+                          <span>Free</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">612MB</span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
-            <div class="col-lg-5">
+            <div class="col-lg-6">
               <div class="card">
                 <div class="card-body">
                   <h3 class="card-title">Top countries</h3>
@@ -718,7 +757,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4">W</span>
+                      <span class="avatar avatar-xl mb-4 avatar-rounded">W</span>
                       <h3 class="mb-0">New website</h3>
                       <p class="text-muted">Due to: 28 Aug 2019</p>
                       <p class="mb-3">
@@ -726,11 +765,11 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                          <span class="avatar">JL</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">JL</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -744,7 +783,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4 bg-green-lt">W</span>
+                      <span class="avatar avatar-xl mb-4 bg-green-lt avatar-rounded">W</span>
                       <h3 class="mb-0">UI Redesign</h3>
                       <p class="text-muted">Due to: 11 Nov 2019</p>
                       <p class="mb-3">
@@ -752,9 +791,9 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar">HS</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/006m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/004f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">HS</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/006m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/004f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -808,7 +847,16 @@
             </div>
             <div class="col-lg-6">
               <div class="card">
-                <div id="chart-development-activity" class="mt-4"></div>
+                <div class="card-header border-0">
+                  <div class="card-title">Development activity</div>
+                </div>
+                <div class="position-relative">
+                  <div class="position-absolute top-0 left-0 px-4 w-50">
+                    <div class="mb-1">Today's Earning: $4,262.40</div>
+                    <p class="text-muted text-h5">Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus...</p>
+                  </div>
+                  <div id="chart-development-activity"></div>
+                </div>
                 <div class="table-responsive">
                   <table class="table card-table table-vcenter">
                     <thead>
@@ -821,7 +869,7 @@
                     <tbody>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -832,7 +880,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar">JL</span>
+                          <span class="avatar avatar-sm">JL</span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -843,7 +891,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -854,7 +902,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -865,7 +913,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -882,10 +930,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-blue text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
+                  <span class="bg-blue text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Sales
                     </div>
                     <div class="text-muted">12 waiting payments</div>
@@ -896,10 +944,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-green text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
+                  <span class="bg-green text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       78 Orders
                     </div>
                     <div class="text-muted">32 shipped</div>
@@ -913,8 +961,8 @@
                   <div class="mr-3">
                     <div class="chart-sparkline chart-sparkline-square" id="sparkline-7"></div>
                   </div>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,352 Members
                     </div>
                     <div class="text-muted">163 registered today</div>
@@ -925,8 +973,8 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Comments
                     </div>
                     <div class="text-muted">16 waiting</div>
@@ -937,7 +985,7 @@
                 </div>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Most Visited Pages</h4>
@@ -955,7 +1003,7 @@
                     <tr>
                       <td>
                         /about.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">4,896</td>
@@ -968,7 +1016,7 @@
                     <tr>
                       <td>
                         /special-promo.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,652</td>
@@ -981,7 +1029,7 @@
                     <tr>
                       <td>
                         /news/1,new-ui-kit.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,256</td>
@@ -994,7 +1042,7 @@
                     <tr>
                       <td>
                         /lorem-ipsum-dolor-sit-amet-very-long-url.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">986</td>
@@ -1053,6 +1101,15 @@
                         </div>
                       </td>
                     </tr>
+                    <tr>
+                      <td>TikTok</td>
+                      <td>986</td>
+                      <td class="w-50">
+                        <div class="progress progress-xs">
+                          <div class="progress-bar bg-primary" style="width: 19.72%"></div>
+                        </div>
+                      </td>
+                    </tr>
                     <tr>
                       <td>Pinterest</td>
                       <td>854</td>
@@ -1075,7 +1132,7 @@
                 </table>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Tasks</h4>
@@ -1108,7 +1165,7 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1137,7 +1194,7 @@
                           6</a>
                       </td>
                       <td>
-                        <span class="avatar">JL</span>
+                        <span class="avatar avatar-sm">JL</span>
                       </td>
                     </tr>
                     <tr>
@@ -1166,7 +1223,7 @@
                           1</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1195,7 +1252,7 @@
                           12</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1224,7 +1281,7 @@
                           5</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1253,13 +1310,334 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/001f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/001f.jpg)"></span>
                       </td>
                     </tr>
                   </table>
                 </div>
               </div>
             </div>
+            <div class="col-12">
+              <div class="card">
+                <div class="card-header">
+                  <h3 class="card-title">Invoices</h3>
+                </div>
+                <div class="card-body border-bottom py-3">
+                  <div class="d-flex">
+                    <div class="text-muted">
+                      Show
+                      <div class="mx-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm" value="8" size="3">
+                      </div>
+                      entries
+                    </div>
+                    <div class="ml-auto text-muted">
+                      Search:
+                      <div class="ml-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="table-responsive">
+                  <table class="table card-table table-vcenter text-nowrap datatable">
+                    <thead>
+                      <tr>
+                        <th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
+                        <th class="w-1">No. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-sm text-dark icon-thick" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 15 12 9 18 15" /></svg>
+                        </th>
+                        <th>Invoice Subject</th>
+                        <th>Client</th>
+                        <th>VAT No.</th>
+                        <th>Created</th>
+                        <th>Status</th>
+                        <th>Price</th>
+                        <th></th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001401</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Design Works</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Carlson Limited
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          15 Dec 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid
+                        </td>
+                        <td>$887</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001402</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">UX Wireframes</a></td>
+                        <td>
+                          <span class="flag flag-country-gb"></span>
+                          Adobe
+                        </td>
+                        <td>
+                          87956421
+                        </td>
+                        <td>
+                          12 Apr 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$1200</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001403</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">New Dashboard</a></td>
+                        <td>
+                          <span class="flag flag-country-de"></span>
+                          Bluewolf
+                        </td>
+                        <td>
+                          87952621
+                        </td>
+                        <td>
+                          23 Oct 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$534</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001404</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Landing Page</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Salesforce
+                        </td>
+                        <td>
+                          87953421
+                        </td>
+                        <td>
+                          2 Sep 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 2 Weeks
+                        </td>
+                        <td>$1500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001405</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Marketing Templates</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Printic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          29 Jan 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-danger"></span> Paid Today
+                        </td>
+                        <td>$648</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001406</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Sales Presentation</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Tabdaq
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          4 Feb 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 3 Weeks
+                        </td>
+                        <td>$300</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001407</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Logo & Print</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Apple
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          22 Mar 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$2500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001408</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Icons</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Tookapic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          13 May 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$940</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="card-footer d-flex align-items-center">
+                  <p class="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
+                  <ul class="pagination m-0 ml-auto">
+                    <li class="page-item disabled">
+                      <a class="page-link" href="#" tabindex="-1">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>
+                        prev
+                      </a>
+                    </li>
+                    <li class="page-item"><a class="page-link" href="#">1</a></li>
+                    <li class="page-item active"><a class="page-link" href="#">2</a></li>
+                    <li class="page-item"><a class="page-link" href="#">3</a></li>
+                    <li class="page-item"><a class="page-link" href="#">4</a></li>
+                    <li class="page-item"><a class="page-link" href="#">5</a></li>
+                    <li class="page-item">
+                      <a class="page-link" href="#">
+                        next <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
         <footer class="footer footer-transparent">
@@ -1273,9 +1651,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
@@ -1287,9 +1672,7 @@
         <div class="modal-content">
           <div class="modal-header">
             <h5 class="modal-title">New report</h5>
-            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
-              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
-            </button>
+            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
           </div>
           <div class="modal-body">
             <div class="mb-3">
@@ -1694,7 +2077,7 @@
       		chart: {
       			type: "area",
       			fontFamily: 'inherit',
-      			height: 160,
+      			height: 192,
       			sparkline: {
       				enabled: true
       			},
@@ -1709,15 +2092,6 @@
       			opacity: .16,
       			type: 'solid'
       		},
-      		title: {
-      			text: "Development Activity",
-      			margin: 0,
-      			floating: true,
-      			offsetX: 10,
-      			style: {
-      				fontSize: '18px',
-      			},
-      		},
       		stroke: {
       			width: 2,
       			lineCap: "round",
@@ -1770,7 +2144,7 @@
       		strokeWidth: 2,
       		fill: ["#cd201f", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
@@ -1783,7 +2157,7 @@
       		strokeWidth: 2,
       		fill: ["#fab005", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
diff --git a/demo/invoice.html b/demo/invoice.html
index 34ff7186b..939af9095 100644
--- a/demo/invoice.html
+++ b/demo/invoice.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -651,9 +658,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/layout-combo.html b/demo/layout-combo.html
index dd1f17476..9154c8d1d 100644
--- a/demo/layout-combo.html
+++ b/demo/layout-combo.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <!-- CSS files -->
     <link href="./dist/libs/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
           <span class="navbar-toggler-icon"></span>
         </button>
         <a href="." class="navbar-brand navbar-brand-autodark">
-          <img src="./static/logo-white.svg" alt="Tabler" class="navbar-brand-image">
+          <img src="./static/logo-white.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
         </a>
         <div class="navbar-nav flex-row d-lg-none">
           <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
           </div>
           <div class="nav-item dropdown">
             <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-              <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+              <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
               <div class="d-none d-xl-block pl-2">
                 <div>Paweł Kuna</div>
                 <div class="mt-1 small text-muted">UI Designer</div>
               </div>
             </a>
-            <div class="dropdown-menu dropdown-menu-right">
-              <a class="dropdown-item" href="#">
-                <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                Action
-              </a>
-              <a class="dropdown-item" href="#">
-                <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                Another action
-              </a>
+            <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+              <a href="#" class="dropdown-item">Set status</a>
+              <a href="#" class="dropdown-item">Profile & account</a>
+              <a href="#" class="dropdown-item">Feedback</a>
               <div class="dropdown-divider"></div>
-              <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                Separated link</a>
+              <a href="#" class="dropdown-item">Settings</a>
+              <a href="#" class="dropdown-item">Logout</a>
             </div>
           </div>
         </div>
@@ -185,6 +182,11 @@
                     Lists
                   </a>
                 </li>
+                <li >
+                  <a class="dropdown-item" href="./docs-index.html" >
+                    Docs index
+                  </a>
+                </li>
                 <li class="dropright">
                   <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                     Authentication
@@ -332,6 +334,11 @@
                     Dark mode
                   </a>
                 </li>
+                <li >
+                  <a class="dropdown-item" href="./layout-rtl.html" >
+                    RTL mode
+                  </a>
+                </li>
                 <li >
                   <a class="dropdown-item" href="./layout-fluid.html" >
                     Fluid
@@ -541,24 +548,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -581,11 +583,32 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
+                <!-- Page pre-title -->
+                <div class="page-pretitle">
+                  Overview
+                </div>
                 <h2 class="page-title">
                   Combo layout
                 </h2>
               </div>
+              <!-- Page title actions -->
+              <div class="col-auto ml-auto d-print-none">
+                <div class="btn-list">
+                  <span class="d-none d-sm-inline">
+                    <a href="#" class="btn btn-white">
+                      New view
+                    </a>
+                  </span>
+                  <a href="#" class="btn btn-primary d-none d-sm-inline-block" data-toggle="modal" data-target="#modal-report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                    Create new report
+                  </a>
+                  <a href="#" class="btn btn-primary d-sm-none btn-icon" data-toggle="modal" data-target="#modal-report" aria-label="Create new report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                  </a>
+                </div>
+              </div>
             </div>
           </div>
           <div class="row row-deck row-cards">
@@ -596,9 +619,7 @@
                     <div class="subheader">Sales</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -631,9 +652,7 @@
                     <div class="subheader">Revenue</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -661,9 +680,7 @@
                     <div class="subheader">New clients</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -691,9 +708,7 @@
                     <div class="subheader">Active users</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -714,15 +729,53 @@
                 </div>
               </div>
             </div>
-            <div class="col-lg-7">
-              <div class="card">
-                <div class="card-body">
-                  <h3 class="card-title">Traffic summary</h3>
-                  <div id="chart-mentions" class="chart-lg"></div>
+            <div class="col-lg-6">
+              <div class="row row-cards">
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <h3 class="card-title">Traffic summary</h3>
+                      <div id="chart-mentions" class="chart-lg"></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <p class="mb">Using Storage <strong>6854.45 MB </strong>of 8 GB</p>
+                      <div class="progress progress-separated mb">
+                        <div class="progress-bar bg-primary" role="progressbar" style="width: 44%"></div>
+                        <div class="progress-bar bg-info" role="progressbar" style="width: 19%"></div>
+                        <div class="progress-bar bg-success" role="progressbar" style="width: 9%"></div>
+                      </div>
+                      <div class="row">
+                        <div class="col-auto d-flex align-items-center pr-2">
+                          <span class="legend mr-2 bg-primary"></span>
+                          <span>Regular</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">915MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-info"></span>
+                          <span>System</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">415MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-success"></span>
+                          <span>Shared</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">201MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center pl-2">
+                          <span class="legend mr-2"></span>
+                          <span>Free</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">612MB</span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
-            <div class="col-lg-5">
+            <div class="col-lg-6">
               <div class="card">
                 <div class="card-body">
                   <h3 class="card-title">Top countries</h3>
@@ -739,7 +792,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4">W</span>
+                      <span class="avatar avatar-xl mb-4 avatar-rounded">W</span>
                       <h3 class="mb-0">New website</h3>
                       <p class="text-muted">Due to: 28 Aug 2019</p>
                       <p class="mb-3">
@@ -747,11 +800,11 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                          <span class="avatar">JL</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">JL</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -765,7 +818,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4 bg-green-lt">W</span>
+                      <span class="avatar avatar-xl mb-4 bg-green-lt avatar-rounded">W</span>
                       <h3 class="mb-0">UI Redesign</h3>
                       <p class="text-muted">Due to: 11 Nov 2019</p>
                       <p class="mb-3">
@@ -773,9 +826,9 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar">HS</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/006m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/004f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">HS</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/006m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/004f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -829,7 +882,16 @@
             </div>
             <div class="col-lg-6">
               <div class="card">
-                <div id="chart-development-activity" class="mt-4"></div>
+                <div class="card-header border-0">
+                  <div class="card-title">Development activity</div>
+                </div>
+                <div class="position-relative">
+                  <div class="position-absolute top-0 left-0 px-4 w-50">
+                    <div class="mb-1">Today's Earning: $4,262.40</div>
+                    <p class="text-muted text-h5">Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus...</p>
+                  </div>
+                  <div id="chart-development-activity"></div>
+                </div>
                 <div class="table-responsive">
                   <table class="table card-table table-vcenter">
                     <thead>
@@ -842,7 +904,7 @@
                     <tbody>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -853,7 +915,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar">JL</span>
+                          <span class="avatar avatar-sm">JL</span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -864,7 +926,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -875,7 +937,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -886,7 +948,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -903,10 +965,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-blue text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
+                  <span class="bg-blue text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Sales
                     </div>
                     <div class="text-muted">12 waiting payments</div>
@@ -917,10 +979,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-green text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
+                  <span class="bg-green text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       78 Orders
                     </div>
                     <div class="text-muted">32 shipped</div>
@@ -934,8 +996,8 @@
                   <div class="mr-3">
                     <div class="chart-sparkline chart-sparkline-square" id="sparkline-13"></div>
                   </div>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,352 Members
                     </div>
                     <div class="text-muted">163 registered today</div>
@@ -946,8 +1008,8 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Comments
                     </div>
                     <div class="text-muted">16 waiting</div>
@@ -958,7 +1020,7 @@
                 </div>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Most Visited Pages</h4>
@@ -976,7 +1038,7 @@
                     <tr>
                       <td>
                         /about.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">4,896</td>
@@ -989,7 +1051,7 @@
                     <tr>
                       <td>
                         /special-promo.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,652</td>
@@ -1002,7 +1064,7 @@
                     <tr>
                       <td>
                         /news/1,new-ui-kit.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,256</td>
@@ -1015,7 +1077,7 @@
                     <tr>
                       <td>
                         /lorem-ipsum-dolor-sit-amet-very-long-url.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">986</td>
@@ -1074,6 +1136,15 @@
                         </div>
                       </td>
                     </tr>
+                    <tr>
+                      <td>TikTok</td>
+                      <td>986</td>
+                      <td class="w-50">
+                        <div class="progress progress-xs">
+                          <div class="progress-bar bg-primary" style="width: 19.72%"></div>
+                        </div>
+                      </td>
+                    </tr>
                     <tr>
                       <td>Pinterest</td>
                       <td>854</td>
@@ -1096,7 +1167,7 @@
                 </table>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Tasks</h4>
@@ -1129,7 +1200,7 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1158,7 +1229,7 @@
                           6</a>
                       </td>
                       <td>
-                        <span class="avatar">JL</span>
+                        <span class="avatar avatar-sm">JL</span>
                       </td>
                     </tr>
                     <tr>
@@ -1187,7 +1258,7 @@
                           1</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1216,7 +1287,7 @@
                           12</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1245,7 +1316,7 @@
                           5</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1274,13 +1345,334 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/001f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/001f.jpg)"></span>
                       </td>
                     </tr>
                   </table>
                 </div>
               </div>
             </div>
+            <div class="col-12">
+              <div class="card">
+                <div class="card-header">
+                  <h3 class="card-title">Invoices</h3>
+                </div>
+                <div class="card-body border-bottom py-3">
+                  <div class="d-flex">
+                    <div class="text-muted">
+                      Show
+                      <div class="mx-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm" value="8" size="3">
+                      </div>
+                      entries
+                    </div>
+                    <div class="ml-auto text-muted">
+                      Search:
+                      <div class="ml-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="table-responsive">
+                  <table class="table card-table table-vcenter text-nowrap datatable">
+                    <thead>
+                      <tr>
+                        <th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
+                        <th class="w-1">No. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-sm text-dark icon-thick" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 15 12 9 18 15" /></svg>
+                        </th>
+                        <th>Invoice Subject</th>
+                        <th>Client</th>
+                        <th>VAT No.</th>
+                        <th>Created</th>
+                        <th>Status</th>
+                        <th>Price</th>
+                        <th></th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001401</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Design Works</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Carlson Limited
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          15 Dec 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid
+                        </td>
+                        <td>$887</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001402</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">UX Wireframes</a></td>
+                        <td>
+                          <span class="flag flag-country-gb"></span>
+                          Adobe
+                        </td>
+                        <td>
+                          87956421
+                        </td>
+                        <td>
+                          12 Apr 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$1200</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001403</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">New Dashboard</a></td>
+                        <td>
+                          <span class="flag flag-country-de"></span>
+                          Bluewolf
+                        </td>
+                        <td>
+                          87952621
+                        </td>
+                        <td>
+                          23 Oct 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$534</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001404</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Landing Page</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Salesforce
+                        </td>
+                        <td>
+                          87953421
+                        </td>
+                        <td>
+                          2 Sep 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 2 Weeks
+                        </td>
+                        <td>$1500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001405</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Marketing Templates</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Printic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          29 Jan 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-danger"></span> Paid Today
+                        </td>
+                        <td>$648</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001406</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Sales Presentation</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Tabdaq
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          4 Feb 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 3 Weeks
+                        </td>
+                        <td>$300</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001407</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Logo & Print</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Apple
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          22 Mar 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$2500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001408</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Icons</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Tookapic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          13 May 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$940</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="card-footer d-flex align-items-center">
+                  <p class="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
+                  <ul class="pagination m-0 ml-auto">
+                    <li class="page-item disabled">
+                      <a class="page-link" href="#" tabindex="-1">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>
+                        prev
+                      </a>
+                    </li>
+                    <li class="page-item"><a class="page-link" href="#">1</a></li>
+                    <li class="page-item active"><a class="page-link" href="#">2</a></li>
+                    <li class="page-item"><a class="page-link" href="#">3</a></li>
+                    <li class="page-item"><a class="page-link" href="#">4</a></li>
+                    <li class="page-item"><a class="page-link" href="#">5</a></li>
+                    <li class="page-item">
+                      <a class="page-link" href="#">
+                        next <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
         <footer class="footer footer-transparent">
@@ -1294,15 +1686,123 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
         </footer>
       </div>
     </div>
+    <div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
+      <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">New report</h5>
+            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
+          </div>
+          <div class="modal-body">
+            <div class="mb-3">
+              <label class="form-label">Name</label>
+              <input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
+            </div>
+            <label class="form-label">Report type</label>
+            <div class="form-selectgroup-boxes row mb-3">
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Simple</span>
+                      <span class="d-block text-muted">Provide only basic data needed for the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input">
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Advanced</span>
+                      <span class="d-block text-muted">Insert charts and additional advanced analyses to be inserted in the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-lg-8">
+                <div class="mb-3">
+                  <label class="form-label">Report url</label>
+                  <div class="input-group input-group-flat">
+                    <span class="input-group-text">
+                      https://tabler.io/reports/
+                    </span>
+                    <input type="text" class="form-control pl-0"  value="report-01">
+                  </div>
+                </div>
+              </div>
+              <div class="col-lg-4">
+                <div class="mb-3">
+                  <label class="form-label">Visibility</label>
+                  <select class="form-select">
+                    <option value="1" selected>Private</option>
+                    <option value="2">Public</option>
+                    <option value="3">Hidden</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-body">
+            <div class="row">
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Client name</label>
+                  <input type="text" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Reporting period</label>
+                  <input type="date" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-12">
+                <div>
+                  <label class="form-label">Additional information</label>
+                  <textarea class="form-control" rows="3"></textarea>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <a href="#" class="btn btn-link link-secondary" data-dismiss="modal">
+              Cancel
+            </a>
+            <a href="#" class="btn btn-primary ml-auto" data-dismiss="modal">
+              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+              Create new report
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
     <!-- Libs JS -->
     <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <script src="./dist/libs/jquery/dist/jquery.slim.min.js"></script>
@@ -1612,7 +2112,7 @@
       		chart: {
       			type: "area",
       			fontFamily: 'inherit',
-      			height: 160,
+      			height: 192,
       			sparkline: {
       				enabled: true
       			},
@@ -1627,15 +2127,6 @@
       			opacity: .16,
       			type: 'solid'
       		},
-      		title: {
-      			text: "Development Activity",
-      			margin: 0,
-      			floating: true,
-      			offsetX: 10,
-      			style: {
-      				fontSize: '18px',
-      			},
-      		},
       		stroke: {
       			width: 2,
       			lineCap: "round",
@@ -1688,7 +2179,7 @@
       		strokeWidth: 2,
       		fill: ["#cd201f", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
@@ -1701,7 +2192,7 @@
       		strokeWidth: 2,
       		fill: ["#fab005", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
diff --git a/demo/layout-condensed-dark.html b/demo/layout-condensed-dark.html
index 6274e5950..27b75e2d4 100644
--- a/demo/layout-condensed-dark.html
+++ b/demo/layout-condensed-dark.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <!-- CSS files -->
     <link href="./dist/libs/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo-white.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo-white.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -187,6 +184,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -334,6 +336,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -537,11 +544,32 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
+                <!-- Page pre-title -->
+                <div class="page-pretitle">
+                  Overview
+                </div>
                 <h2 class="page-title">
                   Condensed dark layout
                 </h2>
               </div>
+              <!-- Page title actions -->
+              <div class="col-auto ml-auto d-print-none">
+                <div class="btn-list">
+                  <span class="d-none d-sm-inline">
+                    <a href="#" class="btn btn-white">
+                      New view
+                    </a>
+                  </span>
+                  <a href="#" class="btn btn-primary d-none d-sm-inline-block" data-toggle="modal" data-target="#modal-report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                    Create new report
+                  </a>
+                  <a href="#" class="btn btn-primary d-sm-none btn-icon" data-toggle="modal" data-target="#modal-report" aria-label="Create new report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                  </a>
+                </div>
+              </div>
             </div>
           </div>
           <div class="row row-deck row-cards">
@@ -552,9 +580,7 @@
                     <div class="subheader">Sales</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -587,9 +613,7 @@
                     <div class="subheader">Revenue</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -617,9 +641,7 @@
                     <div class="subheader">New clients</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -647,9 +669,7 @@
                     <div class="subheader">Active users</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -670,15 +690,53 @@
                 </div>
               </div>
             </div>
-            <div class="col-lg-7">
-              <div class="card">
-                <div class="card-body">
-                  <h3 class="card-title">Traffic summary</h3>
-                  <div id="chart-mentions" class="chart-lg"></div>
+            <div class="col-lg-6">
+              <div class="row row-cards">
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <h3 class="card-title">Traffic summary</h3>
+                      <div id="chart-mentions" class="chart-lg"></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <p class="mb">Using Storage <strong>6854.45 MB </strong>of 8 GB</p>
+                      <div class="progress progress-separated mb">
+                        <div class="progress-bar bg-primary" role="progressbar" style="width: 44%"></div>
+                        <div class="progress-bar bg-info" role="progressbar" style="width: 19%"></div>
+                        <div class="progress-bar bg-success" role="progressbar" style="width: 9%"></div>
+                      </div>
+                      <div class="row">
+                        <div class="col-auto d-flex align-items-center pr-2">
+                          <span class="legend mr-2 bg-primary"></span>
+                          <span>Regular</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">915MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-info"></span>
+                          <span>System</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">415MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-success"></span>
+                          <span>Shared</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">201MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center pl-2">
+                          <span class="legend mr-2"></span>
+                          <span>Free</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">612MB</span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
-            <div class="col-lg-5">
+            <div class="col-lg-6">
               <div class="card">
                 <div class="card-body">
                   <h3 class="card-title">Top countries</h3>
@@ -695,7 +753,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4">W</span>
+                      <span class="avatar avatar-xl mb-4 avatar-rounded">W</span>
                       <h3 class="mb-0">New website</h3>
                       <p class="text-muted">Due to: 28 Aug 2019</p>
                       <p class="mb-3">
@@ -703,11 +761,11 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                          <span class="avatar">JL</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">JL</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -721,7 +779,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4 bg-green-lt">W</span>
+                      <span class="avatar avatar-xl mb-4 bg-green-lt avatar-rounded">W</span>
                       <h3 class="mb-0">UI Redesign</h3>
                       <p class="text-muted">Due to: 11 Nov 2019</p>
                       <p class="mb-3">
@@ -729,9 +787,9 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar">HS</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/006m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/004f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">HS</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/006m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/004f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -785,7 +843,16 @@
             </div>
             <div class="col-lg-6">
               <div class="card">
-                <div id="chart-development-activity" class="mt-4"></div>
+                <div class="card-header border-0">
+                  <div class="card-title">Development activity</div>
+                </div>
+                <div class="position-relative">
+                  <div class="position-absolute top-0 left-0 px-4 w-50">
+                    <div class="mb-1">Today's Earning: $4,262.40</div>
+                    <p class="text-muted text-h5">Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus...</p>
+                  </div>
+                  <div id="chart-development-activity"></div>
+                </div>
                 <div class="table-responsive">
                   <table class="table card-table table-vcenter">
                     <thead>
@@ -798,7 +865,7 @@
                     <tbody>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -809,7 +876,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar">JL</span>
+                          <span class="avatar avatar-sm">JL</span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -820,7 +887,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -831,7 +898,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -842,7 +909,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -859,10 +926,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-blue text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
+                  <span class="bg-blue text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Sales
                     </div>
                     <div class="text-muted">12 waiting payments</div>
@@ -873,10 +940,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-green text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
+                  <span class="bg-green text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       78 Orders
                     </div>
                     <div class="text-muted">32 shipped</div>
@@ -890,8 +957,8 @@
                   <div class="mr-3">
                     <div class="chart-sparkline chart-sparkline-square" id="sparkline-19"></div>
                   </div>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,352 Members
                     </div>
                     <div class="text-muted">163 registered today</div>
@@ -902,8 +969,8 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Comments
                     </div>
                     <div class="text-muted">16 waiting</div>
@@ -914,7 +981,7 @@
                 </div>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Most Visited Pages</h4>
@@ -932,7 +999,7 @@
                     <tr>
                       <td>
                         /about.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">4,896</td>
@@ -945,7 +1012,7 @@
                     <tr>
                       <td>
                         /special-promo.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,652</td>
@@ -958,7 +1025,7 @@
                     <tr>
                       <td>
                         /news/1,new-ui-kit.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,256</td>
@@ -971,7 +1038,7 @@
                     <tr>
                       <td>
                         /lorem-ipsum-dolor-sit-amet-very-long-url.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">986</td>
@@ -1030,6 +1097,15 @@
                         </div>
                       </td>
                     </tr>
+                    <tr>
+                      <td>TikTok</td>
+                      <td>986</td>
+                      <td class="w-50">
+                        <div class="progress progress-xs">
+                          <div class="progress-bar bg-primary" style="width: 19.72%"></div>
+                        </div>
+                      </td>
+                    </tr>
                     <tr>
                       <td>Pinterest</td>
                       <td>854</td>
@@ -1052,7 +1128,7 @@
                 </table>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Tasks</h4>
@@ -1085,7 +1161,7 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1114,7 +1190,7 @@
                           6</a>
                       </td>
                       <td>
-                        <span class="avatar">JL</span>
+                        <span class="avatar avatar-sm">JL</span>
                       </td>
                     </tr>
                     <tr>
@@ -1143,7 +1219,7 @@
                           1</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1172,7 +1248,7 @@
                           12</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1201,7 +1277,7 @@
                           5</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1230,13 +1306,334 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/001f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/001f.jpg)"></span>
                       </td>
                     </tr>
                   </table>
                 </div>
               </div>
             </div>
+            <div class="col-12">
+              <div class="card">
+                <div class="card-header">
+                  <h3 class="card-title">Invoices</h3>
+                </div>
+                <div class="card-body border-bottom py-3">
+                  <div class="d-flex">
+                    <div class="text-muted">
+                      Show
+                      <div class="mx-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm" value="8" size="3">
+                      </div>
+                      entries
+                    </div>
+                    <div class="ml-auto text-muted">
+                      Search:
+                      <div class="ml-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="table-responsive">
+                  <table class="table card-table table-vcenter text-nowrap datatable">
+                    <thead>
+                      <tr>
+                        <th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
+                        <th class="w-1">No. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-sm text-dark icon-thick" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 15 12 9 18 15" /></svg>
+                        </th>
+                        <th>Invoice Subject</th>
+                        <th>Client</th>
+                        <th>VAT No.</th>
+                        <th>Created</th>
+                        <th>Status</th>
+                        <th>Price</th>
+                        <th></th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001401</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Design Works</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Carlson Limited
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          15 Dec 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid
+                        </td>
+                        <td>$887</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001402</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">UX Wireframes</a></td>
+                        <td>
+                          <span class="flag flag-country-gb"></span>
+                          Adobe
+                        </td>
+                        <td>
+                          87956421
+                        </td>
+                        <td>
+                          12 Apr 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$1200</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001403</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">New Dashboard</a></td>
+                        <td>
+                          <span class="flag flag-country-de"></span>
+                          Bluewolf
+                        </td>
+                        <td>
+                          87952621
+                        </td>
+                        <td>
+                          23 Oct 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$534</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001404</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Landing Page</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Salesforce
+                        </td>
+                        <td>
+                          87953421
+                        </td>
+                        <td>
+                          2 Sep 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 2 Weeks
+                        </td>
+                        <td>$1500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001405</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Marketing Templates</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Printic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          29 Jan 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-danger"></span> Paid Today
+                        </td>
+                        <td>$648</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001406</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Sales Presentation</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Tabdaq
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          4 Feb 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 3 Weeks
+                        </td>
+                        <td>$300</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001407</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Logo & Print</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Apple
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          22 Mar 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$2500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001408</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Icons</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Tookapic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          13 May 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$940</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="card-footer d-flex align-items-center">
+                  <p class="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
+                  <ul class="pagination m-0 ml-auto">
+                    <li class="page-item disabled">
+                      <a class="page-link" href="#" tabindex="-1">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>
+                        prev
+                      </a>
+                    </li>
+                    <li class="page-item"><a class="page-link" href="#">1</a></li>
+                    <li class="page-item active"><a class="page-link" href="#">2</a></li>
+                    <li class="page-item"><a class="page-link" href="#">3</a></li>
+                    <li class="page-item"><a class="page-link" href="#">4</a></li>
+                    <li class="page-item"><a class="page-link" href="#">5</a></li>
+                    <li class="page-item">
+                      <a class="page-link" href="#">
+                        next <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
         <footer class="footer footer-transparent">
@@ -1250,15 +1647,123 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
         </footer>
       </div>
     </div>
+    <div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
+      <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">New report</h5>
+            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
+          </div>
+          <div class="modal-body">
+            <div class="mb-3">
+              <label class="form-label">Name</label>
+              <input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
+            </div>
+            <label class="form-label">Report type</label>
+            <div class="form-selectgroup-boxes row mb-3">
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Simple</span>
+                      <span class="d-block text-muted">Provide only basic data needed for the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input">
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Advanced</span>
+                      <span class="d-block text-muted">Insert charts and additional advanced analyses to be inserted in the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-lg-8">
+                <div class="mb-3">
+                  <label class="form-label">Report url</label>
+                  <div class="input-group input-group-flat">
+                    <span class="input-group-text">
+                      https://tabler.io/reports/
+                    </span>
+                    <input type="text" class="form-control pl-0"  value="report-01">
+                  </div>
+                </div>
+              </div>
+              <div class="col-lg-4">
+                <div class="mb-3">
+                  <label class="form-label">Visibility</label>
+                  <select class="form-select">
+                    <option value="1" selected>Private</option>
+                    <option value="2">Public</option>
+                    <option value="3">Hidden</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-body">
+            <div class="row">
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Client name</label>
+                  <input type="text" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Reporting period</label>
+                  <input type="date" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-12">
+                <div>
+                  <label class="form-label">Additional information</label>
+                  <textarea class="form-control" rows="3"></textarea>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <a href="#" class="btn btn-link link-secondary" data-dismiss="modal">
+              Cancel
+            </a>
+            <a href="#" class="btn btn-primary ml-auto" data-dismiss="modal">
+              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+              Create new report
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
     <!-- Libs JS -->
     <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <script src="./dist/libs/jquery/dist/jquery.slim.min.js"></script>
@@ -1568,7 +2073,7 @@
       		chart: {
       			type: "area",
       			fontFamily: 'inherit',
-      			height: 160,
+      			height: 192,
       			sparkline: {
       				enabled: true
       			},
@@ -1583,15 +2088,6 @@
       			opacity: .16,
       			type: 'solid'
       		},
-      		title: {
-      			text: "Development Activity",
-      			margin: 0,
-      			floating: true,
-      			offsetX: 10,
-      			style: {
-      				fontSize: '18px',
-      			},
-      		},
       		stroke: {
       			width: 2,
       			lineCap: "round",
@@ -1644,7 +2140,7 @@
       		strokeWidth: 2,
       		fill: ["#cd201f", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
@@ -1657,7 +2153,7 @@
       		strokeWidth: 2,
       		fill: ["#fab005", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
diff --git a/demo/layout-condensed.html b/demo/layout-condensed.html
index 4fa6a18f6..fdab13ac4 100644
--- a/demo/layout-condensed.html
+++ b/demo/layout-condensed.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <!-- CSS files -->
     <link href="./dist/libs/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -187,6 +184,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -334,6 +336,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -537,11 +544,32 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
+                <!-- Page pre-title -->
+                <div class="page-pretitle">
+                  Overview
+                </div>
                 <h2 class="page-title">
                   Condensed layout
                 </h2>
               </div>
+              <!-- Page title actions -->
+              <div class="col-auto ml-auto d-print-none">
+                <div class="btn-list">
+                  <span class="d-none d-sm-inline">
+                    <a href="#" class="btn btn-white">
+                      New view
+                    </a>
+                  </span>
+                  <a href="#" class="btn btn-primary d-none d-sm-inline-block" data-toggle="modal" data-target="#modal-report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                    Create new report
+                  </a>
+                  <a href="#" class="btn btn-primary d-sm-none btn-icon" data-toggle="modal" data-target="#modal-report" aria-label="Create new report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                  </a>
+                </div>
+              </div>
             </div>
           </div>
           <div class="row row-deck row-cards">
@@ -552,9 +580,7 @@
                     <div class="subheader">Sales</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -587,9 +613,7 @@
                     <div class="subheader">Revenue</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -617,9 +641,7 @@
                     <div class="subheader">New clients</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -647,9 +669,7 @@
                     <div class="subheader">Active users</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -670,15 +690,53 @@
                 </div>
               </div>
             </div>
-            <div class="col-lg-7">
-              <div class="card">
-                <div class="card-body">
-                  <h3 class="card-title">Traffic summary</h3>
-                  <div id="chart-mentions" class="chart-lg"></div>
+            <div class="col-lg-6">
+              <div class="row row-cards">
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <h3 class="card-title">Traffic summary</h3>
+                      <div id="chart-mentions" class="chart-lg"></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <p class="mb">Using Storage <strong>6854.45 MB </strong>of 8 GB</p>
+                      <div class="progress progress-separated mb">
+                        <div class="progress-bar bg-primary" role="progressbar" style="width: 44%"></div>
+                        <div class="progress-bar bg-info" role="progressbar" style="width: 19%"></div>
+                        <div class="progress-bar bg-success" role="progressbar" style="width: 9%"></div>
+                      </div>
+                      <div class="row">
+                        <div class="col-auto d-flex align-items-center pr-2">
+                          <span class="legend mr-2 bg-primary"></span>
+                          <span>Regular</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">915MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-info"></span>
+                          <span>System</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">415MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-success"></span>
+                          <span>Shared</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">201MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center pl-2">
+                          <span class="legend mr-2"></span>
+                          <span>Free</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">612MB</span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
-            <div class="col-lg-5">
+            <div class="col-lg-6">
               <div class="card">
                 <div class="card-body">
                   <h3 class="card-title">Top countries</h3>
@@ -695,7 +753,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4">W</span>
+                      <span class="avatar avatar-xl mb-4 avatar-rounded">W</span>
                       <h3 class="mb-0">New website</h3>
                       <p class="text-muted">Due to: 28 Aug 2019</p>
                       <p class="mb-3">
@@ -703,11 +761,11 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                          <span class="avatar">JL</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">JL</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -721,7 +779,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4 bg-green-lt">W</span>
+                      <span class="avatar avatar-xl mb-4 bg-green-lt avatar-rounded">W</span>
                       <h3 class="mb-0">UI Redesign</h3>
                       <p class="text-muted">Due to: 11 Nov 2019</p>
                       <p class="mb-3">
@@ -729,9 +787,9 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar">HS</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/006m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/004f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">HS</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/006m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/004f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -785,7 +843,16 @@
             </div>
             <div class="col-lg-6">
               <div class="card">
-                <div id="chart-development-activity" class="mt-4"></div>
+                <div class="card-header border-0">
+                  <div class="card-title">Development activity</div>
+                </div>
+                <div class="position-relative">
+                  <div class="position-absolute top-0 left-0 px-4 w-50">
+                    <div class="mb-1">Today's Earning: $4,262.40</div>
+                    <p class="text-muted text-h5">Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus...</p>
+                  </div>
+                  <div id="chart-development-activity"></div>
+                </div>
                 <div class="table-responsive">
                   <table class="table card-table table-vcenter">
                     <thead>
@@ -798,7 +865,7 @@
                     <tbody>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -809,7 +876,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar">JL</span>
+                          <span class="avatar avatar-sm">JL</span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -820,7 +887,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -831,7 +898,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -842,7 +909,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -859,10 +926,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-blue text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
+                  <span class="bg-blue text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Sales
                     </div>
                     <div class="text-muted">12 waiting payments</div>
@@ -873,10 +940,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-green text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
+                  <span class="bg-green text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       78 Orders
                     </div>
                     <div class="text-muted">32 shipped</div>
@@ -890,8 +957,8 @@
                   <div class="mr-3">
                     <div class="chart-sparkline chart-sparkline-square" id="sparkline-25"></div>
                   </div>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,352 Members
                     </div>
                     <div class="text-muted">163 registered today</div>
@@ -902,8 +969,8 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Comments
                     </div>
                     <div class="text-muted">16 waiting</div>
@@ -914,7 +981,7 @@
                 </div>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Most Visited Pages</h4>
@@ -932,7 +999,7 @@
                     <tr>
                       <td>
                         /about.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">4,896</td>
@@ -945,7 +1012,7 @@
                     <tr>
                       <td>
                         /special-promo.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,652</td>
@@ -958,7 +1025,7 @@
                     <tr>
                       <td>
                         /news/1,new-ui-kit.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,256</td>
@@ -971,7 +1038,7 @@
                     <tr>
                       <td>
                         /lorem-ipsum-dolor-sit-amet-very-long-url.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">986</td>
@@ -1030,6 +1097,15 @@
                         </div>
                       </td>
                     </tr>
+                    <tr>
+                      <td>TikTok</td>
+                      <td>986</td>
+                      <td class="w-50">
+                        <div class="progress progress-xs">
+                          <div class="progress-bar bg-primary" style="width: 19.72%"></div>
+                        </div>
+                      </td>
+                    </tr>
                     <tr>
                       <td>Pinterest</td>
                       <td>854</td>
@@ -1052,7 +1128,7 @@
                 </table>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Tasks</h4>
@@ -1085,7 +1161,7 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1114,7 +1190,7 @@
                           6</a>
                       </td>
                       <td>
-                        <span class="avatar">JL</span>
+                        <span class="avatar avatar-sm">JL</span>
                       </td>
                     </tr>
                     <tr>
@@ -1143,7 +1219,7 @@
                           1</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1172,7 +1248,7 @@
                           12</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1201,7 +1277,7 @@
                           5</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1230,13 +1306,334 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/001f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/001f.jpg)"></span>
                       </td>
                     </tr>
                   </table>
                 </div>
               </div>
             </div>
+            <div class="col-12">
+              <div class="card">
+                <div class="card-header">
+                  <h3 class="card-title">Invoices</h3>
+                </div>
+                <div class="card-body border-bottom py-3">
+                  <div class="d-flex">
+                    <div class="text-muted">
+                      Show
+                      <div class="mx-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm" value="8" size="3">
+                      </div>
+                      entries
+                    </div>
+                    <div class="ml-auto text-muted">
+                      Search:
+                      <div class="ml-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="table-responsive">
+                  <table class="table card-table table-vcenter text-nowrap datatable">
+                    <thead>
+                      <tr>
+                        <th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
+                        <th class="w-1">No. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-sm text-dark icon-thick" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 15 12 9 18 15" /></svg>
+                        </th>
+                        <th>Invoice Subject</th>
+                        <th>Client</th>
+                        <th>VAT No.</th>
+                        <th>Created</th>
+                        <th>Status</th>
+                        <th>Price</th>
+                        <th></th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001401</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Design Works</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Carlson Limited
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          15 Dec 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid
+                        </td>
+                        <td>$887</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001402</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">UX Wireframes</a></td>
+                        <td>
+                          <span class="flag flag-country-gb"></span>
+                          Adobe
+                        </td>
+                        <td>
+                          87956421
+                        </td>
+                        <td>
+                          12 Apr 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$1200</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001403</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">New Dashboard</a></td>
+                        <td>
+                          <span class="flag flag-country-de"></span>
+                          Bluewolf
+                        </td>
+                        <td>
+                          87952621
+                        </td>
+                        <td>
+                          23 Oct 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$534</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001404</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Landing Page</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Salesforce
+                        </td>
+                        <td>
+                          87953421
+                        </td>
+                        <td>
+                          2 Sep 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 2 Weeks
+                        </td>
+                        <td>$1500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001405</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Marketing Templates</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Printic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          29 Jan 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-danger"></span> Paid Today
+                        </td>
+                        <td>$648</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001406</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Sales Presentation</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Tabdaq
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          4 Feb 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 3 Weeks
+                        </td>
+                        <td>$300</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001407</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Logo & Print</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Apple
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          22 Mar 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$2500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001408</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Icons</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Tookapic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          13 May 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$940</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="card-footer d-flex align-items-center">
+                  <p class="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
+                  <ul class="pagination m-0 ml-auto">
+                    <li class="page-item disabled">
+                      <a class="page-link" href="#" tabindex="-1">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>
+                        prev
+                      </a>
+                    </li>
+                    <li class="page-item"><a class="page-link" href="#">1</a></li>
+                    <li class="page-item active"><a class="page-link" href="#">2</a></li>
+                    <li class="page-item"><a class="page-link" href="#">3</a></li>
+                    <li class="page-item"><a class="page-link" href="#">4</a></li>
+                    <li class="page-item"><a class="page-link" href="#">5</a></li>
+                    <li class="page-item">
+                      <a class="page-link" href="#">
+                        next <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
         <footer class="footer footer-transparent">
@@ -1250,15 +1647,123 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
         </footer>
       </div>
     </div>
+    <div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
+      <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">New report</h5>
+            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
+          </div>
+          <div class="modal-body">
+            <div class="mb-3">
+              <label class="form-label">Name</label>
+              <input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
+            </div>
+            <label class="form-label">Report type</label>
+            <div class="form-selectgroup-boxes row mb-3">
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Simple</span>
+                      <span class="d-block text-muted">Provide only basic data needed for the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input">
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Advanced</span>
+                      <span class="d-block text-muted">Insert charts and additional advanced analyses to be inserted in the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-lg-8">
+                <div class="mb-3">
+                  <label class="form-label">Report url</label>
+                  <div class="input-group input-group-flat">
+                    <span class="input-group-text">
+                      https://tabler.io/reports/
+                    </span>
+                    <input type="text" class="form-control pl-0"  value="report-01">
+                  </div>
+                </div>
+              </div>
+              <div class="col-lg-4">
+                <div class="mb-3">
+                  <label class="form-label">Visibility</label>
+                  <select class="form-select">
+                    <option value="1" selected>Private</option>
+                    <option value="2">Public</option>
+                    <option value="3">Hidden</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-body">
+            <div class="row">
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Client name</label>
+                  <input type="text" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Reporting period</label>
+                  <input type="date" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-12">
+                <div>
+                  <label class="form-label">Additional information</label>
+                  <textarea class="form-control" rows="3"></textarea>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <a href="#" class="btn btn-link link-secondary" data-dismiss="modal">
+              Cancel
+            </a>
+            <a href="#" class="btn btn-primary ml-auto" data-dismiss="modal">
+              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+              Create new report
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
     <!-- Libs JS -->
     <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <script src="./dist/libs/jquery/dist/jquery.slim.min.js"></script>
@@ -1568,7 +2073,7 @@
       		chart: {
       			type: "area",
       			fontFamily: 'inherit',
-      			height: 160,
+      			height: 192,
       			sparkline: {
       				enabled: true
       			},
@@ -1583,15 +2088,6 @@
       			opacity: .16,
       			type: 'solid'
       		},
-      		title: {
-      			text: "Development Activity",
-      			margin: 0,
-      			floating: true,
-      			offsetX: 10,
-      			style: {
-      				fontSize: '18px',
-      			},
-      		},
       		stroke: {
       			width: 2,
       			lineCap: "round",
@@ -1644,7 +2140,7 @@
       		strokeWidth: 2,
       		fill: ["#cd201f", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
@@ -1657,7 +2153,7 @@
       		strokeWidth: 2,
       		fill: ["#fab005", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
diff --git a/demo/layout-dark.html b/demo/layout-dark.html
index 637842e0e..f47763732 100644
--- a/demo/layout-dark.html
+++ b/demo/layout-dark.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <!-- CSS files -->
     <link href="./dist/libs/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -541,11 +548,32 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
+                <!-- Page pre-title -->
+                <div class="page-pretitle">
+                  Overview
+                </div>
                 <h2 class="page-title">
                   Dark mode
                 </h2>
               </div>
+              <!-- Page title actions -->
+              <div class="col-auto ml-auto d-print-none">
+                <div class="btn-list">
+                  <span class="d-none d-sm-inline">
+                    <a href="#" class="btn btn-white">
+                      New view
+                    </a>
+                  </span>
+                  <a href="#" class="btn btn-primary d-none d-sm-inline-block" data-toggle="modal" data-target="#modal-report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                    Create new report
+                  </a>
+                  <a href="#" class="btn btn-primary d-sm-none btn-icon" data-toggle="modal" data-target="#modal-report" aria-label="Create new report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                  </a>
+                </div>
+              </div>
             </div>
           </div>
           <div class="row row-deck row-cards">
@@ -556,9 +584,7 @@
                     <div class="subheader">Sales</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -591,9 +617,7 @@
                     <div class="subheader">Revenue</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -621,9 +645,7 @@
                     <div class="subheader">New clients</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -651,9 +673,7 @@
                     <div class="subheader">Active users</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -674,15 +694,53 @@
                 </div>
               </div>
             </div>
-            <div class="col-lg-7">
-              <div class="card">
-                <div class="card-body">
-                  <h3 class="card-title">Traffic summary</h3>
-                  <div id="chart-mentions" class="chart-lg"></div>
+            <div class="col-lg-6">
+              <div class="row row-cards">
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <h3 class="card-title">Traffic summary</h3>
+                      <div id="chart-mentions" class="chart-lg"></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <p class="mb">Using Storage <strong>6854.45 MB </strong>of 8 GB</p>
+                      <div class="progress progress-separated mb">
+                        <div class="progress-bar bg-primary" role="progressbar" style="width: 44%"></div>
+                        <div class="progress-bar bg-info" role="progressbar" style="width: 19%"></div>
+                        <div class="progress-bar bg-success" role="progressbar" style="width: 9%"></div>
+                      </div>
+                      <div class="row">
+                        <div class="col-auto d-flex align-items-center pr-2">
+                          <span class="legend mr-2 bg-primary"></span>
+                          <span>Regular</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">915MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-info"></span>
+                          <span>System</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">415MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-success"></span>
+                          <span>Shared</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">201MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center pl-2">
+                          <span class="legend mr-2"></span>
+                          <span>Free</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">612MB</span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
-            <div class="col-lg-5">
+            <div class="col-lg-6">
               <div class="card">
                 <div class="card-body">
                   <h3 class="card-title">Top countries</h3>
@@ -699,7 +757,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4">W</span>
+                      <span class="avatar avatar-xl mb-4 avatar-rounded">W</span>
                       <h3 class="mb-0">New website</h3>
                       <p class="text-muted">Due to: 28 Aug 2019</p>
                       <p class="mb-3">
@@ -707,11 +765,11 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                          <span class="avatar">JL</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">JL</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -725,7 +783,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4 bg-green-lt">W</span>
+                      <span class="avatar avatar-xl mb-4 bg-green-lt avatar-rounded">W</span>
                       <h3 class="mb-0">UI Redesign</h3>
                       <p class="text-muted">Due to: 11 Nov 2019</p>
                       <p class="mb-3">
@@ -733,9 +791,9 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar">HS</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/006m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/004f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">HS</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/006m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/004f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -789,7 +847,16 @@
             </div>
             <div class="col-lg-6">
               <div class="card">
-                <div id="chart-development-activity" class="mt-4"></div>
+                <div class="card-header border-0">
+                  <div class="card-title">Development activity</div>
+                </div>
+                <div class="position-relative">
+                  <div class="position-absolute top-0 left-0 px-4 w-50">
+                    <div class="mb-1">Today's Earning: $4,262.40</div>
+                    <p class="text-muted text-h5">Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus...</p>
+                  </div>
+                  <div id="chart-development-activity"></div>
+                </div>
                 <div class="table-responsive">
                   <table class="table card-table table-vcenter">
                     <thead>
@@ -802,7 +869,7 @@
                     <tbody>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -813,7 +880,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar">JL</span>
+                          <span class="avatar avatar-sm">JL</span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -824,7 +891,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -835,7 +902,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -846,7 +913,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -863,10 +930,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-blue text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
+                  <span class="bg-blue text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Sales
                     </div>
                     <div class="text-muted">12 waiting payments</div>
@@ -877,10 +944,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-green text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
+                  <span class="bg-green text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       78 Orders
                     </div>
                     <div class="text-muted">32 shipped</div>
@@ -894,8 +961,8 @@
                   <div class="mr-3">
                     <div class="chart-sparkline chart-sparkline-square" id="sparkline-31"></div>
                   </div>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,352 Members
                     </div>
                     <div class="text-muted">163 registered today</div>
@@ -906,8 +973,8 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Comments
                     </div>
                     <div class="text-muted">16 waiting</div>
@@ -918,7 +985,7 @@
                 </div>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Most Visited Pages</h4>
@@ -936,7 +1003,7 @@
                     <tr>
                       <td>
                         /about.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">4,896</td>
@@ -949,7 +1016,7 @@
                     <tr>
                       <td>
                         /special-promo.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,652</td>
@@ -962,7 +1029,7 @@
                     <tr>
                       <td>
                         /news/1,new-ui-kit.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,256</td>
@@ -975,7 +1042,7 @@
                     <tr>
                       <td>
                         /lorem-ipsum-dolor-sit-amet-very-long-url.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">986</td>
@@ -1034,6 +1101,15 @@
                         </div>
                       </td>
                     </tr>
+                    <tr>
+                      <td>TikTok</td>
+                      <td>986</td>
+                      <td class="w-50">
+                        <div class="progress progress-xs">
+                          <div class="progress-bar bg-primary" style="width: 19.72%"></div>
+                        </div>
+                      </td>
+                    </tr>
                     <tr>
                       <td>Pinterest</td>
                       <td>854</td>
@@ -1056,7 +1132,7 @@
                 </table>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Tasks</h4>
@@ -1089,7 +1165,7 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1118,7 +1194,7 @@
                           6</a>
                       </td>
                       <td>
-                        <span class="avatar">JL</span>
+                        <span class="avatar avatar-sm">JL</span>
                       </td>
                     </tr>
                     <tr>
@@ -1147,7 +1223,7 @@
                           1</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1176,7 +1252,7 @@
                           12</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1205,7 +1281,7 @@
                           5</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1234,13 +1310,334 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/001f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/001f.jpg)"></span>
                       </td>
                     </tr>
                   </table>
                 </div>
               </div>
             </div>
+            <div class="col-12">
+              <div class="card">
+                <div class="card-header">
+                  <h3 class="card-title">Invoices</h3>
+                </div>
+                <div class="card-body border-bottom py-3">
+                  <div class="d-flex">
+                    <div class="text-muted">
+                      Show
+                      <div class="mx-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm" value="8" size="3">
+                      </div>
+                      entries
+                    </div>
+                    <div class="ml-auto text-muted">
+                      Search:
+                      <div class="ml-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="table-responsive">
+                  <table class="table card-table table-vcenter text-nowrap datatable">
+                    <thead>
+                      <tr>
+                        <th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
+                        <th class="w-1">No. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-sm text-dark icon-thick" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 15 12 9 18 15" /></svg>
+                        </th>
+                        <th>Invoice Subject</th>
+                        <th>Client</th>
+                        <th>VAT No.</th>
+                        <th>Created</th>
+                        <th>Status</th>
+                        <th>Price</th>
+                        <th></th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001401</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Design Works</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Carlson Limited
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          15 Dec 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid
+                        </td>
+                        <td>$887</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001402</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">UX Wireframes</a></td>
+                        <td>
+                          <span class="flag flag-country-gb"></span>
+                          Adobe
+                        </td>
+                        <td>
+                          87956421
+                        </td>
+                        <td>
+                          12 Apr 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$1200</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001403</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">New Dashboard</a></td>
+                        <td>
+                          <span class="flag flag-country-de"></span>
+                          Bluewolf
+                        </td>
+                        <td>
+                          87952621
+                        </td>
+                        <td>
+                          23 Oct 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$534</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001404</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Landing Page</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Salesforce
+                        </td>
+                        <td>
+                          87953421
+                        </td>
+                        <td>
+                          2 Sep 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 2 Weeks
+                        </td>
+                        <td>$1500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001405</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Marketing Templates</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Printic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          29 Jan 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-danger"></span> Paid Today
+                        </td>
+                        <td>$648</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001406</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Sales Presentation</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Tabdaq
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          4 Feb 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 3 Weeks
+                        </td>
+                        <td>$300</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001407</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Logo & Print</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Apple
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          22 Mar 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$2500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001408</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Icons</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Tookapic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          13 May 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$940</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="card-footer d-flex align-items-center">
+                  <p class="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
+                  <ul class="pagination m-0 ml-auto">
+                    <li class="page-item disabled">
+                      <a class="page-link" href="#" tabindex="-1">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>
+                        prev
+                      </a>
+                    </li>
+                    <li class="page-item"><a class="page-link" href="#">1</a></li>
+                    <li class="page-item active"><a class="page-link" href="#">2</a></li>
+                    <li class="page-item"><a class="page-link" href="#">3</a></li>
+                    <li class="page-item"><a class="page-link" href="#">4</a></li>
+                    <li class="page-item"><a class="page-link" href="#">5</a></li>
+                    <li class="page-item">
+                      <a class="page-link" href="#">
+                        next <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
         <footer class="footer footer-transparent">
@@ -1254,15 +1651,123 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
         </footer>
       </div>
     </div>
+    <div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
+      <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">New report</h5>
+            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
+          </div>
+          <div class="modal-body">
+            <div class="mb-3">
+              <label class="form-label">Name</label>
+              <input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
+            </div>
+            <label class="form-label">Report type</label>
+            <div class="form-selectgroup-boxes row mb-3">
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Simple</span>
+                      <span class="d-block text-muted">Provide only basic data needed for the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input">
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Advanced</span>
+                      <span class="d-block text-muted">Insert charts and additional advanced analyses to be inserted in the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-lg-8">
+                <div class="mb-3">
+                  <label class="form-label">Report url</label>
+                  <div class="input-group input-group-flat">
+                    <span class="input-group-text">
+                      https://tabler.io/reports/
+                    </span>
+                    <input type="text" class="form-control pl-0"  value="report-01">
+                  </div>
+                </div>
+              </div>
+              <div class="col-lg-4">
+                <div class="mb-3">
+                  <label class="form-label">Visibility</label>
+                  <select class="form-select">
+                    <option value="1" selected>Private</option>
+                    <option value="2">Public</option>
+                    <option value="3">Hidden</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-body">
+            <div class="row">
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Client name</label>
+                  <input type="text" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Reporting period</label>
+                  <input type="date" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-12">
+                <div>
+                  <label class="form-label">Additional information</label>
+                  <textarea class="form-control" rows="3"></textarea>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <a href="#" class="btn btn-link link-secondary" data-dismiss="modal">
+              Cancel
+            </a>
+            <a href="#" class="btn btn-primary ml-auto" data-dismiss="modal">
+              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+              Create new report
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
     <!-- Libs JS -->
     <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <script src="./dist/libs/jquery/dist/jquery.slim.min.js"></script>
@@ -1572,7 +2077,7 @@
       		chart: {
       			type: "area",
       			fontFamily: 'inherit',
-      			height: 160,
+      			height: 192,
       			sparkline: {
       				enabled: true
       			},
@@ -1587,15 +2092,6 @@
       			opacity: .16,
       			type: 'solid'
       		},
-      		title: {
-      			text: "Development Activity",
-      			margin: 0,
-      			floating: true,
-      			offsetX: 10,
-      			style: {
-      				fontSize: '18px',
-      			},
-      		},
       		stroke: {
       			width: 2,
       			lineCap: "round",
@@ -1648,7 +2144,7 @@
       		strokeWidth: 2,
       		fill: ["#cd201f", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
@@ -1661,7 +2157,7 @@
       		strokeWidth: 2,
       		fill: ["#fab005", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
diff --git a/demo/layout-fluid-vertical.html b/demo/layout-fluid-vertical.html
index 2b4d34081..3816b599d 100644
--- a/demo/layout-fluid-vertical.html
+++ b/demo/layout-fluid-vertical.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <!-- CSS files -->
     <link href="./dist/libs/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
           <span class="navbar-toggler-icon"></span>
         </button>
         <a href="." class="navbar-brand navbar-brand-autodark">
-          <img src="./static/logo-white.svg" alt="Tabler" class="navbar-brand-image">
+          <img src="./static/logo-white.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
         </a>
         <div class="navbar-nav flex-row d-lg-none">
           <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
           </div>
           <div class="nav-item dropdown">
             <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-              <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+              <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
               <div class="d-none d-xl-block pl-2">
                 <div>Paweł Kuna</div>
                 <div class="mt-1 small text-muted">UI Designer</div>
               </div>
             </a>
-            <div class="dropdown-menu dropdown-menu-right">
-              <a class="dropdown-item" href="#">
-                <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                Action
-              </a>
-              <a class="dropdown-item" href="#">
-                <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                Another action
-              </a>
+            <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+              <a href="#" class="dropdown-item">Set status</a>
+              <a href="#" class="dropdown-item">Profile & account</a>
+              <a href="#" class="dropdown-item">Feedback</a>
               <div class="dropdown-divider"></div>
-              <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                Separated link</a>
+              <a href="#" class="dropdown-item">Settings</a>
+              <a href="#" class="dropdown-item">Logout</a>
             </div>
           </div>
         </div>
@@ -185,6 +182,11 @@
                     Lists
                   </a>
                 </li>
+                <li >
+                  <a class="dropdown-item" href="./docs-index.html" >
+                    Docs index
+                  </a>
+                </li>
                 <li class="dropright">
                   <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                     Authentication
@@ -332,6 +334,11 @@
                     Dark mode
                   </a>
                 </li>
+                <li >
+                  <a class="dropdown-item" href="./layout-rtl.html" >
+                    RTL mode
+                  </a>
+                </li>
                 <li >
                   <a class="dropdown-item" href="./layout-fluid.html" >
                     Fluid
@@ -525,11 +532,32 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
+                <!-- Page pre-title -->
+                <div class="page-pretitle">
+                  Overview
+                </div>
                 <h2 class="page-title">
                   Fluid vertical layout
                 </h2>
               </div>
+              <!-- Page title actions -->
+              <div class="col-auto ml-auto d-print-none">
+                <div class="btn-list">
+                  <span class="d-none d-sm-inline">
+                    <a href="#" class="btn btn-white">
+                      New view
+                    </a>
+                  </span>
+                  <a href="#" class="btn btn-primary d-none d-sm-inline-block" data-toggle="modal" data-target="#modal-report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                    Create new report
+                  </a>
+                  <a href="#" class="btn btn-primary d-sm-none btn-icon" data-toggle="modal" data-target="#modal-report" aria-label="Create new report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                  </a>
+                </div>
+              </div>
             </div>
           </div>
           <div class="row row-deck row-cards">
@@ -540,9 +568,7 @@
                     <div class="subheader">Sales</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -575,9 +601,7 @@
                     <div class="subheader">Revenue</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -605,9 +629,7 @@
                     <div class="subheader">New clients</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -635,9 +657,7 @@
                     <div class="subheader">Active users</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -658,15 +678,53 @@
                 </div>
               </div>
             </div>
-            <div class="col-lg-7">
-              <div class="card">
-                <div class="card-body">
-                  <h3 class="card-title">Traffic summary</h3>
-                  <div id="chart-mentions" class="chart-lg"></div>
+            <div class="col-lg-6">
+              <div class="row row-cards">
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <h3 class="card-title">Traffic summary</h3>
+                      <div id="chart-mentions" class="chart-lg"></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <p class="mb">Using Storage <strong>6854.45 MB </strong>of 8 GB</p>
+                      <div class="progress progress-separated mb">
+                        <div class="progress-bar bg-primary" role="progressbar" style="width: 44%"></div>
+                        <div class="progress-bar bg-info" role="progressbar" style="width: 19%"></div>
+                        <div class="progress-bar bg-success" role="progressbar" style="width: 9%"></div>
+                      </div>
+                      <div class="row">
+                        <div class="col-auto d-flex align-items-center pr-2">
+                          <span class="legend mr-2 bg-primary"></span>
+                          <span>Regular</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">915MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-info"></span>
+                          <span>System</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">415MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-success"></span>
+                          <span>Shared</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">201MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center pl-2">
+                          <span class="legend mr-2"></span>
+                          <span>Free</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">612MB</span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
-            <div class="col-lg-5">
+            <div class="col-lg-6">
               <div class="card">
                 <div class="card-body">
                   <h3 class="card-title">Top countries</h3>
@@ -683,7 +741,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4">W</span>
+                      <span class="avatar avatar-xl mb-4 avatar-rounded">W</span>
                       <h3 class="mb-0">New website</h3>
                       <p class="text-muted">Due to: 28 Aug 2019</p>
                       <p class="mb-3">
@@ -691,11 +749,11 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                          <span class="avatar">JL</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">JL</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -709,7 +767,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4 bg-green-lt">W</span>
+                      <span class="avatar avatar-xl mb-4 bg-green-lt avatar-rounded">W</span>
                       <h3 class="mb-0">UI Redesign</h3>
                       <p class="text-muted">Due to: 11 Nov 2019</p>
                       <p class="mb-3">
@@ -717,9 +775,9 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar">HS</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/006m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/004f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">HS</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/006m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/004f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -773,7 +831,16 @@
             </div>
             <div class="col-lg-6">
               <div class="card">
-                <div id="chart-development-activity" class="mt-4"></div>
+                <div class="card-header border-0">
+                  <div class="card-title">Development activity</div>
+                </div>
+                <div class="position-relative">
+                  <div class="position-absolute top-0 left-0 px-4 w-50">
+                    <div class="mb-1">Today's Earning: $4,262.40</div>
+                    <p class="text-muted text-h5">Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus...</p>
+                  </div>
+                  <div id="chart-development-activity"></div>
+                </div>
                 <div class="table-responsive">
                   <table class="table card-table table-vcenter">
                     <thead>
@@ -786,7 +853,7 @@
                     <tbody>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -797,7 +864,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar">JL</span>
+                          <span class="avatar avatar-sm">JL</span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -808,7 +875,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -819,7 +886,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -830,7 +897,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -847,10 +914,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-blue text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
+                  <span class="bg-blue text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Sales
                     </div>
                     <div class="text-muted">12 waiting payments</div>
@@ -861,10 +928,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-green text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
+                  <span class="bg-green text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       78 Orders
                     </div>
                     <div class="text-muted">32 shipped</div>
@@ -878,8 +945,8 @@
                   <div class="mr-3">
                     <div class="chart-sparkline chart-sparkline-square" id="sparkline-37"></div>
                   </div>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,352 Members
                     </div>
                     <div class="text-muted">163 registered today</div>
@@ -890,8 +957,8 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Comments
                     </div>
                     <div class="text-muted">16 waiting</div>
@@ -902,7 +969,7 @@
                 </div>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Most Visited Pages</h4>
@@ -920,7 +987,7 @@
                     <tr>
                       <td>
                         /about.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">4,896</td>
@@ -933,7 +1000,7 @@
                     <tr>
                       <td>
                         /special-promo.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,652</td>
@@ -946,7 +1013,7 @@
                     <tr>
                       <td>
                         /news/1,new-ui-kit.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,256</td>
@@ -959,7 +1026,7 @@
                     <tr>
                       <td>
                         /lorem-ipsum-dolor-sit-amet-very-long-url.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">986</td>
@@ -1018,6 +1085,15 @@
                         </div>
                       </td>
                     </tr>
+                    <tr>
+                      <td>TikTok</td>
+                      <td>986</td>
+                      <td class="w-50">
+                        <div class="progress progress-xs">
+                          <div class="progress-bar bg-primary" style="width: 19.72%"></div>
+                        </div>
+                      </td>
+                    </tr>
                     <tr>
                       <td>Pinterest</td>
                       <td>854</td>
@@ -1040,7 +1116,7 @@
                 </table>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Tasks</h4>
@@ -1073,7 +1149,7 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1102,7 +1178,7 @@
                           6</a>
                       </td>
                       <td>
-                        <span class="avatar">JL</span>
+                        <span class="avatar avatar-sm">JL</span>
                       </td>
                     </tr>
                     <tr>
@@ -1131,7 +1207,7 @@
                           1</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1160,7 +1236,7 @@
                           12</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1189,7 +1265,7 @@
                           5</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1218,13 +1294,334 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/001f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/001f.jpg)"></span>
                       </td>
                     </tr>
                   </table>
                 </div>
               </div>
             </div>
+            <div class="col-12">
+              <div class="card">
+                <div class="card-header">
+                  <h3 class="card-title">Invoices</h3>
+                </div>
+                <div class="card-body border-bottom py-3">
+                  <div class="d-flex">
+                    <div class="text-muted">
+                      Show
+                      <div class="mx-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm" value="8" size="3">
+                      </div>
+                      entries
+                    </div>
+                    <div class="ml-auto text-muted">
+                      Search:
+                      <div class="ml-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="table-responsive">
+                  <table class="table card-table table-vcenter text-nowrap datatable">
+                    <thead>
+                      <tr>
+                        <th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
+                        <th class="w-1">No. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-sm text-dark icon-thick" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 15 12 9 18 15" /></svg>
+                        </th>
+                        <th>Invoice Subject</th>
+                        <th>Client</th>
+                        <th>VAT No.</th>
+                        <th>Created</th>
+                        <th>Status</th>
+                        <th>Price</th>
+                        <th></th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001401</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Design Works</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Carlson Limited
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          15 Dec 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid
+                        </td>
+                        <td>$887</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001402</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">UX Wireframes</a></td>
+                        <td>
+                          <span class="flag flag-country-gb"></span>
+                          Adobe
+                        </td>
+                        <td>
+                          87956421
+                        </td>
+                        <td>
+                          12 Apr 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$1200</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001403</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">New Dashboard</a></td>
+                        <td>
+                          <span class="flag flag-country-de"></span>
+                          Bluewolf
+                        </td>
+                        <td>
+                          87952621
+                        </td>
+                        <td>
+                          23 Oct 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$534</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001404</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Landing Page</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Salesforce
+                        </td>
+                        <td>
+                          87953421
+                        </td>
+                        <td>
+                          2 Sep 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 2 Weeks
+                        </td>
+                        <td>$1500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001405</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Marketing Templates</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Printic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          29 Jan 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-danger"></span> Paid Today
+                        </td>
+                        <td>$648</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001406</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Sales Presentation</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Tabdaq
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          4 Feb 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 3 Weeks
+                        </td>
+                        <td>$300</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001407</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Logo & Print</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Apple
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          22 Mar 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$2500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001408</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Icons</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Tookapic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          13 May 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$940</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="card-footer d-flex align-items-center">
+                  <p class="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
+                  <ul class="pagination m-0 ml-auto">
+                    <li class="page-item disabled">
+                      <a class="page-link" href="#" tabindex="-1">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>
+                        prev
+                      </a>
+                    </li>
+                    <li class="page-item"><a class="page-link" href="#">1</a></li>
+                    <li class="page-item active"><a class="page-link" href="#">2</a></li>
+                    <li class="page-item"><a class="page-link" href="#">3</a></li>
+                    <li class="page-item"><a class="page-link" href="#">4</a></li>
+                    <li class="page-item"><a class="page-link" href="#">5</a></li>
+                    <li class="page-item">
+                      <a class="page-link" href="#">
+                        next <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
         <footer class="footer footer-transparent">
@@ -1238,15 +1635,123 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
         </footer>
       </div>
     </div>
+    <div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
+      <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">New report</h5>
+            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
+          </div>
+          <div class="modal-body">
+            <div class="mb-3">
+              <label class="form-label">Name</label>
+              <input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
+            </div>
+            <label class="form-label">Report type</label>
+            <div class="form-selectgroup-boxes row mb-3">
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Simple</span>
+                      <span class="d-block text-muted">Provide only basic data needed for the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input">
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Advanced</span>
+                      <span class="d-block text-muted">Insert charts and additional advanced analyses to be inserted in the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-lg-8">
+                <div class="mb-3">
+                  <label class="form-label">Report url</label>
+                  <div class="input-group input-group-flat">
+                    <span class="input-group-text">
+                      https://tabler.io/reports/
+                    </span>
+                    <input type="text" class="form-control pl-0"  value="report-01">
+                  </div>
+                </div>
+              </div>
+              <div class="col-lg-4">
+                <div class="mb-3">
+                  <label class="form-label">Visibility</label>
+                  <select class="form-select">
+                    <option value="1" selected>Private</option>
+                    <option value="2">Public</option>
+                    <option value="3">Hidden</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-body">
+            <div class="row">
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Client name</label>
+                  <input type="text" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Reporting period</label>
+                  <input type="date" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-12">
+                <div>
+                  <label class="form-label">Additional information</label>
+                  <textarea class="form-control" rows="3"></textarea>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <a href="#" class="btn btn-link link-secondary" data-dismiss="modal">
+              Cancel
+            </a>
+            <a href="#" class="btn btn-primary ml-auto" data-dismiss="modal">
+              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+              Create new report
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
     <!-- Libs JS -->
     <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <script src="./dist/libs/jquery/dist/jquery.slim.min.js"></script>
@@ -1556,7 +2061,7 @@
       		chart: {
       			type: "area",
       			fontFamily: 'inherit',
-      			height: 160,
+      			height: 192,
       			sparkline: {
       				enabled: true
       			},
@@ -1571,15 +2076,6 @@
       			opacity: .16,
       			type: 'solid'
       		},
-      		title: {
-      			text: "Development Activity",
-      			margin: 0,
-      			floating: true,
-      			offsetX: 10,
-      			style: {
-      				fontSize: '18px',
-      			},
-      		},
       		stroke: {
       			width: 2,
       			lineCap: "round",
@@ -1632,7 +2128,7 @@
       		strokeWidth: 2,
       		fill: ["#cd201f", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
@@ -1645,7 +2141,7 @@
       		strokeWidth: 2,
       		fill: ["#fab005", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
diff --git a/demo/layout-fluid.html b/demo/layout-fluid.html
index 2bc774aad..a7aaf8bca 100644
--- a/demo/layout-fluid.html
+++ b/demo/layout-fluid.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <!-- CSS files -->
     <link href="./dist/libs/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item active" href="./layout-fluid.html" >
                         Fluid
@@ -541,11 +548,32 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
+                <!-- Page pre-title -->
+                <div class="page-pretitle">
+                  Overview
+                </div>
                 <h2 class="page-title">
                   Fluid layout
                 </h2>
               </div>
+              <!-- Page title actions -->
+              <div class="col-auto ml-auto d-print-none">
+                <div class="btn-list">
+                  <span class="d-none d-sm-inline">
+                    <a href="#" class="btn btn-white">
+                      New view
+                    </a>
+                  </span>
+                  <a href="#" class="btn btn-primary d-none d-sm-inline-block" data-toggle="modal" data-target="#modal-report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                    Create new report
+                  </a>
+                  <a href="#" class="btn btn-primary d-sm-none btn-icon" data-toggle="modal" data-target="#modal-report" aria-label="Create new report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                  </a>
+                </div>
+              </div>
             </div>
           </div>
           <div class="row row-deck row-cards">
@@ -556,9 +584,7 @@
                     <div class="subheader">Sales</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -591,9 +617,7 @@
                     <div class="subheader">Revenue</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -621,9 +645,7 @@
                     <div class="subheader">New clients</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -651,9 +673,7 @@
                     <div class="subheader">Active users</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -674,15 +694,53 @@
                 </div>
               </div>
             </div>
-            <div class="col-lg-7">
-              <div class="card">
-                <div class="card-body">
-                  <h3 class="card-title">Traffic summary</h3>
-                  <div id="chart-mentions" class="chart-lg"></div>
+            <div class="col-lg-6">
+              <div class="row row-cards">
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <h3 class="card-title">Traffic summary</h3>
+                      <div id="chart-mentions" class="chart-lg"></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <p class="mb">Using Storage <strong>6854.45 MB </strong>of 8 GB</p>
+                      <div class="progress progress-separated mb">
+                        <div class="progress-bar bg-primary" role="progressbar" style="width: 44%"></div>
+                        <div class="progress-bar bg-info" role="progressbar" style="width: 19%"></div>
+                        <div class="progress-bar bg-success" role="progressbar" style="width: 9%"></div>
+                      </div>
+                      <div class="row">
+                        <div class="col-auto d-flex align-items-center pr-2">
+                          <span class="legend mr-2 bg-primary"></span>
+                          <span>Regular</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">915MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-info"></span>
+                          <span>System</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">415MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-success"></span>
+                          <span>Shared</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">201MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center pl-2">
+                          <span class="legend mr-2"></span>
+                          <span>Free</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">612MB</span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
-            <div class="col-lg-5">
+            <div class="col-lg-6">
               <div class="card">
                 <div class="card-body">
                   <h3 class="card-title">Top countries</h3>
@@ -699,7 +757,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4">W</span>
+                      <span class="avatar avatar-xl mb-4 avatar-rounded">W</span>
                       <h3 class="mb-0">New website</h3>
                       <p class="text-muted">Due to: 28 Aug 2019</p>
                       <p class="mb-3">
@@ -707,11 +765,11 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                          <span class="avatar">JL</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">JL</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -725,7 +783,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4 bg-green-lt">W</span>
+                      <span class="avatar avatar-xl mb-4 bg-green-lt avatar-rounded">W</span>
                       <h3 class="mb-0">UI Redesign</h3>
                       <p class="text-muted">Due to: 11 Nov 2019</p>
                       <p class="mb-3">
@@ -733,9 +791,9 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar">HS</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/006m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/004f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">HS</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/006m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/004f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -789,7 +847,16 @@
             </div>
             <div class="col-lg-6">
               <div class="card">
-                <div id="chart-development-activity" class="mt-4"></div>
+                <div class="card-header border-0">
+                  <div class="card-title">Development activity</div>
+                </div>
+                <div class="position-relative">
+                  <div class="position-absolute top-0 left-0 px-4 w-50">
+                    <div class="mb-1">Today's Earning: $4,262.40</div>
+                    <p class="text-muted text-h5">Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus...</p>
+                  </div>
+                  <div id="chart-development-activity"></div>
+                </div>
                 <div class="table-responsive">
                   <table class="table card-table table-vcenter">
                     <thead>
@@ -802,7 +869,7 @@
                     <tbody>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -813,7 +880,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar">JL</span>
+                          <span class="avatar avatar-sm">JL</span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -824,7 +891,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -835,7 +902,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -846,7 +913,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -863,10 +930,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-blue text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
+                  <span class="bg-blue text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Sales
                     </div>
                     <div class="text-muted">12 waiting payments</div>
@@ -877,10 +944,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-green text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
+                  <span class="bg-green text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       78 Orders
                     </div>
                     <div class="text-muted">32 shipped</div>
@@ -894,8 +961,8 @@
                   <div class="mr-3">
                     <div class="chart-sparkline chart-sparkline-square" id="sparkline-43"></div>
                   </div>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,352 Members
                     </div>
                     <div class="text-muted">163 registered today</div>
@@ -906,8 +973,8 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Comments
                     </div>
                     <div class="text-muted">16 waiting</div>
@@ -918,7 +985,7 @@
                 </div>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Most Visited Pages</h4>
@@ -936,7 +1003,7 @@
                     <tr>
                       <td>
                         /about.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">4,896</td>
@@ -949,7 +1016,7 @@
                     <tr>
                       <td>
                         /special-promo.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,652</td>
@@ -962,7 +1029,7 @@
                     <tr>
                       <td>
                         /news/1,new-ui-kit.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,256</td>
@@ -975,7 +1042,7 @@
                     <tr>
                       <td>
                         /lorem-ipsum-dolor-sit-amet-very-long-url.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">986</td>
@@ -1034,6 +1101,15 @@
                         </div>
                       </td>
                     </tr>
+                    <tr>
+                      <td>TikTok</td>
+                      <td>986</td>
+                      <td class="w-50">
+                        <div class="progress progress-xs">
+                          <div class="progress-bar bg-primary" style="width: 19.72%"></div>
+                        </div>
+                      </td>
+                    </tr>
                     <tr>
                       <td>Pinterest</td>
                       <td>854</td>
@@ -1056,7 +1132,7 @@
                 </table>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Tasks</h4>
@@ -1089,7 +1165,7 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1118,7 +1194,7 @@
                           6</a>
                       </td>
                       <td>
-                        <span class="avatar">JL</span>
+                        <span class="avatar avatar-sm">JL</span>
                       </td>
                     </tr>
                     <tr>
@@ -1147,7 +1223,7 @@
                           1</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1176,7 +1252,7 @@
                           12</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1205,7 +1281,7 @@
                           5</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1234,13 +1310,334 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/001f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/001f.jpg)"></span>
                       </td>
                     </tr>
                   </table>
                 </div>
               </div>
             </div>
+            <div class="col-12">
+              <div class="card">
+                <div class="card-header">
+                  <h3 class="card-title">Invoices</h3>
+                </div>
+                <div class="card-body border-bottom py-3">
+                  <div class="d-flex">
+                    <div class="text-muted">
+                      Show
+                      <div class="mx-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm" value="8" size="3">
+                      </div>
+                      entries
+                    </div>
+                    <div class="ml-auto text-muted">
+                      Search:
+                      <div class="ml-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="table-responsive">
+                  <table class="table card-table table-vcenter text-nowrap datatable">
+                    <thead>
+                      <tr>
+                        <th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
+                        <th class="w-1">No. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-sm text-dark icon-thick" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 15 12 9 18 15" /></svg>
+                        </th>
+                        <th>Invoice Subject</th>
+                        <th>Client</th>
+                        <th>VAT No.</th>
+                        <th>Created</th>
+                        <th>Status</th>
+                        <th>Price</th>
+                        <th></th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001401</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Design Works</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Carlson Limited
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          15 Dec 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid
+                        </td>
+                        <td>$887</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001402</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">UX Wireframes</a></td>
+                        <td>
+                          <span class="flag flag-country-gb"></span>
+                          Adobe
+                        </td>
+                        <td>
+                          87956421
+                        </td>
+                        <td>
+                          12 Apr 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$1200</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001403</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">New Dashboard</a></td>
+                        <td>
+                          <span class="flag flag-country-de"></span>
+                          Bluewolf
+                        </td>
+                        <td>
+                          87952621
+                        </td>
+                        <td>
+                          23 Oct 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$534</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001404</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Landing Page</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Salesforce
+                        </td>
+                        <td>
+                          87953421
+                        </td>
+                        <td>
+                          2 Sep 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 2 Weeks
+                        </td>
+                        <td>$1500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001405</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Marketing Templates</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Printic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          29 Jan 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-danger"></span> Paid Today
+                        </td>
+                        <td>$648</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001406</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Sales Presentation</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Tabdaq
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          4 Feb 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 3 Weeks
+                        </td>
+                        <td>$300</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001407</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Logo & Print</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Apple
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          22 Mar 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$2500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001408</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Icons</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Tookapic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          13 May 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$940</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="card-footer d-flex align-items-center">
+                  <p class="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
+                  <ul class="pagination m-0 ml-auto">
+                    <li class="page-item disabled">
+                      <a class="page-link" href="#" tabindex="-1">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>
+                        prev
+                      </a>
+                    </li>
+                    <li class="page-item"><a class="page-link" href="#">1</a></li>
+                    <li class="page-item active"><a class="page-link" href="#">2</a></li>
+                    <li class="page-item"><a class="page-link" href="#">3</a></li>
+                    <li class="page-item"><a class="page-link" href="#">4</a></li>
+                    <li class="page-item"><a class="page-link" href="#">5</a></li>
+                    <li class="page-item">
+                      <a class="page-link" href="#">
+                        next <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
         <footer class="footer footer-transparent">
@@ -1254,15 +1651,123 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
         </footer>
       </div>
     </div>
+    <div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
+      <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">New report</h5>
+            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
+          </div>
+          <div class="modal-body">
+            <div class="mb-3">
+              <label class="form-label">Name</label>
+              <input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
+            </div>
+            <label class="form-label">Report type</label>
+            <div class="form-selectgroup-boxes row mb-3">
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Simple</span>
+                      <span class="d-block text-muted">Provide only basic data needed for the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input">
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Advanced</span>
+                      <span class="d-block text-muted">Insert charts and additional advanced analyses to be inserted in the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-lg-8">
+                <div class="mb-3">
+                  <label class="form-label">Report url</label>
+                  <div class="input-group input-group-flat">
+                    <span class="input-group-text">
+                      https://tabler.io/reports/
+                    </span>
+                    <input type="text" class="form-control pl-0"  value="report-01">
+                  </div>
+                </div>
+              </div>
+              <div class="col-lg-4">
+                <div class="mb-3">
+                  <label class="form-label">Visibility</label>
+                  <select class="form-select">
+                    <option value="1" selected>Private</option>
+                    <option value="2">Public</option>
+                    <option value="3">Hidden</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-body">
+            <div class="row">
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Client name</label>
+                  <input type="text" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Reporting period</label>
+                  <input type="date" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-12">
+                <div>
+                  <label class="form-label">Additional information</label>
+                  <textarea class="form-control" rows="3"></textarea>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <a href="#" class="btn btn-link link-secondary" data-dismiss="modal">
+              Cancel
+            </a>
+            <a href="#" class="btn btn-primary ml-auto" data-dismiss="modal">
+              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+              Create new report
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
     <!-- Libs JS -->
     <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <script src="./dist/libs/jquery/dist/jquery.slim.min.js"></script>
@@ -1572,7 +2077,7 @@
       		chart: {
       			type: "area",
       			fontFamily: 'inherit',
-      			height: 160,
+      			height: 192,
       			sparkline: {
       				enabled: true
       			},
@@ -1587,15 +2092,6 @@
       			opacity: .16,
       			type: 'solid'
       		},
-      		title: {
-      			text: "Development Activity",
-      			margin: 0,
-      			floating: true,
-      			offsetX: 10,
-      			style: {
-      				fontSize: '18px',
-      			},
-      		},
       		stroke: {
       			width: 2,
       			lineCap: "round",
@@ -1648,7 +2144,7 @@
       		strokeWidth: 2,
       		fill: ["#cd201f", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
@@ -1661,7 +2157,7 @@
       		strokeWidth: 2,
       		fill: ["#fab005", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
diff --git a/demo/layout-horizontal.html b/demo/layout-horizontal.html
index 50fe50b50..c6cf12290 100644
--- a/demo/layout-horizontal.html
+++ b/demo/layout-horizontal.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <!-- CSS files -->
     <link href="./dist/libs/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -541,11 +548,32 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
+                <!-- Page pre-title -->
+                <div class="page-pretitle">
+                  Overview
+                </div>
                 <h2 class="page-title">
                   Horizontal layout
                 </h2>
               </div>
+              <!-- Page title actions -->
+              <div class="col-auto ml-auto d-print-none">
+                <div class="btn-list">
+                  <span class="d-none d-sm-inline">
+                    <a href="#" class="btn btn-white">
+                      New view
+                    </a>
+                  </span>
+                  <a href="#" class="btn btn-primary d-none d-sm-inline-block" data-toggle="modal" data-target="#modal-report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                    Create new report
+                  </a>
+                  <a href="#" class="btn btn-primary d-sm-none btn-icon" data-toggle="modal" data-target="#modal-report" aria-label="Create new report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                  </a>
+                </div>
+              </div>
             </div>
           </div>
           <div class="row row-deck row-cards">
@@ -556,9 +584,7 @@
                     <div class="subheader">Sales</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -591,9 +617,7 @@
                     <div class="subheader">Revenue</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -621,9 +645,7 @@
                     <div class="subheader">New clients</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -651,9 +673,7 @@
                     <div class="subheader">Active users</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -674,15 +694,53 @@
                 </div>
               </div>
             </div>
-            <div class="col-lg-7">
-              <div class="card">
-                <div class="card-body">
-                  <h3 class="card-title">Traffic summary</h3>
-                  <div id="chart-mentions" class="chart-lg"></div>
+            <div class="col-lg-6">
+              <div class="row row-cards">
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <h3 class="card-title">Traffic summary</h3>
+                      <div id="chart-mentions" class="chart-lg"></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <p class="mb">Using Storage <strong>6854.45 MB </strong>of 8 GB</p>
+                      <div class="progress progress-separated mb">
+                        <div class="progress-bar bg-primary" role="progressbar" style="width: 44%"></div>
+                        <div class="progress-bar bg-info" role="progressbar" style="width: 19%"></div>
+                        <div class="progress-bar bg-success" role="progressbar" style="width: 9%"></div>
+                      </div>
+                      <div class="row">
+                        <div class="col-auto d-flex align-items-center pr-2">
+                          <span class="legend mr-2 bg-primary"></span>
+                          <span>Regular</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">915MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-info"></span>
+                          <span>System</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">415MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-success"></span>
+                          <span>Shared</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">201MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center pl-2">
+                          <span class="legend mr-2"></span>
+                          <span>Free</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">612MB</span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
-            <div class="col-lg-5">
+            <div class="col-lg-6">
               <div class="card">
                 <div class="card-body">
                   <h3 class="card-title">Top countries</h3>
@@ -699,7 +757,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4">W</span>
+                      <span class="avatar avatar-xl mb-4 avatar-rounded">W</span>
                       <h3 class="mb-0">New website</h3>
                       <p class="text-muted">Due to: 28 Aug 2019</p>
                       <p class="mb-3">
@@ -707,11 +765,11 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                          <span class="avatar">JL</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">JL</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -725,7 +783,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4 bg-green-lt">W</span>
+                      <span class="avatar avatar-xl mb-4 bg-green-lt avatar-rounded">W</span>
                       <h3 class="mb-0">UI Redesign</h3>
                       <p class="text-muted">Due to: 11 Nov 2019</p>
                       <p class="mb-3">
@@ -733,9 +791,9 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar">HS</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/006m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/004f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">HS</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/006m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/004f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -789,7 +847,16 @@
             </div>
             <div class="col-lg-6">
               <div class="card">
-                <div id="chart-development-activity" class="mt-4"></div>
+                <div class="card-header border-0">
+                  <div class="card-title">Development activity</div>
+                </div>
+                <div class="position-relative">
+                  <div class="position-absolute top-0 left-0 px-4 w-50">
+                    <div class="mb-1">Today's Earning: $4,262.40</div>
+                    <p class="text-muted text-h5">Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus...</p>
+                  </div>
+                  <div id="chart-development-activity"></div>
+                </div>
                 <div class="table-responsive">
                   <table class="table card-table table-vcenter">
                     <thead>
@@ -802,7 +869,7 @@
                     <tbody>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -813,7 +880,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar">JL</span>
+                          <span class="avatar avatar-sm">JL</span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -824,7 +891,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -835,7 +902,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -846,7 +913,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -863,10 +930,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-blue text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
+                  <span class="bg-blue text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Sales
                     </div>
                     <div class="text-muted">12 waiting payments</div>
@@ -877,10 +944,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-green text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
+                  <span class="bg-green text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       78 Orders
                     </div>
                     <div class="text-muted">32 shipped</div>
@@ -894,8 +961,8 @@
                   <div class="mr-3">
                     <div class="chart-sparkline chart-sparkline-square" id="sparkline-49"></div>
                   </div>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,352 Members
                     </div>
                     <div class="text-muted">163 registered today</div>
@@ -906,8 +973,8 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Comments
                     </div>
                     <div class="text-muted">16 waiting</div>
@@ -918,7 +985,7 @@
                 </div>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Most Visited Pages</h4>
@@ -936,7 +1003,7 @@
                     <tr>
                       <td>
                         /about.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">4,896</td>
@@ -949,7 +1016,7 @@
                     <tr>
                       <td>
                         /special-promo.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,652</td>
@@ -962,7 +1029,7 @@
                     <tr>
                       <td>
                         /news/1,new-ui-kit.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,256</td>
@@ -975,7 +1042,7 @@
                     <tr>
                       <td>
                         /lorem-ipsum-dolor-sit-amet-very-long-url.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">986</td>
@@ -1034,6 +1101,15 @@
                         </div>
                       </td>
                     </tr>
+                    <tr>
+                      <td>TikTok</td>
+                      <td>986</td>
+                      <td class="w-50">
+                        <div class="progress progress-xs">
+                          <div class="progress-bar bg-primary" style="width: 19.72%"></div>
+                        </div>
+                      </td>
+                    </tr>
                     <tr>
                       <td>Pinterest</td>
                       <td>854</td>
@@ -1056,7 +1132,7 @@
                 </table>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Tasks</h4>
@@ -1089,7 +1165,7 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1118,7 +1194,7 @@
                           6</a>
                       </td>
                       <td>
-                        <span class="avatar">JL</span>
+                        <span class="avatar avatar-sm">JL</span>
                       </td>
                     </tr>
                     <tr>
@@ -1147,7 +1223,7 @@
                           1</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1176,7 +1252,7 @@
                           12</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1205,7 +1281,7 @@
                           5</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1234,13 +1310,334 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/001f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/001f.jpg)"></span>
                       </td>
                     </tr>
                   </table>
                 </div>
               </div>
             </div>
+            <div class="col-12">
+              <div class="card">
+                <div class="card-header">
+                  <h3 class="card-title">Invoices</h3>
+                </div>
+                <div class="card-body border-bottom py-3">
+                  <div class="d-flex">
+                    <div class="text-muted">
+                      Show
+                      <div class="mx-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm" value="8" size="3">
+                      </div>
+                      entries
+                    </div>
+                    <div class="ml-auto text-muted">
+                      Search:
+                      <div class="ml-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="table-responsive">
+                  <table class="table card-table table-vcenter text-nowrap datatable">
+                    <thead>
+                      <tr>
+                        <th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
+                        <th class="w-1">No. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-sm text-dark icon-thick" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 15 12 9 18 15" /></svg>
+                        </th>
+                        <th>Invoice Subject</th>
+                        <th>Client</th>
+                        <th>VAT No.</th>
+                        <th>Created</th>
+                        <th>Status</th>
+                        <th>Price</th>
+                        <th></th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001401</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Design Works</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Carlson Limited
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          15 Dec 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid
+                        </td>
+                        <td>$887</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001402</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">UX Wireframes</a></td>
+                        <td>
+                          <span class="flag flag-country-gb"></span>
+                          Adobe
+                        </td>
+                        <td>
+                          87956421
+                        </td>
+                        <td>
+                          12 Apr 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$1200</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001403</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">New Dashboard</a></td>
+                        <td>
+                          <span class="flag flag-country-de"></span>
+                          Bluewolf
+                        </td>
+                        <td>
+                          87952621
+                        </td>
+                        <td>
+                          23 Oct 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$534</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001404</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Landing Page</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Salesforce
+                        </td>
+                        <td>
+                          87953421
+                        </td>
+                        <td>
+                          2 Sep 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 2 Weeks
+                        </td>
+                        <td>$1500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001405</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Marketing Templates</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Printic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          29 Jan 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-danger"></span> Paid Today
+                        </td>
+                        <td>$648</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001406</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Sales Presentation</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Tabdaq
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          4 Feb 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 3 Weeks
+                        </td>
+                        <td>$300</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001407</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Logo & Print</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Apple
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          22 Mar 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$2500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001408</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Icons</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Tookapic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          13 May 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$940</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="card-footer d-flex align-items-center">
+                  <p class="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
+                  <ul class="pagination m-0 ml-auto">
+                    <li class="page-item disabled">
+                      <a class="page-link" href="#" tabindex="-1">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>
+                        prev
+                      </a>
+                    </li>
+                    <li class="page-item"><a class="page-link" href="#">1</a></li>
+                    <li class="page-item active"><a class="page-link" href="#">2</a></li>
+                    <li class="page-item"><a class="page-link" href="#">3</a></li>
+                    <li class="page-item"><a class="page-link" href="#">4</a></li>
+                    <li class="page-item"><a class="page-link" href="#">5</a></li>
+                    <li class="page-item">
+                      <a class="page-link" href="#">
+                        next <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
         <footer class="footer footer-transparent">
@@ -1254,15 +1651,123 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
         </footer>
       </div>
     </div>
+    <div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
+      <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">New report</h5>
+            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
+          </div>
+          <div class="modal-body">
+            <div class="mb-3">
+              <label class="form-label">Name</label>
+              <input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
+            </div>
+            <label class="form-label">Report type</label>
+            <div class="form-selectgroup-boxes row mb-3">
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Simple</span>
+                      <span class="d-block text-muted">Provide only basic data needed for the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input">
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Advanced</span>
+                      <span class="d-block text-muted">Insert charts and additional advanced analyses to be inserted in the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-lg-8">
+                <div class="mb-3">
+                  <label class="form-label">Report url</label>
+                  <div class="input-group input-group-flat">
+                    <span class="input-group-text">
+                      https://tabler.io/reports/
+                    </span>
+                    <input type="text" class="form-control pl-0"  value="report-01">
+                  </div>
+                </div>
+              </div>
+              <div class="col-lg-4">
+                <div class="mb-3">
+                  <label class="form-label">Visibility</label>
+                  <select class="form-select">
+                    <option value="1" selected>Private</option>
+                    <option value="2">Public</option>
+                    <option value="3">Hidden</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-body">
+            <div class="row">
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Client name</label>
+                  <input type="text" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Reporting period</label>
+                  <input type="date" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-12">
+                <div>
+                  <label class="form-label">Additional information</label>
+                  <textarea class="form-control" rows="3"></textarea>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <a href="#" class="btn btn-link link-secondary" data-dismiss="modal">
+              Cancel
+            </a>
+            <a href="#" class="btn btn-primary ml-auto" data-dismiss="modal">
+              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+              Create new report
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
     <!-- Libs JS -->
     <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <script src="./dist/libs/jquery/dist/jquery.slim.min.js"></script>
@@ -1572,7 +2077,7 @@
       		chart: {
       			type: "area",
       			fontFamily: 'inherit',
-      			height: 160,
+      			height: 192,
       			sparkline: {
       				enabled: true
       			},
@@ -1587,15 +2092,6 @@
       			opacity: .16,
       			type: 'solid'
       		},
-      		title: {
-      			text: "Development Activity",
-      			margin: 0,
-      			floating: true,
-      			offsetX: 10,
-      			style: {
-      				fontSize: '18px',
-      			},
-      		},
       		stroke: {
       			width: 2,
       			lineCap: "round",
@@ -1648,7 +2144,7 @@
       		strokeWidth: 2,
       		fill: ["#cd201f", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
@@ -1661,7 +2157,7 @@
       		strokeWidth: 2,
       		fill: ["#fab005", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
diff --git a/demo/layout-navbar-dark.html b/demo/layout-navbar-dark.html
index a9b5b3d87..7b1c53c7a 100644
--- a/demo/layout-navbar-dark.html
+++ b/demo/layout-navbar-dark.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <!-- CSS files -->
     <link href="./dist/libs/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo-white.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo-white.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -541,11 +548,32 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
+                <!-- Page pre-title -->
+                <div class="page-pretitle">
+                  Overview
+                </div>
                 <h2 class="page-title">
                   Navbar dark
                 </h2>
               </div>
+              <!-- Page title actions -->
+              <div class="col-auto ml-auto d-print-none">
+                <div class="btn-list">
+                  <span class="d-none d-sm-inline">
+                    <a href="#" class="btn btn-white">
+                      New view
+                    </a>
+                  </span>
+                  <a href="#" class="btn btn-primary d-none d-sm-inline-block" data-toggle="modal" data-target="#modal-report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                    Create new report
+                  </a>
+                  <a href="#" class="btn btn-primary d-sm-none btn-icon" data-toggle="modal" data-target="#modal-report" aria-label="Create new report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                  </a>
+                </div>
+              </div>
             </div>
           </div>
           <div class="row row-deck row-cards">
@@ -556,9 +584,7 @@
                     <div class="subheader">Sales</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -591,9 +617,7 @@
                     <div class="subheader">Revenue</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -621,9 +645,7 @@
                     <div class="subheader">New clients</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -651,9 +673,7 @@
                     <div class="subheader">Active users</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -674,15 +694,53 @@
                 </div>
               </div>
             </div>
-            <div class="col-lg-7">
-              <div class="card">
-                <div class="card-body">
-                  <h3 class="card-title">Traffic summary</h3>
-                  <div id="chart-mentions" class="chart-lg"></div>
+            <div class="col-lg-6">
+              <div class="row row-cards">
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <h3 class="card-title">Traffic summary</h3>
+                      <div id="chart-mentions" class="chart-lg"></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <p class="mb">Using Storage <strong>6854.45 MB </strong>of 8 GB</p>
+                      <div class="progress progress-separated mb">
+                        <div class="progress-bar bg-primary" role="progressbar" style="width: 44%"></div>
+                        <div class="progress-bar bg-info" role="progressbar" style="width: 19%"></div>
+                        <div class="progress-bar bg-success" role="progressbar" style="width: 9%"></div>
+                      </div>
+                      <div class="row">
+                        <div class="col-auto d-flex align-items-center pr-2">
+                          <span class="legend mr-2 bg-primary"></span>
+                          <span>Regular</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">915MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-info"></span>
+                          <span>System</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">415MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-success"></span>
+                          <span>Shared</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">201MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center pl-2">
+                          <span class="legend mr-2"></span>
+                          <span>Free</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">612MB</span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
-            <div class="col-lg-5">
+            <div class="col-lg-6">
               <div class="card">
                 <div class="card-body">
                   <h3 class="card-title">Top countries</h3>
@@ -699,7 +757,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4">W</span>
+                      <span class="avatar avatar-xl mb-4 avatar-rounded">W</span>
                       <h3 class="mb-0">New website</h3>
                       <p class="text-muted">Due to: 28 Aug 2019</p>
                       <p class="mb-3">
@@ -707,11 +765,11 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                          <span class="avatar">JL</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">JL</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -725,7 +783,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4 bg-green-lt">W</span>
+                      <span class="avatar avatar-xl mb-4 bg-green-lt avatar-rounded">W</span>
                       <h3 class="mb-0">UI Redesign</h3>
                       <p class="text-muted">Due to: 11 Nov 2019</p>
                       <p class="mb-3">
@@ -733,9 +791,9 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar">HS</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/006m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/004f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">HS</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/006m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/004f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -789,7 +847,16 @@
             </div>
             <div class="col-lg-6">
               <div class="card">
-                <div id="chart-development-activity" class="mt-4"></div>
+                <div class="card-header border-0">
+                  <div class="card-title">Development activity</div>
+                </div>
+                <div class="position-relative">
+                  <div class="position-absolute top-0 left-0 px-4 w-50">
+                    <div class="mb-1">Today's Earning: $4,262.40</div>
+                    <p class="text-muted text-h5">Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus...</p>
+                  </div>
+                  <div id="chart-development-activity"></div>
+                </div>
                 <div class="table-responsive">
                   <table class="table card-table table-vcenter">
                     <thead>
@@ -802,7 +869,7 @@
                     <tbody>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -813,7 +880,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar">JL</span>
+                          <span class="avatar avatar-sm">JL</span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -824,7 +891,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -835,7 +902,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -846,7 +913,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -863,10 +930,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-blue text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
+                  <span class="bg-blue text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Sales
                     </div>
                     <div class="text-muted">12 waiting payments</div>
@@ -877,10 +944,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-green text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
+                  <span class="bg-green text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       78 Orders
                     </div>
                     <div class="text-muted">32 shipped</div>
@@ -894,8 +961,8 @@
                   <div class="mr-3">
                     <div class="chart-sparkline chart-sparkline-square" id="sparkline-55"></div>
                   </div>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,352 Members
                     </div>
                     <div class="text-muted">163 registered today</div>
@@ -906,8 +973,8 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Comments
                     </div>
                     <div class="text-muted">16 waiting</div>
@@ -918,7 +985,7 @@
                 </div>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Most Visited Pages</h4>
@@ -936,7 +1003,7 @@
                     <tr>
                       <td>
                         /about.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">4,896</td>
@@ -949,7 +1016,7 @@
                     <tr>
                       <td>
                         /special-promo.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,652</td>
@@ -962,7 +1029,7 @@
                     <tr>
                       <td>
                         /news/1,new-ui-kit.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,256</td>
@@ -975,7 +1042,7 @@
                     <tr>
                       <td>
                         /lorem-ipsum-dolor-sit-amet-very-long-url.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">986</td>
@@ -1034,6 +1101,15 @@
                         </div>
                       </td>
                     </tr>
+                    <tr>
+                      <td>TikTok</td>
+                      <td>986</td>
+                      <td class="w-50">
+                        <div class="progress progress-xs">
+                          <div class="progress-bar bg-primary" style="width: 19.72%"></div>
+                        </div>
+                      </td>
+                    </tr>
                     <tr>
                       <td>Pinterest</td>
                       <td>854</td>
@@ -1056,7 +1132,7 @@
                 </table>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Tasks</h4>
@@ -1089,7 +1165,7 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1118,7 +1194,7 @@
                           6</a>
                       </td>
                       <td>
-                        <span class="avatar">JL</span>
+                        <span class="avatar avatar-sm">JL</span>
                       </td>
                     </tr>
                     <tr>
@@ -1147,7 +1223,7 @@
                           1</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1176,7 +1252,7 @@
                           12</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1205,7 +1281,7 @@
                           5</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1234,13 +1310,334 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/001f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/001f.jpg)"></span>
                       </td>
                     </tr>
                   </table>
                 </div>
               </div>
             </div>
+            <div class="col-12">
+              <div class="card">
+                <div class="card-header">
+                  <h3 class="card-title">Invoices</h3>
+                </div>
+                <div class="card-body border-bottom py-3">
+                  <div class="d-flex">
+                    <div class="text-muted">
+                      Show
+                      <div class="mx-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm" value="8" size="3">
+                      </div>
+                      entries
+                    </div>
+                    <div class="ml-auto text-muted">
+                      Search:
+                      <div class="ml-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="table-responsive">
+                  <table class="table card-table table-vcenter text-nowrap datatable">
+                    <thead>
+                      <tr>
+                        <th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
+                        <th class="w-1">No. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-sm text-dark icon-thick" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 15 12 9 18 15" /></svg>
+                        </th>
+                        <th>Invoice Subject</th>
+                        <th>Client</th>
+                        <th>VAT No.</th>
+                        <th>Created</th>
+                        <th>Status</th>
+                        <th>Price</th>
+                        <th></th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001401</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Design Works</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Carlson Limited
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          15 Dec 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid
+                        </td>
+                        <td>$887</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001402</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">UX Wireframes</a></td>
+                        <td>
+                          <span class="flag flag-country-gb"></span>
+                          Adobe
+                        </td>
+                        <td>
+                          87956421
+                        </td>
+                        <td>
+                          12 Apr 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$1200</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001403</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">New Dashboard</a></td>
+                        <td>
+                          <span class="flag flag-country-de"></span>
+                          Bluewolf
+                        </td>
+                        <td>
+                          87952621
+                        </td>
+                        <td>
+                          23 Oct 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$534</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001404</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Landing Page</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Salesforce
+                        </td>
+                        <td>
+                          87953421
+                        </td>
+                        <td>
+                          2 Sep 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 2 Weeks
+                        </td>
+                        <td>$1500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001405</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Marketing Templates</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Printic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          29 Jan 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-danger"></span> Paid Today
+                        </td>
+                        <td>$648</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001406</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Sales Presentation</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Tabdaq
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          4 Feb 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 3 Weeks
+                        </td>
+                        <td>$300</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001407</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Logo & Print</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Apple
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          22 Mar 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$2500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001408</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Icons</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Tookapic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          13 May 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$940</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="card-footer d-flex align-items-center">
+                  <p class="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
+                  <ul class="pagination m-0 ml-auto">
+                    <li class="page-item disabled">
+                      <a class="page-link" href="#" tabindex="-1">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>
+                        prev
+                      </a>
+                    </li>
+                    <li class="page-item"><a class="page-link" href="#">1</a></li>
+                    <li class="page-item active"><a class="page-link" href="#">2</a></li>
+                    <li class="page-item"><a class="page-link" href="#">3</a></li>
+                    <li class="page-item"><a class="page-link" href="#">4</a></li>
+                    <li class="page-item"><a class="page-link" href="#">5</a></li>
+                    <li class="page-item">
+                      <a class="page-link" href="#">
+                        next <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
         <footer class="footer footer-transparent">
@@ -1254,15 +1651,123 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
         </footer>
       </div>
     </div>
+    <div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
+      <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">New report</h5>
+            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
+          </div>
+          <div class="modal-body">
+            <div class="mb-3">
+              <label class="form-label">Name</label>
+              <input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
+            </div>
+            <label class="form-label">Report type</label>
+            <div class="form-selectgroup-boxes row mb-3">
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Simple</span>
+                      <span class="d-block text-muted">Provide only basic data needed for the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input">
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Advanced</span>
+                      <span class="d-block text-muted">Insert charts and additional advanced analyses to be inserted in the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-lg-8">
+                <div class="mb-3">
+                  <label class="form-label">Report url</label>
+                  <div class="input-group input-group-flat">
+                    <span class="input-group-text">
+                      https://tabler.io/reports/
+                    </span>
+                    <input type="text" class="form-control pl-0"  value="report-01">
+                  </div>
+                </div>
+              </div>
+              <div class="col-lg-4">
+                <div class="mb-3">
+                  <label class="form-label">Visibility</label>
+                  <select class="form-select">
+                    <option value="1" selected>Private</option>
+                    <option value="2">Public</option>
+                    <option value="3">Hidden</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-body">
+            <div class="row">
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Client name</label>
+                  <input type="text" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Reporting period</label>
+                  <input type="date" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-12">
+                <div>
+                  <label class="form-label">Additional information</label>
+                  <textarea class="form-control" rows="3"></textarea>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <a href="#" class="btn btn-link link-secondary" data-dismiss="modal">
+              Cancel
+            </a>
+            <a href="#" class="btn btn-primary ml-auto" data-dismiss="modal">
+              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+              Create new report
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
     <!-- Libs JS -->
     <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <script src="./dist/libs/jquery/dist/jquery.slim.min.js"></script>
@@ -1572,7 +2077,7 @@
       		chart: {
       			type: "area",
       			fontFamily: 'inherit',
-      			height: 160,
+      			height: 192,
       			sparkline: {
       				enabled: true
       			},
@@ -1587,15 +2092,6 @@
       			opacity: .16,
       			type: 'solid'
       		},
-      		title: {
-      			text: "Development Activity",
-      			margin: 0,
-      			floating: true,
-      			offsetX: 10,
-      			style: {
-      				fontSize: '18px',
-      			},
-      		},
       		stroke: {
       			width: 2,
       			lineCap: "round",
@@ -1648,7 +2144,7 @@
       		strokeWidth: 2,
       		fill: ["#cd201f", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
@@ -1661,7 +2157,7 @@
       		strokeWidth: 2,
       		fill: ["#fab005", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
diff --git a/demo/layout-navbar-overlap.html b/demo/layout-navbar-overlap.html
index 8a7363aee..7709e1f1a 100644
--- a/demo/layout-navbar-overlap.html
+++ b/demo/layout-navbar-overlap.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <!-- CSS files -->
     <link href="./dist/libs/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo-white.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo-white.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -187,6 +184,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -334,6 +336,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -537,11 +544,32 @@
           <!-- Page title -->
           <div class="page-header text-white">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
+                <!-- Page pre-title -->
+                <div class="page-pretitle">
+                  Overview
+                </div>
                 <h2 class="page-title">
                   Navbar overlap layout
                 </h2>
               </div>
+              <!-- Page title actions -->
+              <div class="col-auto ml-auto d-print-none">
+                <div class="btn-list">
+                  <span class="d-none d-sm-inline">
+                    <a href="#" class="btn btn-white">
+                      New view
+                    </a>
+                  </span>
+                  <a href="#" class="btn btn-primary d-none d-sm-inline-block" data-toggle="modal" data-target="#modal-report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                    Create new report
+                  </a>
+                  <a href="#" class="btn btn-primary d-sm-none btn-icon" data-toggle="modal" data-target="#modal-report" aria-label="Create new report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                  </a>
+                </div>
+              </div>
             </div>
           </div>
           <div class="row row-deck row-cards">
@@ -552,9 +580,7 @@
                     <div class="subheader">Sales</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -587,9 +613,7 @@
                     <div class="subheader">Revenue</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -617,9 +641,7 @@
                     <div class="subheader">New clients</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -647,9 +669,7 @@
                     <div class="subheader">Active users</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -670,15 +690,53 @@
                 </div>
               </div>
             </div>
-            <div class="col-lg-7">
-              <div class="card">
-                <div class="card-body">
-                  <h3 class="card-title">Traffic summary</h3>
-                  <div id="chart-mentions" class="chart-lg"></div>
+            <div class="col-lg-6">
+              <div class="row row-cards">
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <h3 class="card-title">Traffic summary</h3>
+                      <div id="chart-mentions" class="chart-lg"></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <p class="mb">Using Storage <strong>6854.45 MB </strong>of 8 GB</p>
+                      <div class="progress progress-separated mb">
+                        <div class="progress-bar bg-primary" role="progressbar" style="width: 44%"></div>
+                        <div class="progress-bar bg-info" role="progressbar" style="width: 19%"></div>
+                        <div class="progress-bar bg-success" role="progressbar" style="width: 9%"></div>
+                      </div>
+                      <div class="row">
+                        <div class="col-auto d-flex align-items-center pr-2">
+                          <span class="legend mr-2 bg-primary"></span>
+                          <span>Regular</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">915MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-info"></span>
+                          <span>System</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">415MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-success"></span>
+                          <span>Shared</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">201MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center pl-2">
+                          <span class="legend mr-2"></span>
+                          <span>Free</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">612MB</span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
-            <div class="col-lg-5">
+            <div class="col-lg-6">
               <div class="card">
                 <div class="card-body">
                   <h3 class="card-title">Top countries</h3>
@@ -695,7 +753,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4">W</span>
+                      <span class="avatar avatar-xl mb-4 avatar-rounded">W</span>
                       <h3 class="mb-0">New website</h3>
                       <p class="text-muted">Due to: 28 Aug 2019</p>
                       <p class="mb-3">
@@ -703,11 +761,11 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                          <span class="avatar">JL</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">JL</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -721,7 +779,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4 bg-green-lt">W</span>
+                      <span class="avatar avatar-xl mb-4 bg-green-lt avatar-rounded">W</span>
                       <h3 class="mb-0">UI Redesign</h3>
                       <p class="text-muted">Due to: 11 Nov 2019</p>
                       <p class="mb-3">
@@ -729,9 +787,9 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar">HS</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/006m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/004f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">HS</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/006m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/004f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -785,7 +843,16 @@
             </div>
             <div class="col-lg-6">
               <div class="card">
-                <div id="chart-development-activity" class="mt-4"></div>
+                <div class="card-header border-0">
+                  <div class="card-title">Development activity</div>
+                </div>
+                <div class="position-relative">
+                  <div class="position-absolute top-0 left-0 px-4 w-50">
+                    <div class="mb-1">Today's Earning: $4,262.40</div>
+                    <p class="text-muted text-h5">Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus...</p>
+                  </div>
+                  <div id="chart-development-activity"></div>
+                </div>
                 <div class="table-responsive">
                   <table class="table card-table table-vcenter">
                     <thead>
@@ -798,7 +865,7 @@
                     <tbody>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -809,7 +876,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar">JL</span>
+                          <span class="avatar avatar-sm">JL</span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -820,7 +887,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -831,7 +898,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -842,7 +909,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -859,10 +926,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-blue text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
+                  <span class="bg-blue text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Sales
                     </div>
                     <div class="text-muted">12 waiting payments</div>
@@ -873,10 +940,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-green text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
+                  <span class="bg-green text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       78 Orders
                     </div>
                     <div class="text-muted">32 shipped</div>
@@ -890,8 +957,8 @@
                   <div class="mr-3">
                     <div class="chart-sparkline chart-sparkline-square" id="sparkline-61"></div>
                   </div>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,352 Members
                     </div>
                     <div class="text-muted">163 registered today</div>
@@ -902,8 +969,8 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Comments
                     </div>
                     <div class="text-muted">16 waiting</div>
@@ -914,7 +981,7 @@
                 </div>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Most Visited Pages</h4>
@@ -932,7 +999,7 @@
                     <tr>
                       <td>
                         /about.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">4,896</td>
@@ -945,7 +1012,7 @@
                     <tr>
                       <td>
                         /special-promo.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,652</td>
@@ -958,7 +1025,7 @@
                     <tr>
                       <td>
                         /news/1,new-ui-kit.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,256</td>
@@ -971,7 +1038,7 @@
                     <tr>
                       <td>
                         /lorem-ipsum-dolor-sit-amet-very-long-url.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">986</td>
@@ -1030,6 +1097,15 @@
                         </div>
                       </td>
                     </tr>
+                    <tr>
+                      <td>TikTok</td>
+                      <td>986</td>
+                      <td class="w-50">
+                        <div class="progress progress-xs">
+                          <div class="progress-bar bg-primary" style="width: 19.72%"></div>
+                        </div>
+                      </td>
+                    </tr>
                     <tr>
                       <td>Pinterest</td>
                       <td>854</td>
@@ -1052,7 +1128,7 @@
                 </table>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Tasks</h4>
@@ -1085,7 +1161,7 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1114,7 +1190,7 @@
                           6</a>
                       </td>
                       <td>
-                        <span class="avatar">JL</span>
+                        <span class="avatar avatar-sm">JL</span>
                       </td>
                     </tr>
                     <tr>
@@ -1143,7 +1219,7 @@
                           1</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1172,7 +1248,7 @@
                           12</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1201,7 +1277,7 @@
                           5</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1230,13 +1306,334 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/001f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/001f.jpg)"></span>
                       </td>
                     </tr>
                   </table>
                 </div>
               </div>
             </div>
+            <div class="col-12">
+              <div class="card">
+                <div class="card-header">
+                  <h3 class="card-title">Invoices</h3>
+                </div>
+                <div class="card-body border-bottom py-3">
+                  <div class="d-flex">
+                    <div class="text-muted">
+                      Show
+                      <div class="mx-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm" value="8" size="3">
+                      </div>
+                      entries
+                    </div>
+                    <div class="ml-auto text-muted">
+                      Search:
+                      <div class="ml-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="table-responsive">
+                  <table class="table card-table table-vcenter text-nowrap datatable">
+                    <thead>
+                      <tr>
+                        <th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
+                        <th class="w-1">No. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-sm text-dark icon-thick" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 15 12 9 18 15" /></svg>
+                        </th>
+                        <th>Invoice Subject</th>
+                        <th>Client</th>
+                        <th>VAT No.</th>
+                        <th>Created</th>
+                        <th>Status</th>
+                        <th>Price</th>
+                        <th></th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001401</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Design Works</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Carlson Limited
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          15 Dec 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid
+                        </td>
+                        <td>$887</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001402</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">UX Wireframes</a></td>
+                        <td>
+                          <span class="flag flag-country-gb"></span>
+                          Adobe
+                        </td>
+                        <td>
+                          87956421
+                        </td>
+                        <td>
+                          12 Apr 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$1200</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001403</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">New Dashboard</a></td>
+                        <td>
+                          <span class="flag flag-country-de"></span>
+                          Bluewolf
+                        </td>
+                        <td>
+                          87952621
+                        </td>
+                        <td>
+                          23 Oct 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$534</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001404</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Landing Page</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Salesforce
+                        </td>
+                        <td>
+                          87953421
+                        </td>
+                        <td>
+                          2 Sep 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 2 Weeks
+                        </td>
+                        <td>$1500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001405</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Marketing Templates</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Printic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          29 Jan 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-danger"></span> Paid Today
+                        </td>
+                        <td>$648</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001406</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Sales Presentation</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Tabdaq
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          4 Feb 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 3 Weeks
+                        </td>
+                        <td>$300</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001407</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Logo & Print</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Apple
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          22 Mar 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$2500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001408</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Icons</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Tookapic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          13 May 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$940</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="card-footer d-flex align-items-center">
+                  <p class="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
+                  <ul class="pagination m-0 ml-auto">
+                    <li class="page-item disabled">
+                      <a class="page-link" href="#" tabindex="-1">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>
+                        prev
+                      </a>
+                    </li>
+                    <li class="page-item"><a class="page-link" href="#">1</a></li>
+                    <li class="page-item active"><a class="page-link" href="#">2</a></li>
+                    <li class="page-item"><a class="page-link" href="#">3</a></li>
+                    <li class="page-item"><a class="page-link" href="#">4</a></li>
+                    <li class="page-item"><a class="page-link" href="#">5</a></li>
+                    <li class="page-item">
+                      <a class="page-link" href="#">
+                        next <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
         <footer class="footer footer-transparent">
@@ -1250,15 +1647,123 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
         </footer>
       </div>
     </div>
+    <div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
+      <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">New report</h5>
+            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
+          </div>
+          <div class="modal-body">
+            <div class="mb-3">
+              <label class="form-label">Name</label>
+              <input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
+            </div>
+            <label class="form-label">Report type</label>
+            <div class="form-selectgroup-boxes row mb-3">
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Simple</span>
+                      <span class="d-block text-muted">Provide only basic data needed for the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input">
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Advanced</span>
+                      <span class="d-block text-muted">Insert charts and additional advanced analyses to be inserted in the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-lg-8">
+                <div class="mb-3">
+                  <label class="form-label">Report url</label>
+                  <div class="input-group input-group-flat">
+                    <span class="input-group-text">
+                      https://tabler.io/reports/
+                    </span>
+                    <input type="text" class="form-control pl-0"  value="report-01">
+                  </div>
+                </div>
+              </div>
+              <div class="col-lg-4">
+                <div class="mb-3">
+                  <label class="form-label">Visibility</label>
+                  <select class="form-select">
+                    <option value="1" selected>Private</option>
+                    <option value="2">Public</option>
+                    <option value="3">Hidden</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-body">
+            <div class="row">
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Client name</label>
+                  <input type="text" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Reporting period</label>
+                  <input type="date" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-12">
+                <div>
+                  <label class="form-label">Additional information</label>
+                  <textarea class="form-control" rows="3"></textarea>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <a href="#" class="btn btn-link link-secondary" data-dismiss="modal">
+              Cancel
+            </a>
+            <a href="#" class="btn btn-primary ml-auto" data-dismiss="modal">
+              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+              Create new report
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
     <!-- Libs JS -->
     <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <script src="./dist/libs/jquery/dist/jquery.slim.min.js"></script>
@@ -1568,7 +2073,7 @@
       		chart: {
       			type: "area",
       			fontFamily: 'inherit',
-      			height: 160,
+      			height: 192,
       			sparkline: {
       				enabled: true
       			},
@@ -1583,15 +2088,6 @@
       			opacity: .16,
       			type: 'solid'
       		},
-      		title: {
-      			text: "Development Activity",
-      			margin: 0,
-      			floating: true,
-      			offsetX: 10,
-      			style: {
-      				fontSize: '18px',
-      			},
-      		},
       		stroke: {
       			width: 2,
       			lineCap: "round",
@@ -1644,7 +2140,7 @@
       		strokeWidth: 2,
       		fill: ["#cd201f", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
@@ -1657,7 +2153,7 @@
       		strokeWidth: 2,
       		fill: ["#fab005", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
diff --git a/demo/layout-rtl.html b/demo/layout-rtl.html
new file mode 100644
index 000000000..0e09a2469
--- /dev/null
+++ b/demo/layout-rtl.html
@@ -0,0 +1,2216 @@
+<!doctype html>
+<!--
+* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
+* @version 1.0.0-alpha.9
+* @link https://tabler.io
+* Copyright 2018-2020 The Tabler Authors
+* Copyright 2018-2020 codecalm.net Paweł Kuna
+* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
+-->
+<html lang="en" dir="rtl" >
+  <head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
+    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
+    <title>RTL mode - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
+    <meta name="msapplication-TileColor" content="#206bc4"/>
+    <meta name="theme-color" content="#206bc4"/>
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
+    <meta name="apple-mobile-web-app-capable" content="yes"/>
+    <meta name="mobile-web-app-capable" content="yes"/>
+    <meta name="HandheldFriendly" content="True"/>
+    <meta name="MobileOptimized" content="320"/>
+    <meta name="robots" content="noindex,nofollow,noarchive"/>
+    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
+    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
+    <!-- CSS files -->
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css" rel="stylesheet"/>
+    <style>
+      body {
+      	display: none;
+      }
+    </style>
+  </head>
+  <body class="antialiased">
+    <div class="page">
+      <header class="navbar navbar-expand-md navbar-light">
+        <div class="container-xl">
+          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+          <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
+          </a>
+          <div class="navbar-nav flex-row order-md-last">
+            <div class="nav-item dropdown d-none d-md-flex mr-3">
+              <a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
+                <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
+                <span class="badge bg-red"></span>
+              </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-card">
+                <div class="card">
+                  <div class="card-body">
+                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="nav-item dropdown">
+              <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <div class="d-none d-xl-block pl-2">
+                  <div>Paweł Kuna</div>
+                  <div class="mt-1 small text-muted">UI Designer</div>
+                </div>
+              </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
+                <div class="dropdown-divider"></div>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </header>
+      <div class="navbar-expand-md">
+        <div class="collapse navbar-collapse" id="navbar-menu">
+          <div class="navbar navbar-light">
+            <div class="container-xl">
+              <ul class="navbar-nav">
+                <li class="nav-item active">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
+                    </span>
+                    <span class="nav-link-title">
+                      Home
+                    </span>
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button" aria-expanded="false" >
+                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
+                    </span>
+                    <span class="nav-link-title">
+                      User Interface
+                    </span>
+                  </a>
+                  <ul class="dropdown-menu dropdown-menu-columns  dropdown-menu-columns-2">
+                    <li >
+                      <a class="dropdown-item" href="./empty.html" >
+                        Empty page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Blank page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards-masonry.html" >
+                        Cards Masonry
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./dropdowns.html" >
+                        Dropdowns
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./icons.html" >
+                        Icons
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./modals.html" >
+                        Modals
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maps.html" >
+                        Maps
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maps-vector.html" >
+                        Vector maps
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./navigation.html" >
+                        Navigation
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./charts.html" >
+                        Charts
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./pagination.html" >
+                        Pagination
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./tables.html" >
+                        Tables
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./calendar.html" >
+                        Calendar
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./carousel.html" >
+                        Carousel
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./lists.html" >
+                        Lists
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        Authentication
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./sign-in.html" class="dropdown-item">Sign in</a>
+                        <a href="./sign-up.html" class="dropdown-item">Sign up</a>
+                        <a href="./forgot-password.html" class="dropdown-item">Forgot password</a>
+                        <a href="./terms-of-service.html" class="dropdown-item">Terms of service</a>
+                      </div>
+                    </li>
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        Error pages
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./error-404.html" class="dropdown-item">404 page</a>
+                        <a href="./error-500.html" class="dropdown-item">500 page</a>
+                        <a href="./error-maintenance.html" class="dropdown-item">Maintenance page</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
+                    </span>
+                    <span class="nav-link-title">
+                      Form elements
+                    </span>
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button" aria-expanded="false" >
+                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
+                    </span>
+                    <span class="nav-link-title">
+                      Extra
+                    </span>
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./invoice.html" >
+                        Invoice
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./blog.html" >
+                        Blog cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./snippets.html" >
+                        Snippets
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./pricing.html" >
+                        Pricing cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./users.html" >
+                        Users
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./gallery.html" >
+                        Gallery
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./profile.html" >
+                        Profile
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./music.html" >
+                        Music
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./welcome.html" >
+                        Welcome
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-layout" data-toggle="dropdown" role="button" aria-expanded="false" >
+                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
+                    </span>
+                    <span class="nav-link-title">
+                      Layout
+                    </span>
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./layout-horizontal.html" >
+                        Horizontal
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-vertical.html" >
+                        Vertical
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-vertical-right.html" >
+                        Right vertical
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-condensed.html" >
+                        Condensed
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-condensed-dark.html" >
+                        Condensed dark
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-combo.html" >
+                        Combined
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-navbar-dark.html" >
+                        Navbar dark
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-navbar-overlap.html" >
+                        Navbar overlap
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-dark.html" >
+                        Dark mode
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-fluid.html" >
+                        Fluid
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-fluid-vertical.html" >
+                        Fluid vertical
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button" aria-expanded="false" >
+                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
+                    </span>
+                    <span class="nav-link-title">
+                      Docs
+                    </span>
+                  </a>
+                  <ul class="dropdown-menu dropdown-menu-columns  dropdown-menu-columns-3">
+                    <li >
+                      <a class="dropdown-item" href="./docs/index.html" >
+                        Introduction
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/alerts.html" >
+                        Alerts
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/autosize.html" >
+                        Autosize
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/avatars.html" >
+                        Avatars
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/badges.html" >
+                        Badges
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/breadcrumb.html" >
+                        Breadcrumb
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/buttons.html" >
+                        Buttons
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/carousel.html" >
+                        Carousel
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/colors.html" >
+                        Colors
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/cursors.html" >
+                        Cursors
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/charts.html" >
+                        Charts
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/dropdowns.html" >
+                        Dropdowns
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/divider.html" >
+                        Divider
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/empty.html" >
+                        Empty states
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/flags.html" >
+                        Flags
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/form-elements.html" >
+                        Form elements
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/form-helpers.html" >
+                        Form helpers
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/input-mask.html" >
+                        Form input mask
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/modals.html" >
+                        Modals
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/range-slider.html" >
+                        Range slider
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/spinners.html" >
+                        Spinners
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/steps.html" >
+                        Steps
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/tables.html" >
+                        Tables
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/tabs.html" >
+                        Tabs
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/timelines.html" >
+                        Timelines
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/toasts.html" >
+                        Toasts
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/tooltips.html" >
+                        Tooltips
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/typography.html" >
+                        Typography
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+              </ul>
+              <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search…">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="content">
+        <div class="container-xl">
+          <!-- Page title -->
+          <div class="page-header">
+            <div class="row align-items-center">
+              <div class="col">
+                <!-- Page pre-title -->
+                <div class="page-pretitle">
+                  Overview
+                </div>
+                <h2 class="page-title">
+                  RTL mode
+                </h2>
+              </div>
+              <!-- Page title actions -->
+              <div class="col-auto ml-auto d-print-none">
+                <div class="btn-list">
+                  <span class="d-none d-sm-inline">
+                    <a href="#" class="btn btn-white">
+                      New view
+                    </a>
+                  </span>
+                  <a href="#" class="btn btn-primary d-none d-sm-inline-block" data-toggle="modal" data-target="#modal-report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                    Create new report
+                  </a>
+                  <a href="#" class="btn btn-primary d-sm-none btn-icon" data-toggle="modal" data-target="#modal-report" aria-label="Create new report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="row row-deck row-cards">
+            <div class="col-sm-6 col-lg-3">
+              <div class="card">
+                <div class="card-body">
+                  <div class="d-flex align-items-center">
+                    <div class="subheader">Sales</div>
+                    <div class="ml-auto lh-1">
+                      <div class="dropdown">
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                          <a class="dropdown-item active" href="#">Last 7 days</a>
+                          <a class="dropdown-item" href="#">Last 30 days</a>
+                          <a class="dropdown-item" href="#">Last 3 months</a>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="h1 mb-3">75%</div>
+                  <div class="d-flex mb-2">
+                    <div>Conversion rate</div>
+                    <div class="ml-auto">
+                      <span class="text-green d-inline-flex align-items-center lh-1">
+                        7% <svg xmlns="http://www.w3.org/2000/svg" class="icon ml-1" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
+                      </span>
+                    </div>
+                  </div>
+                  <div class="progress progress-sm">
+                    <div class="progress-bar bg-blue" style="width: 75%" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
+                      <span class="visually-hidden">75% Complete</span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-6 col-lg-3">
+              <div class="card">
+                <div class="card-body">
+                  <div class="d-flex align-items-center">
+                    <div class="subheader">Revenue</div>
+                    <div class="ml-auto lh-1">
+                      <div class="dropdown">
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                          <a class="dropdown-item active" href="#">Last 7 days</a>
+                          <a class="dropdown-item" href="#">Last 30 days</a>
+                          <a class="dropdown-item" href="#">Last 3 months</a>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="d-flex align-items-baseline">
+                    <div class="h1 mb-0 mr-2">$4,300</div>
+                    <div class="mr-auto">
+                      <span class="text-green d-inline-flex align-items-center lh-1">
+                        8% <svg xmlns="http://www.w3.org/2000/svg" class="icon ml-1" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
+                      </span>
+                    </div>
+                  </div>
+                </div>
+                <div id="chart-revenue-bg" class="chart-sm"></div>
+              </div>
+            </div>
+            <div class="col-sm-6 col-lg-3">
+              <div class="card">
+                <div class="card-body">
+                  <div class="d-flex align-items-center">
+                    <div class="subheader">New clients</div>
+                    <div class="ml-auto lh-1">
+                      <div class="dropdown">
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                          <a class="dropdown-item active" href="#">Last 7 days</a>
+                          <a class="dropdown-item" href="#">Last 30 days</a>
+                          <a class="dropdown-item" href="#">Last 3 months</a>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="d-flex align-items-baseline">
+                    <div class="h1 mb-3 mr-2">6,782</div>
+                    <div class="mr-auto">
+                      <span class="text-yellow d-inline-flex align-items-center lh-1">
+                        0% <svg xmlns="http://www.w3.org/2000/svg" class="icon ml-1" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                      </span>
+                    </div>
+                  </div>
+                  <div id="chart-new-clients" class="chart-sm"></div>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-6 col-lg-3">
+              <div class="card">
+                <div class="card-body">
+                  <div class="d-flex align-items-center">
+                    <div class="subheader">Active users</div>
+                    <div class="ml-auto lh-1">
+                      <div class="dropdown">
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                          <a class="dropdown-item active" href="#">Last 7 days</a>
+                          <a class="dropdown-item" href="#">Last 30 days</a>
+                          <a class="dropdown-item" href="#">Last 3 months</a>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="d-flex align-items-baseline">
+                    <div class="h1 mb-3 mr-2">2,986</div>
+                    <div class="mr-auto">
+                      <span class="text-green d-inline-flex align-items-center lh-1">
+                        4% <svg xmlns="http://www.w3.org/2000/svg" class="icon ml-1" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
+                      </span>
+                    </div>
+                  </div>
+                  <div id="chart-active-users" class="chart-sm"></div>
+                </div>
+              </div>
+            </div>
+            <div class="col-lg-6">
+              <div class="row row-cards">
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <h3 class="card-title">Traffic summary</h3>
+                      <div id="chart-mentions" class="chart-lg"></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <p class="mb">Using Storage <strong>6854.45 MB </strong>of 8 GB</p>
+                      <div class="progress progress-separated mb">
+                        <div class="progress-bar bg-primary" role="progressbar" style="width: 44%"></div>
+                        <div class="progress-bar bg-info" role="progressbar" style="width: 19%"></div>
+                        <div class="progress-bar bg-success" role="progressbar" style="width: 9%"></div>
+                      </div>
+                      <div class="row">
+                        <div class="col-auto d-flex align-items-center pr-2">
+                          <span class="legend mr-2 bg-primary"></span>
+                          <span>Regular</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">915MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-info"></span>
+                          <span>System</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">415MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-success"></span>
+                          <span>Shared</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">201MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center pl-2">
+                          <span class="legend mr-2"></span>
+                          <span>Free</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">612MB</span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-lg-6">
+              <div class="card">
+                <div class="card-body">
+                  <h3 class="card-title">Top countries</h3>
+                  <div class="ratio ratio-16x9">
+                    <div>
+                      <div id="map-world" class="w-100 h-100"></div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-lg-6">
+              <div class="row row-cards row-deck">
+                <div class="col-sm-6">
+                  <div class="card">
+                    <div class="card-body p-4 py-5 text-center">
+                      <span class="avatar avatar-xl mb-4 avatar-rounded">W</span>
+                      <h3 class="mb-0">New website</h3>
+                      <p class="text-muted">Due to: 28 Aug 2019</p>
+                      <p class="mb-3">
+                        <span class="badge bg-red-lt">Waiting</span>
+                      </p>
+                      <div>
+                        <div class="avatar-list avatar-list-stacked">
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">JL</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="progress card-progress">
+                      <div class="progress-bar" style="width: 38%" role="progressbar" aria-valuenow="38" aria-valuemin="0" aria-valuemax="100">
+                        <span class="visually-hidden">38% Complete</span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6">
+                  <div class="card">
+                    <div class="card-body p-4 py-5 text-center">
+                      <span class="avatar avatar-xl mb-4 bg-green-lt avatar-rounded">W</span>
+                      <h3 class="mb-0">UI Redesign</h3>
+                      <p class="text-muted">Due to: 11 Nov 2019</p>
+                      <p class="mb-3">
+                        <span class="badge bg-green-lt">Final review</span>
+                      </p>
+                      <div>
+                        <div class="avatar-list avatar-list-stacked">
+                          <span class="avatar avatar-sm avatar-rounded">HS</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/006m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/004f.jpg)"></span>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="progress card-progress">
+                      <div class="progress-bar bg-green" style="width: 38%" role="progressbar" aria-valuenow="38" aria-valuemin="0" aria-valuemax="100">
+                        <span class="visually-hidden">38% Complete</span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-4">
+                  <div class="card">
+                    <div class="card-body p-2 text-center">
+                      <div class="text-right text-green">
+                        <span class="text-green d-inline-flex align-items-center lh-1">
+                          6% <svg xmlns="http://www.w3.org/2000/svg" class="icon ml-1" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
+                        </span>
+                      </div>
+                      <div class="h1 m-0">43</div>
+                      <div class="text-muted mb-4">New Tickets</div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-4">
+                  <div class="card">
+                    <div class="card-body p-2 text-center">
+                      <div class="text-right text-red">
+                        <span class="text-red d-inline-flex align-items-center lh-1">
+                          -2% <svg xmlns="http://www.w3.org/2000/svg" class="icon ml-1" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 7 9 13 13 9 21 17" /><polyline points="21 10 21 17 14 17" /></svg>
+                        </span>
+                      </div>
+                      <div class="h1 m-0">95</div>
+                      <div class="text-muted mb-4">Daily Earnings</div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-4">
+                  <div class="card">
+                    <div class="card-body p-2 text-center">
+                      <div class="text-right text-green">
+                        <span class="text-green d-inline-flex align-items-center lh-1">
+                          9% <svg xmlns="http://www.w3.org/2000/svg" class="icon ml-1" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
+                        </span>
+                      </div>
+                      <div class="h1 m-0">7</div>
+                      <div class="text-muted mb-4">New Replies</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-lg-6">
+              <div class="card">
+                <div class="card-header border-0">
+                  <div class="card-title">Development activity</div>
+                </div>
+                <div class="position-relative">
+                  <div class="position-absolute top-0 left-0 px-4 w-50">
+                    <div class="mb-1">Today's Earning: $4,262.40</div>
+                    <p class="text-muted text-h5">Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus...</p>
+                  </div>
+                  <div id="chart-development-activity"></div>
+                </div>
+                <div class="table-responsive">
+                  <table class="table card-table table-vcenter">
+                    <thead>
+                      <tr>
+                        <th>User</th>
+                        <th>Commit</th>
+                        <th>Date</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td class="w-1">
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                        </td>
+                        <td class="td-truncate">
+                          <div class="text-truncate">
+                            Fix dart Sass compatibility (#29755)
+                          </div>
+                        </td>
+                        <td class="text-nowrap text-muted">28 Nov 2019</td>
+                      </tr>
+                      <tr>
+                        <td class="w-1">
+                          <span class="avatar avatar-sm">JL</span>
+                        </td>
+                        <td class="td-truncate">
+                          <div class="text-truncate">
+                            Change deprecated html tags to text decoration classes (#29604)
+                          </div>
+                        </td>
+                        <td class="text-nowrap text-muted">27 Nov 2019</td>
+                      </tr>
+                      <tr>
+                        <td class="w-1">
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                        </td>
+                        <td class="td-truncate">
+                          <div class="text-truncate">
+                            justify-content:between ⇒ justify-content:space-between (#29734)
+                          </div>
+                        </td>
+                        <td class="text-nowrap text-muted">26 Nov 2019</td>
+                      </tr>
+                      <tr>
+                        <td class="w-1">
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                        </td>
+                        <td class="td-truncate">
+                          <div class="text-truncate">
+                            Update change-version.js (#29736)
+                          </div>
+                        </td>
+                        <td class="text-nowrap text-muted">26 Nov 2019</td>
+                      </tr>
+                      <tr>
+                        <td class="w-1">
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                        </td>
+                        <td class="td-truncate">
+                          <div class="text-truncate">
+                            Regenerate package-lock.json (#29730)
+                          </div>
+                        </td>
+                        <td class="text-nowrap text-muted">25 Nov 2019</td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-6 col-xl-3">
+              <div class="card card-sm">
+                <div class="card-body d-flex align-items-center">
+                  <span class="bg-blue text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
+                  </span>
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
+                      132 Sales
+                    </div>
+                    <div class="text-muted">12 waiting payments</div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-6 col-xl-3">
+              <div class="card card-sm">
+                <div class="card-body d-flex align-items-center">
+                  <span class="bg-green text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
+                  </span>
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
+                      78 Orders
+                    </div>
+                    <div class="text-muted">32 shipped</div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-6 col-xl-3">
+              <div class="card card-sm">
+                <div class="card-body d-flex align-items-center">
+                  <div class="mr-3">
+                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-67"></div>
+                  </div>
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
+                      1,352 Members
+                    </div>
+                    <div class="text-muted">163 registered today</div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-6 col-xl-3">
+              <div class="card card-sm">
+                <div class="card-body d-flex align-items-center">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
+                      132 Comments
+                    </div>
+                    <div class="text-muted">16 waiting</div>
+                  </div>
+                  <div class="ml-auto">
+                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-68"></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-md-12 col-lg-8">
+              <div class="card">
+                <div class="card-header">
+                  <h4 class="card-title">Most Visited Pages</h4>
+                </div>
+                <div class="table-responsive">
+                  <table class="table card-table table-vcenter">
+                    <thead>
+                      <tr>
+                        <th>Page name</th>
+                        <th>Visitors</th>
+                        <th>Unique</th>
+                        <th colspan="2">Bounce rate</th>
+                      </tr>
+                    </thead>
+                    <tr>
+                      <td>
+                        /about.html
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        </a>
+                      </td>
+                      <td class="text-muted">4,896</td>
+                      <td class="text-muted">3,654</td>
+                      <td class="text-muted">82.54%</td>
+                      <td class="text-right">
+                        <div class="chart-sparkline" id="sparkline-69"></div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>
+                        /special-promo.html
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        </a>
+                      </td>
+                      <td class="text-muted">3,652</td>
+                      <td class="text-muted">3,215</td>
+                      <td class="text-muted">76.29%</td>
+                      <td class="text-right">
+                        <div class="chart-sparkline" id="sparkline-70"></div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>
+                        /news/1,new-ui-kit.html
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        </a>
+                      </td>
+                      <td class="text-muted">3,256</td>
+                      <td class="text-muted">2,865</td>
+                      <td class="text-muted">72.65%</td>
+                      <td class="text-right">
+                        <div class="chart-sparkline" id="sparkline-71"></div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>
+                        /lorem-ipsum-dolor-sit-amet-very-long-url.html
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        </a>
+                      </td>
+                      <td class="text-muted">986</td>
+                      <td class="text-muted">865</td>
+                      <td class="text-muted">44.89%</td>
+                      <td class="text-right">
+                        <div class="chart-sparkline" id="sparkline-72"></div>
+                      </td>
+                    </tr>
+                  </table>
+                </div>
+              </div>
+            </div>
+            <div class="col-md-6 col-lg-4">
+              <a href="https://github.com/sponsors/codecalm" class="card card-sponsor" target="_blank" style="background-image: url(./static/sponsor-banner-homepage.svg)">
+                <div class="card-body"></div>
+              </a>
+            </div>
+            <div class="col-md-6 col-lg-4">
+              <div class="card">
+                <div class="card-header">
+                  <h4 class="card-title">Social Media Traffic</h4>
+                </div>
+                <table class="table card-table table-vcenter">
+                  <thead>
+                    <tr>
+                      <th>Network</th>
+                      <th colspan="2">Visitors</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td>Instagram</td>
+                      <td>3,550</td>
+                      <td class="w-50">
+                        <div class="progress progress-xs">
+                          <div class="progress-bar bg-primary" style="width: 71.0%"></div>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>Twitter</td>
+                      <td>1,798</td>
+                      <td class="w-50">
+                        <div class="progress progress-xs">
+                          <div class="progress-bar bg-primary" style="width: 35.96%"></div>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>Facebook</td>
+                      <td>1,245</td>
+                      <td class="w-50">
+                        <div class="progress progress-xs">
+                          <div class="progress-bar bg-primary" style="width: 24.9%"></div>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>TikTok</td>
+                      <td>986</td>
+                      <td class="w-50">
+                        <div class="progress progress-xs">
+                          <div class="progress-bar bg-primary" style="width: 19.72%"></div>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>Pinterest</td>
+                      <td>854</td>
+                      <td class="w-50">
+                        <div class="progress progress-xs">
+                          <div class="progress-bar bg-primary" style="width: 17.08%"></div>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>VK</td>
+                      <td>650</td>
+                      <td class="w-50">
+                        <div class="progress progress-xs">
+                          <div class="progress-bar bg-primary" style="width: 13.0%"></div>
+                        </div>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+            <div class="col-md-12 col-lg-8">
+              <div class="card">
+                <div class="card-header">
+                  <h4 class="card-title">Tasks</h4>
+                </div>
+                <div class="table-responsive">
+                  <table class="table card-table table-vcenter">
+                    <tr>
+                      <td class="w-1 pr-0">
+                        <label class="form-check m-0">
+                          <input type="checkbox" class="form-check-input" checked>
+                          <span class="form-check-label"></span>
+                        </label>
+                      </td>
+                      <td class="w-100">
+                        <a href="#" class="text-reset">Extend the data model.</a>
+                      </td>
+                      <td class="text-nowrap text-muted">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /></svg>
+                        January 01, 2019
+                      </td>
+                      <td class="text-nowrap">
+                        <a href="#" class="text-muted">
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
+                          2/7
+                        </a>
+                      </td>
+                      <td class="text-nowrap">
+                        <a href="#" class="text-muted">
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
+                          3</a>
+                      </td>
+                      <td>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="w-1 pr-0">
+                        <label class="form-check m-0">
+                          <input type="checkbox" class="form-check-input">
+                          <span class="form-check-label"></span>
+                        </label>
+                      </td>
+                      <td class="w-100">
+                        <a href="#" class="text-reset">Verify the event flow.</a>
+                      </td>
+                      <td class="text-nowrap text-muted">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /></svg>
+                        January 01, 2019
+                      </td>
+                      <td class="text-nowrap">
+                        <a href="#" class="text-muted">
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
+                          3/10
+                        </a>
+                      </td>
+                      <td class="text-nowrap">
+                        <a href="#" class="text-muted">
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
+                          6</a>
+                      </td>
+                      <td>
+                        <span class="avatar avatar-sm">JL</span>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="w-1 pr-0">
+                        <label class="form-check m-0">
+                          <input type="checkbox" class="form-check-input">
+                          <span class="form-check-label"></span>
+                        </label>
+                      </td>
+                      <td class="w-100">
+                        <a href="#" class="text-reset">Database backup and maintenance</a>
+                      </td>
+                      <td class="text-nowrap text-muted">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /></svg>
+                        January 01, 2019
+                      </td>
+                      <td class="text-nowrap">
+                        <a href="#" class="text-muted">
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
+                          0/6
+                        </a>
+                      </td>
+                      <td class="text-nowrap">
+                        <a href="#" class="text-muted">
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
+                          1</a>
+                      </td>
+                      <td>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="w-1 pr-0">
+                        <label class="form-check m-0">
+                          <input type="checkbox" class="form-check-input" checked>
+                          <span class="form-check-label"></span>
+                        </label>
+                      </td>
+                      <td class="w-100">
+                        <a href="#" class="text-reset">Identify the implementation team.</a>
+                      </td>
+                      <td class="text-nowrap text-muted">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /></svg>
+                        January 01, 2019
+                      </td>
+                      <td class="text-nowrap">
+                        <a href="#" class="text-muted">
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
+                          6/10
+                        </a>
+                      </td>
+                      <td class="text-nowrap">
+                        <a href="#" class="text-muted">
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
+                          12</a>
+                      </td>
+                      <td>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="w-1 pr-0">
+                        <label class="form-check m-0">
+                          <input type="checkbox" class="form-check-input">
+                          <span class="form-check-label"></span>
+                        </label>
+                      </td>
+                      <td class="w-100">
+                        <a href="#" class="text-reset">Define users and workflow</a>
+                      </td>
+                      <td class="text-nowrap text-muted">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /></svg>
+                        January 01, 2019
+                      </td>
+                      <td class="text-nowrap">
+                        <a href="#" class="text-muted">
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
+                          3/7
+                        </a>
+                      </td>
+                      <td class="text-nowrap">
+                        <a href="#" class="text-muted">
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
+                          5</a>
+                      </td>
+                      <td>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="w-1 pr-0">
+                        <label class="form-check m-0">
+                          <input type="checkbox" class="form-check-input" checked>
+                          <span class="form-check-label"></span>
+                        </label>
+                      </td>
+                      <td class="w-100">
+                        <a href="#" class="text-reset">Check Pull Requests</a>
+                      </td>
+                      <td class="text-nowrap text-muted">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /></svg>
+                        January 01, 2019
+                      </td>
+                      <td class="text-nowrap">
+                        <a href="#" class="text-muted">
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
+                          2/9
+                        </a>
+                      </td>
+                      <td class="text-nowrap">
+                        <a href="#" class="text-muted">
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
+                          3</a>
+                      </td>
+                      <td>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/001f.jpg)"></span>
+                      </td>
+                    </tr>
+                  </table>
+                </div>
+              </div>
+            </div>
+            <div class="col-12">
+              <div class="card">
+                <div class="card-header">
+                  <h3 class="card-title">Invoices</h3>
+                </div>
+                <div class="card-body border-bottom py-3">
+                  <div class="d-flex">
+                    <div class="text-muted">
+                      Show
+                      <div class="mx-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm" value="8" size="3">
+                      </div>
+                      entries
+                    </div>
+                    <div class="ml-auto text-muted">
+                      Search:
+                      <div class="ml-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="table-responsive">
+                  <table class="table card-table table-vcenter text-nowrap datatable">
+                    <thead>
+                      <tr>
+                        <th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
+                        <th class="w-1">No. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-sm text-dark icon-thick" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 15 12 9 18 15" /></svg>
+                        </th>
+                        <th>Invoice Subject</th>
+                        <th>Client</th>
+                        <th>VAT No.</th>
+                        <th>Created</th>
+                        <th>Status</th>
+                        <th>Price</th>
+                        <th></th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001401</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Design Works</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Carlson Limited
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          15 Dec 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid
+                        </td>
+                        <td>$887</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001402</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">UX Wireframes</a></td>
+                        <td>
+                          <span class="flag flag-country-gb"></span>
+                          Adobe
+                        </td>
+                        <td>
+                          87956421
+                        </td>
+                        <td>
+                          12 Apr 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$1200</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001403</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">New Dashboard</a></td>
+                        <td>
+                          <span class="flag flag-country-de"></span>
+                          Bluewolf
+                        </td>
+                        <td>
+                          87952621
+                        </td>
+                        <td>
+                          23 Oct 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$534</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001404</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Landing Page</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Salesforce
+                        </td>
+                        <td>
+                          87953421
+                        </td>
+                        <td>
+                          2 Sep 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 2 Weeks
+                        </td>
+                        <td>$1500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001405</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Marketing Templates</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Printic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          29 Jan 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-danger"></span> Paid Today
+                        </td>
+                        <td>$648</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001406</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Sales Presentation</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Tabdaq
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          4 Feb 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 3 Weeks
+                        </td>
+                        <td>$300</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001407</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Logo & Print</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Apple
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          22 Mar 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$2500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001408</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Icons</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Tookapic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          13 May 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$940</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="card-footer d-flex align-items-center">
+                  <p class="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
+                  <ul class="pagination m-0 ml-auto">
+                    <li class="page-item disabled">
+                      <a class="page-link" href="#" tabindex="-1">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>
+                        prev
+                      </a>
+                    </li>
+                    <li class="page-item"><a class="page-link" href="#">1</a></li>
+                    <li class="page-item active"><a class="page-link" href="#">2</a></li>
+                    <li class="page-item"><a class="page-link" href="#">3</a></li>
+                    <li class="page-item"><a class="page-link" href="#">4</a></li>
+                    <li class="page-item"><a class="page-link" href="#">5</a></li>
+                    <li class="page-item">
+                      <a class="page-link" href="#">
+                        next <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <footer class="footer footer-transparent">
+          <div class="container">
+            <div class="row text-center align-items-center flex-row-reverse">
+              <div class="col-lg-auto ml-lg-auto">
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
+                  <li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
+                  <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
+                </ul>
+              </div>
+              <div class="col-12 col-lg-auto mt-3 mt-lg-0">
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </footer>
+      </div>
+    </div>
+    <div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
+      <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">New report</h5>
+            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
+          </div>
+          <div class="modal-body">
+            <div class="mb-3">
+              <label class="form-label">Name</label>
+              <input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
+            </div>
+            <label class="form-label">Report type</label>
+            <div class="form-selectgroup-boxes row mb-3">
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Simple</span>
+                      <span class="d-block text-muted">Provide only basic data needed for the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input">
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Advanced</span>
+                      <span class="d-block text-muted">Insert charts and additional advanced analyses to be inserted in the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-lg-8">
+                <div class="mb-3">
+                  <label class="form-label">Report url</label>
+                  <div class="input-group input-group-flat">
+                    <span class="input-group-text">
+                      https://tabler.io/reports/
+                    </span>
+                    <input type="text" class="form-control pl-0"  value="report-01">
+                  </div>
+                </div>
+              </div>
+              <div class="col-lg-4">
+                <div class="mb-3">
+                  <label class="form-label">Visibility</label>
+                  <select class="form-select">
+                    <option value="1" selected>Private</option>
+                    <option value="2">Public</option>
+                    <option value="3">Hidden</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-body">
+            <div class="row">
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Client name</label>
+                  <input type="text" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Reporting period</label>
+                  <input type="date" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-12">
+                <div>
+                  <label class="form-label">Additional information</label>
+                  <textarea class="form-control" rows="3"></textarea>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <a href="#" class="btn btn-link link-secondary" data-dismiss="modal">
+              Cancel
+            </a>
+            <a href="#" class="btn btn-primary ml-auto" data-dismiss="modal">
+              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+              Create new report
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- Libs JS -->
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js"></script>
+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js"></script>
+    <script src="./dist/libs/jqvmap/dist/jquery.vmap.min.js"></script>
+    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.world.js"></script>
+    <script src="./dist/libs/peity/jquery.peity.min.js"></script>
+    <!-- Tabler Core -->
+    <script src="./dist/js/tabler.min.js"></script>
+    <script>
+      // @formatter:off
+      document.addEventListener("DOMContentLoaded", function () {
+      	window.ApexCharts && (new ApexCharts(document.getElementById('chart-revenue-bg'), {
+      		chart: {
+      			type: "area",
+      			fontFamily: 'inherit',
+      			height: 40.0,
+      			sparkline: {
+      				enabled: true
+      			},
+      			animations: {
+      				enabled: false
+      			},
+      		},
+      		dataLabels: {
+      			enabled: false,
+      		},
+      		fill: {
+      			opacity: .16,
+      			type: 'solid'
+      		},
+      		stroke: {
+      			width: 2,
+      			lineCap: "round",
+      			curve: "smooth",
+      		},
+      		series: [{
+      			name: "Profits",
+      			data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46, 39, 62, 51, 35, 41, 67]
+      		}],
+      		grid: {
+      			strokeDashArray: 4,
+      		},
+      		xaxis: {
+      			labels: {
+      				padding: 0
+      			},
+      			tooltip: {
+      				enabled: false
+      			},
+      			axisBorder: {
+      				show: false,
+      			},
+      			type: 'datetime',
+      		},
+      		yaxis: {
+      			labels: {
+      				padding: 4
+      			},
+      		},
+      		labels: [
+      			'2020-06-20', '2020-06-21', '2020-06-22', '2020-06-23', '2020-06-24', '2020-06-25', '2020-06-26', '2020-06-27', '2020-06-28', '2020-06-29', '2020-06-30', '2020-07-01', '2020-07-02', '2020-07-03', '2020-07-04', '2020-07-05', '2020-07-06', '2020-07-07', '2020-07-08', '2020-07-09', '2020-07-10', '2020-07-11', '2020-07-12', '2020-07-13', '2020-07-14', '2020-07-15', '2020-07-16', '2020-07-17', '2020-07-18', '2020-07-19'
+      		],
+      		colors: ["#206bc4"],
+      		legend: {
+      			show: false,
+      		},
+      	})).render();
+      });
+      // @formatter:on
+    </script>
+    <script>
+      // @formatter:off
+      document.addEventListener("DOMContentLoaded", function () {
+      	window.ApexCharts && (new ApexCharts(document.getElementById('chart-new-clients'), {
+      		chart: {
+      			type: "line",
+      			fontFamily: 'inherit',
+      			height: 40.0,
+      			sparkline: {
+      				enabled: true
+      			},
+      			animations: {
+      				enabled: false
+      			},
+      		},
+      		fill: {
+      			opacity: 1,
+      		},
+      		stroke: {
+      			width: [2, 1],
+      			dashArray: [0, 3],
+      			lineCap: "round",
+      			curve: "smooth",
+      		},
+      		series: [{
+      			name: "May",
+      			data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 4, 46, 39, 62, 51, 35, 41, 67]
+      		},{
+      			name: "April",
+      			data: [93, 54, 51, 24, 35, 35, 31, 67, 19, 43, 28, 36, 62, 61, 27, 39, 35, 41, 27, 35, 51, 46, 62, 37, 44, 53, 41, 65, 39, 37]
+      		}],
+      		grid: {
+      			strokeDashArray: 4,
+      		},
+      		xaxis: {
+      			labels: {
+      				padding: 0
+      			},
+      			tooltip: {
+      				enabled: false
+      			},
+      			type: 'datetime',
+      		},
+      		yaxis: {
+      			labels: {
+      				padding: 4
+      			},
+      		},
+      		labels: [
+      			'2020-06-20', '2020-06-21', '2020-06-22', '2020-06-23', '2020-06-24', '2020-06-25', '2020-06-26', '2020-06-27', '2020-06-28', '2020-06-29', '2020-06-30', '2020-07-01', '2020-07-02', '2020-07-03', '2020-07-04', '2020-07-05', '2020-07-06', '2020-07-07', '2020-07-08', '2020-07-09', '2020-07-10', '2020-07-11', '2020-07-12', '2020-07-13', '2020-07-14', '2020-07-15', '2020-07-16', '2020-07-17', '2020-07-18', '2020-07-19'
+      		],
+      		colors: ["#206bc4", "#a8aeb7"],
+      		legend: {
+      			show: false,
+      		},
+      	})).render();
+      });
+      // @formatter:on
+    </script>
+    <script>
+      // @formatter:off
+      document.addEventListener("DOMContentLoaded", function () {
+      	window.ApexCharts && (new ApexCharts(document.getElementById('chart-active-users'), {
+      		chart: {
+      			type: "bar",
+      			fontFamily: 'inherit',
+      			height: 40.0,
+      			sparkline: {
+      				enabled: true
+      			},
+      			animations: {
+      				enabled: false
+      			},
+      		},
+      		plotOptions: {
+      			bar: {
+      				columnWidth: '50%',
+      			}
+      		},
+      		dataLabels: {
+      			enabled: false,
+      		},
+      		fill: {
+      			opacity: 1,
+      		},
+      		series: [{
+      			name: "Profits",
+      			data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46, 39, 62, 51, 35, 41, 67]
+      		}],
+      		grid: {
+      			strokeDashArray: 4,
+      		},
+      		xaxis: {
+      			labels: {
+      				padding: 0
+      			},
+      			tooltip: {
+      				enabled: false
+      			},
+      			axisBorder: {
+      				show: false,
+      			},
+      			type: 'datetime',
+      		},
+      		yaxis: {
+      			labels: {
+      				padding: 4
+      			},
+      		},
+      		labels: [
+      			'2020-06-20', '2020-06-21', '2020-06-22', '2020-06-23', '2020-06-24', '2020-06-25', '2020-06-26', '2020-06-27', '2020-06-28', '2020-06-29', '2020-06-30', '2020-07-01', '2020-07-02', '2020-07-03', '2020-07-04', '2020-07-05', '2020-07-06', '2020-07-07', '2020-07-08', '2020-07-09', '2020-07-10', '2020-07-11', '2020-07-12', '2020-07-13', '2020-07-14', '2020-07-15', '2020-07-16', '2020-07-17', '2020-07-18', '2020-07-19'
+      		],
+      		colors: ["#206bc4"],
+      		legend: {
+      			show: false,
+      		},
+      	})).render();
+      });
+      // @formatter:on
+    </script>
+    <script>
+      // @formatter:off
+      document.addEventListener("DOMContentLoaded", function () {
+      	window.ApexCharts && (new ApexCharts(document.getElementById('chart-mentions'), {
+      		chart: {
+      			type: "bar",
+      			fontFamily: 'inherit',
+      			height: 240,
+      			parentHeightOffset: 0,
+      			toolbar: {
+      				show: false,
+      			},
+      			animations: {
+      				enabled: false
+      			},
+      			stacked: true,
+      		},
+      		plotOptions: {
+      			bar: {
+      				columnWidth: '50%',
+      			}
+      		},
+      		dataLabels: {
+      			enabled: false,
+      		},
+      		fill: {
+      			opacity: 1,
+      		},
+      		series: [{
+      			name: "Web",
+      			data: [1, 0, 0, 0, 0, 1, 1, 0, 0, 0, 2, 12, 5, 8, 22, 6, 8, 6, 4, 1, 8, 24, 29, 51, 40, 47, 23, 26, 50, 26, 41, 22, 46, 47, 81, 46, 6]
+      		},{
+      			name: "Social",
+      			data: [2, 5, 4, 3, 3, 1, 4, 7, 5, 1, 2, 5, 3, 2, 6, 7, 7, 1, 5, 5, 2, 12, 4, 6, 18, 3, 5, 2, 13, 15, 20, 47, 18, 15, 11, 10, 0]
+      		},{
+      			name: "Other",
+      			data: [2, 9, 1, 7, 8, 3, 6, 5, 5, 4, 6, 4, 1, 9, 3, 6, 7, 5, 2, 8, 4, 9, 1, 2, 6, 7, 5, 1, 8, 3, 2, 3, 4, 9, 7, 1, 6]
+      		}],
+      		grid: {
+      			padding: {
+      				top: -20,
+      				right: 0,
+      				left: -4,
+      				bottom: -4
+      			},
+      			strokeDashArray: 4,
+      			xaxis: {
+      				lines: {
+      					show: true
+      				}
+      			},
+      		},
+      		xaxis: {
+      			labels: {
+      				padding: 0
+      			},
+      			tooltip: {
+      				enabled: false
+      			},
+      			axisBorder: {
+      				show: false,
+      			},
+      			type: 'datetime',
+      		},
+      		yaxis: {
+      			labels: {
+      				padding: 4
+      			},
+      		},
+      		labels: [
+      			'2020-06-20', '2020-06-21', '2020-06-22', '2020-06-23', '2020-06-24', '2020-06-25', '2020-06-26', '2020-06-27', '2020-06-28', '2020-06-29', '2020-06-30', '2020-07-01', '2020-07-02', '2020-07-03', '2020-07-04', '2020-07-05', '2020-07-06', '2020-07-07', '2020-07-08', '2020-07-09', '2020-07-10', '2020-07-11', '2020-07-12', '2020-07-13', '2020-07-14', '2020-07-15', '2020-07-16', '2020-07-17', '2020-07-18', '2020-07-19', '2020-07-20', '2020-07-21', '2020-07-22', '2020-07-23', '2020-07-24', '2020-07-25', '2020-07-26'
+      		],
+      		colors: ["#206bc4", "#79a6dc", "#bfe399"],
+      		legend: {
+      			show: true,
+      			position: 'bottom',
+      			height: 32,
+      			offsetY: 8,
+      			markers: {
+      				width: 8,
+      				height: 8,
+      				radius: 100,
+      			},
+      			itemMargin: {
+      				horizontal: 8,
+      			},
+      		},
+      	})).render();
+      });
+      // @formatter:on
+    </script>
+    <script>
+      // @formatter:on
+      document.addEventListener("DOMContentLoaded", function() {
+      	$('#map-world').vectorMap({
+      		map: 'world_en',
+      		backgroundColor: 'transparent',
+      		color: 'rgba(120, 130, 140, .1)',
+      		borderColor: 'transparent',
+      		scaleColors: ["#d2e1f3", "#206bc4"],
+      		normalizeFunction: 'polynomial',
+      		values: (chart_data = {"af":16, "al":11, "dz":158, "ao":85, "ag":1, "ar":351, "am":8, "au":1219, "at":366, "az":52, "bs":7, "bh":21, "bd":105, "bb":3, "by":52, "be":461, "bz":1, "bj":6, "bt":1, "bo":19, "ba":16, "bw":12, "br":2023, "bn":11, "bg":44, "bf":8, "bi":1, "kh":11, "cm":21, "ca":1563, "cv":1, "cf":2, "td":7, "cl":199, "cn":5745, "co":283, "km":0, "cd":12, "cg":11, "cr":35, "ci":22, "hr":59, "cy":22, "cz":195, "dk":304, "dj":1, "dm":0, "do":50, "ec":61, "eg":216, "sv":21, "gq":14, "er":2, "ee":19, "et":30, "fj":3, "fi":231, "fr":2555, "ga":12, "gm":1, "ge":11, "de":3305, "gh":18, "gr":305, "gd":0, "gt":40, "gn":4, "gw":0, "gy":2, "ht":6, "hn":15, "hk":226, "hu":132, "is":12, "in":1430, "id":695, "ir":337, "iq":84, "ie":204, "il":201, "it":2036, "jm":13, "jp":5390, "jo":27, "kz":129, "ke":32, "ki":0, "kr":986, "undefined":5, "kw":117, "kg":4, "la":6, "lv":23, "lb":39, "ls":1, "lr":0, "ly":77, "lt":35, "lu":52, "mk":9, "mg":8, "mw":5, "my":218, "mv":1, "ml":9, "mt":7, "mr":3, "mu":9, "mx":1004, "md":5, "mn":5, "me":3, "ma":91, "mz":10, "mm":35, "na":11, "np":15, "nl":770, "nz":138, "ni":6, "ne":5, "ng":206, "no":413, "om":53, "pk":174, "pa":27, "pg":8, "py":17, "pe":153, "ph":189, "pl":438, "pt":223, "qa":126, "ro":158, "ru":1476, "rw":5, "ws":0, "st":0, "sa":434, "sn":12, "rs":38, "sc":0, "sl":1, "sg":217, "sk":86, "si":46, "sb":0, "za":354, "es":1374, "lk":48, "kn":0, "lc":1, "vc":0, "sd":65, "sr":3, "sz":3, "se":444, "ch":522, "sy":59, "tw":426, "tj":5, "tz":22, "th":312, "tl":0, "tg":3, "to":0, "tt":21, "tn":43, "tr":729, "tm":0, "ug":17, "ua":136, "ae":239, "gb":2258, "us":4624, "uy":40, "uz":37, "vu":0, "ve":285, "vn":101, "ye":30, "zm":15, "zw":5}),
+      		onLabelShow: function (event, label, code) {
+      			if (chart_data[code] > 0) {
+      				label.append(': <strong>' + chart_data[code] + '</strong>');
+      			}
+      		},
+      	});
+      });
+      // @formatter:off
+    </script>
+    <script>
+      // @formatter:off
+      document.addEventListener("DOMContentLoaded", function () {
+      	window.ApexCharts && (new ApexCharts(document.getElementById('chart-development-activity'), {
+      		chart: {
+      			type: "area",
+      			fontFamily: 'inherit',
+      			height: 192,
+      			sparkline: {
+      				enabled: true
+      			},
+      			animations: {
+      				enabled: false
+      			},
+      		},
+      		dataLabels: {
+      			enabled: false,
+      		},
+      		fill: {
+      			opacity: .16,
+      			type: 'solid'
+      		},
+      		stroke: {
+      			width: 2,
+      			lineCap: "round",
+      			curve: "smooth",
+      		},
+      		series: [{
+      			name: "Purchases",
+      			data: [3, 5, 4, 6, 7, 5, 6, 8, 24, 7, 12, 5, 6, 3, 8, 4, 14, 30, 17, 19, 15, 14, 25, 32, 40, 55, 60, 48, 52, 70]
+      		}],
+      		grid: {
+      			strokeDashArray: 4,
+      		},
+      		xaxis: {
+      			labels: {
+      				padding: 0
+      			},
+      			tooltip: {
+      				enabled: false
+      			},
+      			axisBorder: {
+      				show: false,
+      			},
+      			type: 'datetime',
+      		},
+      		yaxis: {
+      			labels: {
+      				padding: 4
+      			},
+      		},
+      		labels: [
+      			'2020-06-20', '2020-06-21', '2020-06-22', '2020-06-23', '2020-06-24', '2020-06-25', '2020-06-26', '2020-06-27', '2020-06-28', '2020-06-29', '2020-06-30', '2020-07-01', '2020-07-02', '2020-07-03', '2020-07-04', '2020-07-05', '2020-07-06', '2020-07-07', '2020-07-08', '2020-07-09', '2020-07-10', '2020-07-11', '2020-07-12', '2020-07-13', '2020-07-14', '2020-07-15', '2020-07-16', '2020-07-17', '2020-07-18', '2020-07-19'
+      		],
+      		colors: ["#206bc4"],
+      		legend: {
+      			show: false,
+      		},
+      		point: {
+      			show: false
+      		},
+      	})).render();
+      });
+      // @formatter:on
+    </script>
+    <script>
+      document.addEventListener("DOMContentLoaded", function () {
+      	$().peity && $('#sparkline-67').text("56/100").peity("pie", {
+      		width: 40,
+      		height: 40,
+      		stroke: "#cd201f",
+      		strokeWidth: 2,
+      		fill: ["#cd201f", "rgba(110, 117, 130, 0.2)"],
+      		padding: .2,
+      		innerRadius: 16,
+      	});
+      });
+    </script>
+    <script>
+      document.addEventListener("DOMContentLoaded", function () {
+      	$().peity && $('#sparkline-68').text("22/100").peity("pie", {
+      		width: 40,
+      		height: 40,
+      		stroke: "#fab005",
+      		strokeWidth: 2,
+      		fill: ["#fab005", "rgba(110, 117, 130, 0.2)"],
+      		padding: .2,
+      		innerRadius: 16,
+      	});
+      });
+    </script>
+    <script>
+      document.addEventListener("DOMContentLoaded", function () {
+      	$().peity && $('#sparkline-69').text("17, 24, 20, 10, 5, 1, 4, 18, 13").peity("line", {
+      		width: 64,
+      		height: 40,
+      		stroke: "#206bc4",
+      		strokeWidth: 2,
+      		fill: ["#d2e1f3"],
+      		padding: .2,
+      	});
+      });
+    </script>
+    <script>
+      document.addEventListener("DOMContentLoaded", function () {
+      	$().peity && $('#sparkline-70').text("13, 11, 19, 22, 12, 7, 14, 3, 21").peity("line", {
+      		width: 64,
+      		height: 40,
+      		stroke: "#206bc4",
+      		strokeWidth: 2,
+      		fill: ["#d2e1f3"],
+      		padding: .2,
+      	});
+      });
+    </script>
+    <script>
+      document.addEventListener("DOMContentLoaded", function () {
+      	$().peity && $('#sparkline-71').text("10, 13, 10, 4, 17, 3, 23, 22, 19").peity("line", {
+      		width: 64,
+      		height: 40,
+      		stroke: "#206bc4",
+      		strokeWidth: 2,
+      		fill: ["#d2e1f3"],
+      		padding: .2,
+      	});
+      });
+    </script>
+    <script>
+      document.addEventListener("DOMContentLoaded", function () {
+      	$().peity && $('#sparkline-72').text("9, 6, 14, 11, 8, 24, 2, 16, 15").peity("line", {
+      		width: 64,
+      		height: 40,
+      		stroke: "#206bc4",
+      		strokeWidth: 2,
+      		fill: ["#d2e1f3"],
+      		padding: .2,
+      	});
+      });
+    </script>
+    <script>
+      document.body.style.display = "block"
+    </script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/demo/layout-vertical-right.html b/demo/layout-vertical-right.html
index 83a524822..e4524358d 100644
--- a/demo/layout-vertical-right.html
+++ b/demo/layout-vertical-right.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <!-- CSS files -->
     <link href="./dist/libs/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
           <span class="navbar-toggler-icon"></span>
         </button>
         <a href="." class="navbar-brand navbar-brand-autodark">
-          <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+          <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
         </a>
         <div class="navbar-nav flex-row d-lg-none">
           <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
           </div>
           <div class="nav-item dropdown">
             <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-              <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+              <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
               <div class="d-none d-xl-block pl-2">
                 <div>Paweł Kuna</div>
                 <div class="mt-1 small text-muted">UI Designer</div>
               </div>
             </a>
-            <div class="dropdown-menu dropdown-menu-right">
-              <a class="dropdown-item" href="#">
-                <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                Action
-              </a>
-              <a class="dropdown-item" href="#">
-                <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                Another action
-              </a>
+            <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+              <a href="#" class="dropdown-item">Set status</a>
+              <a href="#" class="dropdown-item">Profile & account</a>
+              <a href="#" class="dropdown-item">Feedback</a>
               <div class="dropdown-divider"></div>
-              <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                Separated link</a>
+              <a href="#" class="dropdown-item">Settings</a>
+              <a href="#" class="dropdown-item">Logout</a>
             </div>
           </div>
         </div>
@@ -185,6 +182,11 @@
                     Lists
                   </a>
                 </li>
+                <li >
+                  <a class="dropdown-item" href="./docs-index.html" >
+                    Docs index
+                  </a>
+                </li>
                 <li class="dropright">
                   <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                     Authentication
@@ -332,6 +334,11 @@
                     Dark mode
                   </a>
                 </li>
+                <li >
+                  <a class="dropdown-item" href="./layout-rtl.html" >
+                    RTL mode
+                  </a>
+                </li>
                 <li >
                   <a class="dropdown-item" href="./layout-fluid.html" >
                     Fluid
@@ -525,11 +532,32 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
+                <!-- Page pre-title -->
+                <div class="page-pretitle">
+                  Overview
+                </div>
                 <h2 class="page-title">
                   Right vertical layout
                 </h2>
               </div>
+              <!-- Page title actions -->
+              <div class="col-auto ml-auto d-print-none">
+                <div class="btn-list">
+                  <span class="d-none d-sm-inline">
+                    <a href="#" class="btn btn-white">
+                      New view
+                    </a>
+                  </span>
+                  <a href="#" class="btn btn-primary d-none d-sm-inline-block" data-toggle="modal" data-target="#modal-report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                    Create new report
+                  </a>
+                  <a href="#" class="btn btn-primary d-sm-none btn-icon" data-toggle="modal" data-target="#modal-report" aria-label="Create new report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                  </a>
+                </div>
+              </div>
             </div>
           </div>
           <div class="row row-deck row-cards">
@@ -540,9 +568,7 @@
                     <div class="subheader">Sales</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -575,9 +601,7 @@
                     <div class="subheader">Revenue</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -605,9 +629,7 @@
                     <div class="subheader">New clients</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -635,9 +657,7 @@
                     <div class="subheader">Active users</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -658,15 +678,53 @@
                 </div>
               </div>
             </div>
-            <div class="col-lg-7">
-              <div class="card">
-                <div class="card-body">
-                  <h3 class="card-title">Traffic summary</h3>
-                  <div id="chart-mentions" class="chart-lg"></div>
+            <div class="col-lg-6">
+              <div class="row row-cards">
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <h3 class="card-title">Traffic summary</h3>
+                      <div id="chart-mentions" class="chart-lg"></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <p class="mb">Using Storage <strong>6854.45 MB </strong>of 8 GB</p>
+                      <div class="progress progress-separated mb">
+                        <div class="progress-bar bg-primary" role="progressbar" style="width: 44%"></div>
+                        <div class="progress-bar bg-info" role="progressbar" style="width: 19%"></div>
+                        <div class="progress-bar bg-success" role="progressbar" style="width: 9%"></div>
+                      </div>
+                      <div class="row">
+                        <div class="col-auto d-flex align-items-center pr-2">
+                          <span class="legend mr-2 bg-primary"></span>
+                          <span>Regular</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">915MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-info"></span>
+                          <span>System</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">415MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-success"></span>
+                          <span>Shared</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">201MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center pl-2">
+                          <span class="legend mr-2"></span>
+                          <span>Free</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">612MB</span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
-            <div class="col-lg-5">
+            <div class="col-lg-6">
               <div class="card">
                 <div class="card-body">
                   <h3 class="card-title">Top countries</h3>
@@ -683,7 +741,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4">W</span>
+                      <span class="avatar avatar-xl mb-4 avatar-rounded">W</span>
                       <h3 class="mb-0">New website</h3>
                       <p class="text-muted">Due to: 28 Aug 2019</p>
                       <p class="mb-3">
@@ -691,11 +749,11 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                          <span class="avatar">JL</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">JL</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -709,7 +767,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4 bg-green-lt">W</span>
+                      <span class="avatar avatar-xl mb-4 bg-green-lt avatar-rounded">W</span>
                       <h3 class="mb-0">UI Redesign</h3>
                       <p class="text-muted">Due to: 11 Nov 2019</p>
                       <p class="mb-3">
@@ -717,9 +775,9 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar">HS</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/006m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/004f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">HS</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/006m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/004f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -773,7 +831,16 @@
             </div>
             <div class="col-lg-6">
               <div class="card">
-                <div id="chart-development-activity" class="mt-4"></div>
+                <div class="card-header border-0">
+                  <div class="card-title">Development activity</div>
+                </div>
+                <div class="position-relative">
+                  <div class="position-absolute top-0 left-0 px-4 w-50">
+                    <div class="mb-1">Today's Earning: $4,262.40</div>
+                    <p class="text-muted text-h5">Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus...</p>
+                  </div>
+                  <div id="chart-development-activity"></div>
+                </div>
                 <div class="table-responsive">
                   <table class="table card-table table-vcenter">
                     <thead>
@@ -786,7 +853,7 @@
                     <tbody>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -797,7 +864,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar">JL</span>
+                          <span class="avatar avatar-sm">JL</span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -808,7 +875,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -819,7 +886,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -830,7 +897,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -847,10 +914,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-blue text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
+                  <span class="bg-blue text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Sales
                     </div>
                     <div class="text-muted">12 waiting payments</div>
@@ -861,10 +928,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-green text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
+                  <span class="bg-green text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       78 Orders
                     </div>
                     <div class="text-muted">32 shipped</div>
@@ -876,10 +943,10 @@
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
                   <div class="mr-3">
-                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-67"></div>
+                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-73"></div>
                   </div>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,352 Members
                     </div>
                     <div class="text-muted">163 registered today</div>
@@ -890,19 +957,19 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Comments
                     </div>
                     <div class="text-muted">16 waiting</div>
                   </div>
                   <div class="ml-auto">
-                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-68"></div>
+                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-74"></div>
                   </div>
                 </div>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Most Visited Pages</h4>
@@ -920,53 +987,53 @@
                     <tr>
                       <td>
                         /about.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">4,896</td>
                       <td class="text-muted">3,654</td>
                       <td class="text-muted">82.54%</td>
                       <td class="text-right">
-                        <div class="chart-sparkline" id="sparkline-69"></div>
+                        <div class="chart-sparkline" id="sparkline-75"></div>
                       </td>
                     </tr>
                     <tr>
                       <td>
                         /special-promo.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,652</td>
                       <td class="text-muted">3,215</td>
                       <td class="text-muted">76.29%</td>
                       <td class="text-right">
-                        <div class="chart-sparkline" id="sparkline-70"></div>
+                        <div class="chart-sparkline" id="sparkline-76"></div>
                       </td>
                     </tr>
                     <tr>
                       <td>
                         /news/1,new-ui-kit.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,256</td>
                       <td class="text-muted">2,865</td>
                       <td class="text-muted">72.65%</td>
                       <td class="text-right">
-                        <div class="chart-sparkline" id="sparkline-71"></div>
+                        <div class="chart-sparkline" id="sparkline-77"></div>
                       </td>
                     </tr>
                     <tr>
                       <td>
                         /lorem-ipsum-dolor-sit-amet-very-long-url.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">986</td>
                       <td class="text-muted">865</td>
                       <td class="text-muted">44.89%</td>
                       <td class="text-right">
-                        <div class="chart-sparkline" id="sparkline-72"></div>
+                        <div class="chart-sparkline" id="sparkline-78"></div>
                       </td>
                     </tr>
                   </table>
@@ -1018,6 +1085,15 @@
                         </div>
                       </td>
                     </tr>
+                    <tr>
+                      <td>TikTok</td>
+                      <td>986</td>
+                      <td class="w-50">
+                        <div class="progress progress-xs">
+                          <div class="progress-bar bg-primary" style="width: 19.72%"></div>
+                        </div>
+                      </td>
+                    </tr>
                     <tr>
                       <td>Pinterest</td>
                       <td>854</td>
@@ -1040,7 +1116,7 @@
                 </table>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Tasks</h4>
@@ -1073,7 +1149,7 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1102,7 +1178,7 @@
                           6</a>
                       </td>
                       <td>
-                        <span class="avatar">JL</span>
+                        <span class="avatar avatar-sm">JL</span>
                       </td>
                     </tr>
                     <tr>
@@ -1131,7 +1207,7 @@
                           1</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1160,7 +1236,7 @@
                           12</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1189,7 +1265,7 @@
                           5</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1218,13 +1294,334 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/001f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/001f.jpg)"></span>
                       </td>
                     </tr>
                   </table>
                 </div>
               </div>
             </div>
+            <div class="col-12">
+              <div class="card">
+                <div class="card-header">
+                  <h3 class="card-title">Invoices</h3>
+                </div>
+                <div class="card-body border-bottom py-3">
+                  <div class="d-flex">
+                    <div class="text-muted">
+                      Show
+                      <div class="mx-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm" value="8" size="3">
+                      </div>
+                      entries
+                    </div>
+                    <div class="ml-auto text-muted">
+                      Search:
+                      <div class="ml-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="table-responsive">
+                  <table class="table card-table table-vcenter text-nowrap datatable">
+                    <thead>
+                      <tr>
+                        <th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
+                        <th class="w-1">No. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-sm text-dark icon-thick" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 15 12 9 18 15" /></svg>
+                        </th>
+                        <th>Invoice Subject</th>
+                        <th>Client</th>
+                        <th>VAT No.</th>
+                        <th>Created</th>
+                        <th>Status</th>
+                        <th>Price</th>
+                        <th></th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001401</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Design Works</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Carlson Limited
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          15 Dec 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid
+                        </td>
+                        <td>$887</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001402</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">UX Wireframes</a></td>
+                        <td>
+                          <span class="flag flag-country-gb"></span>
+                          Adobe
+                        </td>
+                        <td>
+                          87956421
+                        </td>
+                        <td>
+                          12 Apr 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$1200</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001403</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">New Dashboard</a></td>
+                        <td>
+                          <span class="flag flag-country-de"></span>
+                          Bluewolf
+                        </td>
+                        <td>
+                          87952621
+                        </td>
+                        <td>
+                          23 Oct 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$534</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001404</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Landing Page</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Salesforce
+                        </td>
+                        <td>
+                          87953421
+                        </td>
+                        <td>
+                          2 Sep 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 2 Weeks
+                        </td>
+                        <td>$1500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001405</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Marketing Templates</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Printic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          29 Jan 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-danger"></span> Paid Today
+                        </td>
+                        <td>$648</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001406</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Sales Presentation</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Tabdaq
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          4 Feb 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 3 Weeks
+                        </td>
+                        <td>$300</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001407</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Logo & Print</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Apple
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          22 Mar 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$2500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001408</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Icons</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Tookapic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          13 May 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$940</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="card-footer d-flex align-items-center">
+                  <p class="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
+                  <ul class="pagination m-0 ml-auto">
+                    <li class="page-item disabled">
+                      <a class="page-link" href="#" tabindex="-1">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>
+                        prev
+                      </a>
+                    </li>
+                    <li class="page-item"><a class="page-link" href="#">1</a></li>
+                    <li class="page-item active"><a class="page-link" href="#">2</a></li>
+                    <li class="page-item"><a class="page-link" href="#">3</a></li>
+                    <li class="page-item"><a class="page-link" href="#">4</a></li>
+                    <li class="page-item"><a class="page-link" href="#">5</a></li>
+                    <li class="page-item">
+                      <a class="page-link" href="#">
+                        next <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
         <footer class="footer footer-transparent">
@@ -1238,15 +1635,123 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
         </footer>
       </div>
     </div>
+    <div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
+      <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">New report</h5>
+            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
+          </div>
+          <div class="modal-body">
+            <div class="mb-3">
+              <label class="form-label">Name</label>
+              <input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
+            </div>
+            <label class="form-label">Report type</label>
+            <div class="form-selectgroup-boxes row mb-3">
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Simple</span>
+                      <span class="d-block text-muted">Provide only basic data needed for the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input">
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Advanced</span>
+                      <span class="d-block text-muted">Insert charts and additional advanced analyses to be inserted in the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-lg-8">
+                <div class="mb-3">
+                  <label class="form-label">Report url</label>
+                  <div class="input-group input-group-flat">
+                    <span class="input-group-text">
+                      https://tabler.io/reports/
+                    </span>
+                    <input type="text" class="form-control pl-0"  value="report-01">
+                  </div>
+                </div>
+              </div>
+              <div class="col-lg-4">
+                <div class="mb-3">
+                  <label class="form-label">Visibility</label>
+                  <select class="form-select">
+                    <option value="1" selected>Private</option>
+                    <option value="2">Public</option>
+                    <option value="3">Hidden</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-body">
+            <div class="row">
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Client name</label>
+                  <input type="text" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Reporting period</label>
+                  <input type="date" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-12">
+                <div>
+                  <label class="form-label">Additional information</label>
+                  <textarea class="form-control" rows="3"></textarea>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <a href="#" class="btn btn-link link-secondary" data-dismiss="modal">
+              Cancel
+            </a>
+            <a href="#" class="btn btn-primary ml-auto" data-dismiss="modal">
+              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+              Create new report
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
     <!-- Libs JS -->
     <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <script src="./dist/libs/jquery/dist/jquery.slim.min.js"></script>
@@ -1556,7 +2061,7 @@
       		chart: {
       			type: "area",
       			fontFamily: 'inherit',
-      			height: 160,
+      			height: 192,
       			sparkline: {
       				enabled: true
       			},
@@ -1571,15 +2076,6 @@
       			opacity: .16,
       			type: 'solid'
       		},
-      		title: {
-      			text: "Development Activity",
-      			margin: 0,
-      			floating: true,
-      			offsetX: 10,
-      			style: {
-      				fontSize: '18px',
-      			},
-      		},
       		stroke: {
       			width: 2,
       			lineCap: "round",
@@ -1625,33 +2121,33 @@
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-67').text("56/100").peity("pie", {
+      	$().peity && $('#sparkline-73').text("56/100").peity("pie", {
       		width: 40,
       		height: 40,
       		stroke: "#cd201f",
       		strokeWidth: 2,
       		fill: ["#cd201f", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-68').text("22/100").peity("pie", {
+      	$().peity && $('#sparkline-74').text("22/100").peity("pie", {
       		width: 40,
       		height: 40,
       		stroke: "#fab005",
       		strokeWidth: 2,
       		fill: ["#fab005", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-69').text("17, 24, 20, 10, 5, 1, 4, 18, 13").peity("line", {
+      	$().peity && $('#sparkline-75').text("17, 24, 20, 10, 5, 1, 4, 18, 13").peity("line", {
       		width: 64,
       		height: 40,
       		stroke: "#206bc4",
@@ -1663,7 +2159,7 @@
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-70').text("13, 11, 19, 22, 12, 7, 14, 3, 21").peity("line", {
+      	$().peity && $('#sparkline-76').text("13, 11, 19, 22, 12, 7, 14, 3, 21").peity("line", {
       		width: 64,
       		height: 40,
       		stroke: "#206bc4",
@@ -1675,7 +2171,7 @@
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-71').text("10, 13, 10, 4, 17, 3, 23, 22, 19").peity("line", {
+      	$().peity && $('#sparkline-77').text("10, 13, 10, 4, 17, 3, 23, 22, 19").peity("line", {
       		width: 64,
       		height: 40,
       		stroke: "#206bc4",
@@ -1687,7 +2183,7 @@
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-72').text("9, 6, 14, 11, 8, 24, 2, 16, 15").peity("line", {
+      	$().peity && $('#sparkline-78').text("9, 6, 14, 11, 8, 24, 2, 16, 15").peity("line", {
       		width: 64,
       		height: 40,
       		stroke: "#206bc4",
diff --git a/demo/layout-vertical.html b/demo/layout-vertical.html
index afae17842..9581f8eb7 100644
--- a/demo/layout-vertical.html
+++ b/demo/layout-vertical.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -12,7 +12,7 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
@@ -27,6 +27,8 @@
     <!-- CSS files -->
     <link href="./dist/libs/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
           <span class="navbar-toggler-icon"></span>
         </button>
         <a href="." class="navbar-brand navbar-brand-autodark">
-          <img src="./static/logo-white.svg" alt="Tabler" class="navbar-brand-image">
+          <img src="./static/logo-white.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
         </a>
         <div class="navbar-nav flex-row d-lg-none">
           <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
           </div>
           <div class="nav-item dropdown">
             <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-              <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+              <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
               <div class="d-none d-xl-block pl-2">
                 <div>Paweł Kuna</div>
                 <div class="mt-1 small text-muted">UI Designer</div>
               </div>
             </a>
-            <div class="dropdown-menu dropdown-menu-right">
-              <a class="dropdown-item" href="#">
-                <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                Action
-              </a>
-              <a class="dropdown-item" href="#">
-                <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                Another action
-              </a>
+            <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+              <a href="#" class="dropdown-item">Set status</a>
+              <a href="#" class="dropdown-item">Profile & account</a>
+              <a href="#" class="dropdown-item">Feedback</a>
               <div class="dropdown-divider"></div>
-              <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                Separated link</a>
+              <a href="#" class="dropdown-item">Settings</a>
+              <a href="#" class="dropdown-item">Logout</a>
             </div>
           </div>
         </div>
@@ -185,6 +182,11 @@
                     Lists
                   </a>
                 </li>
+                <li >
+                  <a class="dropdown-item" href="./docs-index.html" >
+                    Docs index
+                  </a>
+                </li>
                 <li class="dropright">
                   <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                     Authentication
@@ -332,6 +334,11 @@
                     Dark mode
                   </a>
                 </li>
+                <li >
+                  <a class="dropdown-item" href="./layout-rtl.html" >
+                    RTL mode
+                  </a>
+                </li>
                 <li >
                   <a class="dropdown-item" href="./layout-fluid.html" >
                     Fluid
@@ -525,11 +532,32 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
+                <!-- Page pre-title -->
+                <div class="page-pretitle">
+                  Overview
+                </div>
                 <h2 class="page-title">
                   Vertical layout
                 </h2>
               </div>
+              <!-- Page title actions -->
+              <div class="col-auto ml-auto d-print-none">
+                <div class="btn-list">
+                  <span class="d-none d-sm-inline">
+                    <a href="#" class="btn btn-white">
+                      New view
+                    </a>
+                  </span>
+                  <a href="#" class="btn btn-primary d-none d-sm-inline-block" data-toggle="modal" data-target="#modal-report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                    Create new report
+                  </a>
+                  <a href="#" class="btn btn-primary d-sm-none btn-icon" data-toggle="modal" data-target="#modal-report" aria-label="Create new report">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+                  </a>
+                </div>
+              </div>
             </div>
           </div>
           <div class="row row-deck row-cards">
@@ -540,9 +568,7 @@
                     <div class="subheader">Sales</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -575,9 +601,7 @@
                     <div class="subheader">Revenue</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -605,9 +629,7 @@
                     <div class="subheader">New clients</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -635,9 +657,7 @@
                     <div class="subheader">Active users</div>
                     <div class="ml-auto lh-1">
                       <div class="dropdown">
-                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Last 7 days
-                        </a>
+                        <a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
                         <div class="dropdown-menu dropdown-menu-right">
                           <a class="dropdown-item active" href="#">Last 7 days</a>
                           <a class="dropdown-item" href="#">Last 30 days</a>
@@ -658,15 +678,53 @@
                 </div>
               </div>
             </div>
-            <div class="col-lg-7">
-              <div class="card">
-                <div class="card-body">
-                  <h3 class="card-title">Traffic summary</h3>
-                  <div id="chart-mentions" class="chart-lg"></div>
+            <div class="col-lg-6">
+              <div class="row row-cards">
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <h3 class="card-title">Traffic summary</h3>
+                      <div id="chart-mentions" class="chart-lg"></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="card">
+                    <div class="card-body">
+                      <p class="mb">Using Storage <strong>6854.45 MB </strong>of 8 GB</p>
+                      <div class="progress progress-separated mb">
+                        <div class="progress-bar bg-primary" role="progressbar" style="width: 44%"></div>
+                        <div class="progress-bar bg-info" role="progressbar" style="width: 19%"></div>
+                        <div class="progress-bar bg-success" role="progressbar" style="width: 9%"></div>
+                      </div>
+                      <div class="row">
+                        <div class="col-auto d-flex align-items-center pr-2">
+                          <span class="legend mr-2 bg-primary"></span>
+                          <span>Regular</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">915MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-info"></span>
+                          <span>System</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">415MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center px-2">
+                          <span class="legend mr-2 bg-success"></span>
+                          <span>Shared</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">201MB</span>
+                        </div>
+                        <div class="col-auto d-flex align-items-center pl-2">
+                          <span class="legend mr-2"></span>
+                          <span>Free</span>
+                          <span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">612MB</span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
-            <div class="col-lg-5">
+            <div class="col-lg-6">
               <div class="card">
                 <div class="card-body">
                   <h3 class="card-title">Top countries</h3>
@@ -683,7 +741,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4">W</span>
+                      <span class="avatar avatar-xl mb-4 avatar-rounded">W</span>
                       <h3 class="mb-0">New website</h3>
                       <p class="text-muted">Due to: 28 Aug 2019</p>
                       <p class="mb-3">
@@ -691,11 +749,11 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                          <span class="avatar">JL</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">JL</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -709,7 +767,7 @@
                 <div class="col-sm-6">
                   <div class="card">
                     <div class="card-body p-4 py-5 text-center">
-                      <span class="avatar avatar-xl mb-4 bg-green-lt">W</span>
+                      <span class="avatar avatar-xl mb-4 bg-green-lt avatar-rounded">W</span>
                       <h3 class="mb-0">UI Redesign</h3>
                       <p class="text-muted">Due to: 11 Nov 2019</p>
                       <p class="mb-3">
@@ -717,9 +775,9 @@
                       </p>
                       <div>
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar">HS</span>
-                          <span class="avatar" style="background-image: url(./static/avatars/006m.jpg)"></span>
-                          <span class="avatar" style="background-image: url(./static/avatars/004f.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded">HS</span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/006m.jpg)"></span>
+                          <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/004f.jpg)"></span>
                         </div>
                       </div>
                     </div>
@@ -773,7 +831,16 @@
             </div>
             <div class="col-lg-6">
               <div class="card">
-                <div id="chart-development-activity" class="mt-4"></div>
+                <div class="card-header border-0">
+                  <div class="card-title">Development activity</div>
+                </div>
+                <div class="position-relative">
+                  <div class="position-absolute top-0 left-0 px-4 w-50">
+                    <div class="mb-1">Today's Earning: $4,262.40</div>
+                    <p class="text-muted text-h5">Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus...</p>
+                  </div>
+                  <div id="chart-development-activity"></div>
+                </div>
                 <div class="table-responsive">
                   <table class="table card-table table-vcenter">
                     <thead>
@@ -786,7 +853,7 @@
                     <tbody>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -797,7 +864,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar">JL</span>
+                          <span class="avatar avatar-sm">JL</span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -808,7 +875,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -819,7 +886,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -830,7 +897,7 @@
                       </tr>
                       <tr>
                         <td class="w-1">
-                          <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                         </td>
                         <td class="td-truncate">
                           <div class="text-truncate">
@@ -847,10 +914,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-blue text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
+                  <span class="bg-blue text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Sales
                     </div>
                     <div class="text-muted">12 waiting payments</div>
@@ -861,10 +928,10 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-green text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
+                  <span class="bg-green text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       78 Orders
                     </div>
                     <div class="text-muted">32 shipped</div>
@@ -876,10 +943,10 @@
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
                   <div class="mr-3">
-                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-73"></div>
+                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-79"></div>
                   </div>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,352 Members
                     </div>
                     <div class="text-muted">163 registered today</div>
@@ -890,19 +957,19 @@
             <div class="col-sm-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Comments
                     </div>
                     <div class="text-muted">16 waiting</div>
                   </div>
                   <div class="ml-auto">
-                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-74"></div>
+                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-80"></div>
                   </div>
                 </div>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Most Visited Pages</h4>
@@ -920,53 +987,53 @@
                     <tr>
                       <td>
                         /about.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">4,896</td>
                       <td class="text-muted">3,654</td>
                       <td class="text-muted">82.54%</td>
                       <td class="text-right">
-                        <div class="chart-sparkline" id="sparkline-75"></div>
+                        <div class="chart-sparkline" id="sparkline-81"></div>
                       </td>
                     </tr>
                     <tr>
                       <td>
                         /special-promo.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,652</td>
                       <td class="text-muted">3,215</td>
                       <td class="text-muted">76.29%</td>
                       <td class="text-right">
-                        <div class="chart-sparkline" id="sparkline-76"></div>
+                        <div class="chart-sparkline" id="sparkline-82"></div>
                       </td>
                     </tr>
                     <tr>
                       <td>
                         /news/1,new-ui-kit.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">3,256</td>
                       <td class="text-muted">2,865</td>
                       <td class="text-muted">72.65%</td>
                       <td class="text-right">
-                        <div class="chart-sparkline" id="sparkline-77"></div>
+                        <div class="chart-sparkline" id="sparkline-83"></div>
                       </td>
                     </tr>
                     <tr>
                       <td>
                         /lorem-ipsum-dolor-sit-amet-very-long-url.html
-                        <a href="#" class="link-secondary ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
+                        <a href="#" class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                         </a>
                       </td>
                       <td class="text-muted">986</td>
                       <td class="text-muted">865</td>
                       <td class="text-muted">44.89%</td>
                       <td class="text-right">
-                        <div class="chart-sparkline" id="sparkline-78"></div>
+                        <div class="chart-sparkline" id="sparkline-84"></div>
                       </td>
                     </tr>
                   </table>
@@ -1018,6 +1085,15 @@
                         </div>
                       </td>
                     </tr>
+                    <tr>
+                      <td>TikTok</td>
+                      <td>986</td>
+                      <td class="w-50">
+                        <div class="progress progress-xs">
+                          <div class="progress-bar bg-primary" style="width: 19.72%"></div>
+                        </div>
+                      </td>
+                    </tr>
                     <tr>
                       <td>Pinterest</td>
                       <td>854</td>
@@ -1040,7 +1116,7 @@
                 </table>
               </div>
             </div>
-            <div class="col-md-6 col-lg-8">
+            <div class="col-md-12 col-lg-8">
               <div class="card">
                 <div class="card-header">
                   <h4 class="card-title">Tasks</h4>
@@ -1073,7 +1149,7 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1102,7 +1178,7 @@
                           6</a>
                       </td>
                       <td>
-                        <span class="avatar">JL</span>
+                        <span class="avatar avatar-sm">JL</span>
                       </td>
                     </tr>
                     <tr>
@@ -1131,7 +1207,7 @@
                           1</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1160,7 +1236,7 @@
                           12</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1189,7 +1265,7 @@
                           5</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                       </td>
                     </tr>
                     <tr>
@@ -1218,13 +1294,334 @@
                           3</a>
                       </td>
                       <td>
-                        <span class="avatar" style="background-image: url(./static/avatars/001f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/001f.jpg)"></span>
                       </td>
                     </tr>
                   </table>
                 </div>
               </div>
             </div>
+            <div class="col-12">
+              <div class="card">
+                <div class="card-header">
+                  <h3 class="card-title">Invoices</h3>
+                </div>
+                <div class="card-body border-bottom py-3">
+                  <div class="d-flex">
+                    <div class="text-muted">
+                      Show
+                      <div class="mx-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm" value="8" size="3">
+                      </div>
+                      entries
+                    </div>
+                    <div class="ml-auto text-muted">
+                      Search:
+                      <div class="ml-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="table-responsive">
+                  <table class="table card-table table-vcenter text-nowrap datatable">
+                    <thead>
+                      <tr>
+                        <th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
+                        <th class="w-1">No. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-sm text-dark icon-thick" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 15 12 9 18 15" /></svg>
+                        </th>
+                        <th>Invoice Subject</th>
+                        <th>Client</th>
+                        <th>VAT No.</th>
+                        <th>Created</th>
+                        <th>Status</th>
+                        <th>Price</th>
+                        <th></th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001401</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Design Works</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Carlson Limited
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          15 Dec 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid
+                        </td>
+                        <td>$887</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001402</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">UX Wireframes</a></td>
+                        <td>
+                          <span class="flag flag-country-gb"></span>
+                          Adobe
+                        </td>
+                        <td>
+                          87956421
+                        </td>
+                        <td>
+                          12 Apr 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$1200</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001403</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">New Dashboard</a></td>
+                        <td>
+                          <span class="flag flag-country-de"></span>
+                          Bluewolf
+                        </td>
+                        <td>
+                          87952621
+                        </td>
+                        <td>
+                          23 Oct 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$534</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001404</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Landing Page</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Salesforce
+                        </td>
+                        <td>
+                          87953421
+                        </td>
+                        <td>
+                          2 Sep 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 2 Weeks
+                        </td>
+                        <td>$1500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001405</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Marketing Templates</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Printic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          29 Jan 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-danger"></span> Paid Today
+                        </td>
+                        <td>$648</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001406</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Sales Presentation</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Tabdaq
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          4 Feb 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 3 Weeks
+                        </td>
+                        <td>$300</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001407</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Logo & Print</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Apple
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          22 Mar 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$2500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001408</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Icons</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Tookapic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          13 May 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$940</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="card-footer d-flex align-items-center">
+                  <p class="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
+                  <ul class="pagination m-0 ml-auto">
+                    <li class="page-item disabled">
+                      <a class="page-link" href="#" tabindex="-1">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>
+                        prev
+                      </a>
+                    </li>
+                    <li class="page-item"><a class="page-link" href="#">1</a></li>
+                    <li class="page-item active"><a class="page-link" href="#">2</a></li>
+                    <li class="page-item"><a class="page-link" href="#">3</a></li>
+                    <li class="page-item"><a class="page-link" href="#">4</a></li>
+                    <li class="page-item"><a class="page-link" href="#">5</a></li>
+                    <li class="page-item">
+                      <a class="page-link" href="#">
+                        next <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
         <footer class="footer footer-transparent">
@@ -1238,15 +1635,123 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
         </footer>
       </div>
     </div>
+    <div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
+      <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">New report</h5>
+            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
+          </div>
+          <div class="modal-body">
+            <div class="mb-3">
+              <label class="form-label">Name</label>
+              <input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
+            </div>
+            <label class="form-label">Report type</label>
+            <div class="form-selectgroup-boxes row mb-3">
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Simple</span>
+                      <span class="d-block text-muted">Provide only basic data needed for the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+              <div class="col-lg-6">
+                <label class="form-selectgroup-item">
+                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input">
+                  <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="mr-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Advanced</span>
+                      <span class="d-block text-muted">Insert charts and additional advanced analyses to be inserted in the report</span>
+                    </span>
+                  </span>
+                </label>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-lg-8">
+                <div class="mb-3">
+                  <label class="form-label">Report url</label>
+                  <div class="input-group input-group-flat">
+                    <span class="input-group-text">
+                      https://tabler.io/reports/
+                    </span>
+                    <input type="text" class="form-control pl-0"  value="report-01">
+                  </div>
+                </div>
+              </div>
+              <div class="col-lg-4">
+                <div class="mb-3">
+                  <label class="form-label">Visibility</label>
+                  <select class="form-select">
+                    <option value="1" selected>Private</option>
+                    <option value="2">Public</option>
+                    <option value="3">Hidden</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-body">
+            <div class="row">
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Client name</label>
+                  <input type="text" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-6">
+                <div class="mb-3">
+                  <label class="form-label">Reporting period</label>
+                  <input type="date" class="form-control">
+                </div>
+              </div>
+              <div class="col-lg-12">
+                <div>
+                  <label class="form-label">Additional information</label>
+                  <textarea class="form-control" rows="3"></textarea>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <a href="#" class="btn btn-link link-secondary" data-dismiss="modal">
+              Cancel
+            </a>
+            <a href="#" class="btn btn-primary ml-auto" data-dismiss="modal">
+              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
+              Create new report
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
     <!-- Libs JS -->
     <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <script src="./dist/libs/jquery/dist/jquery.slim.min.js"></script>
@@ -1556,7 +2061,7 @@
       		chart: {
       			type: "area",
       			fontFamily: 'inherit',
-      			height: 160,
+      			height: 192,
       			sparkline: {
       				enabled: true
       			},
@@ -1571,15 +2076,6 @@
       			opacity: .16,
       			type: 'solid'
       		},
-      		title: {
-      			text: "Development Activity",
-      			margin: 0,
-      			floating: true,
-      			offsetX: 10,
-      			style: {
-      				fontSize: '18px',
-      			},
-      		},
       		stroke: {
       			width: 2,
       			lineCap: "round",
@@ -1625,33 +2121,33 @@
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-73').text("56/100").peity("pie", {
+      	$().peity && $('#sparkline-79').text("56/100").peity("pie", {
       		width: 40,
       		height: 40,
       		stroke: "#cd201f",
       		strokeWidth: 2,
       		fill: ["#cd201f", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-74').text("22/100").peity("pie", {
+      	$().peity && $('#sparkline-80').text("22/100").peity("pie", {
       		width: 40,
       		height: 40,
       		stroke: "#fab005",
       		strokeWidth: 2,
       		fill: ["#fab005", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-75').text("17, 24, 20, 10, 5, 1, 4, 18, 13").peity("line", {
+      	$().peity && $('#sparkline-81').text("17, 24, 20, 10, 5, 1, 4, 18, 13").peity("line", {
       		width: 64,
       		height: 40,
       		stroke: "#206bc4",
@@ -1663,7 +2159,7 @@
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-76').text("13, 11, 19, 22, 12, 7, 14, 3, 21").peity("line", {
+      	$().peity && $('#sparkline-82').text("13, 11, 19, 22, 12, 7, 14, 3, 21").peity("line", {
       		width: 64,
       		height: 40,
       		stroke: "#206bc4",
@@ -1675,7 +2171,7 @@
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-77').text("10, 13, 10, 4, 17, 3, 23, 22, 19").peity("line", {
+      	$().peity && $('#sparkline-83').text("10, 13, 10, 4, 17, 3, 23, 22, 19").peity("line", {
       		width: 64,
       		height: 40,
       		stroke: "#206bc4",
@@ -1687,7 +2183,7 @@
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-78').text("9, 6, 14, 11, 8, 24, 2, 16, 15").peity("line", {
+      	$().peity && $('#sparkline-84').text("9, 6, 14, 11, 8, 24, 2, 16, 15").peity("line", {
       		width: 64,
       		height: 40,
       		stroke: "#206bc4",
diff --git a/demo/lists.html b/demo/lists.html
index eb521c71c..22975738e 100644
--- a/demo/lists.html
+++ b/demo/lists.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,7 +547,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Lists
                 </h2>
@@ -555,7 +562,7 @@
                 </div>
                 <div class="card-body">
                   <div class="row mb-n3">
-                    <div class="col-6 row row-sm mb-3 align-items-center">
+                    <div class="col-6 row g-2 mb-3 align-items-center">
                       <a href="#" class="col-auto">
                         <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)">
                           <span class="badge bg-red"></span></span>
@@ -565,7 +572,7 @@
                         <small class="d-block text-muted text-truncate mt-n1">2 days ago</small>
                       </div>
                     </div>
-                    <div class="col-6 row row-sm mb-3 align-items-center">
+                    <div class="col-6 row g-2 mb-3 align-items-center">
                       <a href="#" class="col-auto">
                         <span class="avatar">
                           <span class="badge bg-x"></span>JL</span>
@@ -575,7 +582,7 @@
                         <small class="d-block text-muted text-truncate mt-n1">3 days ago</small>
                       </div>
                     </div>
-                    <div class="col-6 row row-sm mb-3 align-items-center">
+                    <div class="col-6 row g-2 mb-3 align-items-center">
                       <a href="#" class="col-auto">
                         <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
                       </a>
@@ -584,7 +591,7 @@
                         <small class="d-block text-muted text-truncate mt-n1">today</small>
                       </div>
                     </div>
-                    <div class="col-6 row row-sm mb-3 align-items-center">
+                    <div class="col-6 row g-2 mb-3 align-items-center">
                       <a href="#" class="col-auto">
                         <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)">
                           <span class="badge bg-green"></span></span>
@@ -594,7 +601,7 @@
                         <small class="d-block text-muted text-truncate mt-n1">6 days ago</small>
                       </div>
                     </div>
-                    <div class="col-6 row row-sm mb-3 align-items-center">
+                    <div class="col-6 row g-2 mb-3 align-items-center">
                       <a href="#" class="col-auto">
                         <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)">
                           <span class="badge bg-red"></span></span>
@@ -604,7 +611,7 @@
                         <small class="d-block text-muted text-truncate mt-n1">3 days ago</small>
                       </div>
                     </div>
-                    <div class="col-6 row row-sm mb-3 align-items-center">
+                    <div class="col-6 row g-2 mb-3 align-items-center">
                       <a href="#" class="col-auto">
                         <span class="avatar" style="background-image: url(./static/avatars/001f.jpg)">
                           <span class="badge bg-yellow"></span></span>
@@ -614,7 +621,7 @@
                         <small class="d-block text-muted text-truncate mt-n1">2 days ago</small>
                       </div>
                     </div>
-                    <div class="col-6 row row-sm mb-3 align-items-center">
+                    <div class="col-6 row g-2 mb-3 align-items-center">
                       <a href="#" class="col-auto">
                         <span class="avatar">
                           <span class="badge bg-x"></span>EP</span>
@@ -624,7 +631,7 @@
                         <small class="d-block text-muted text-truncate mt-n1">4 days ago</small>
                       </div>
                     </div>
-                    <div class="col-6 row row-sm mb-3 align-items-center">
+                    <div class="col-6 row g-2 mb-3 align-items-center">
                       <a href="#" class="col-auto">
                         <span class="avatar" style="background-image: url(./static/avatars/002f.jpg)">
                           <span class="badge bg-yellow"></span></span>
@@ -634,7 +641,7 @@
                         <small class="d-block text-muted text-truncate mt-n1">6 days ago</small>
                       </div>
                     </div>
-                    <div class="col-6 row row-sm mb-3 align-items-center">
+                    <div class="col-6 row g-2 mb-3 align-items-center">
                       <a href="#" class="col-auto">
                         <span class="avatar" style="background-image: url(./static/avatars/003f.jpg)">
                           <span class="badge bg-x"></span></span>
@@ -644,7 +651,7 @@
                         <small class="d-block text-muted text-truncate mt-n1">today</small>
                       </div>
                     </div>
-                    <div class="col-6 row row-sm mb-3 align-items-center">
+                    <div class="col-6 row g-2 mb-3 align-items-center">
                       <a href="#" class="col-auto">
                         <span class="avatar">
                           <span class="badge bg-x"></span>HS</span>
@@ -863,9 +870,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/maps-vector.html b/demo/maps-vector.html
index 1d1552d6e..18023df4f 100644
--- a/demo/maps-vector.html
+++ b/demo/maps-vector.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -27,6 +27,8 @@
     <!-- CSS files -->
     <link href="./dist/libs/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Vector Maps
                 </h2>
@@ -598,9 +605,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/maps.html b/demo/maps.html
index a12726459..7424362d7 100644
--- a/demo/maps.html
+++ b/demo/maps.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -27,6 +27,8 @@
     <!-- CSS files -->
     <link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -42,7 +44,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -60,24 +62,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -191,6 +188,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -338,6 +340,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -541,7 +548,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Maps
                 </h2>
@@ -604,9 +611,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/markdown.html b/demo/markdown.html
index e0fbb3dc0..779ba0213 100644
--- a/demo/markdown.html
+++ b/demo/markdown.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,7 +547,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Markdown
                 </h2>
@@ -573,7 +580,7 @@
                   <p>Well, how’d you become king, then? Shut up! Ni! Ni! Ni! Ni! Well, Mercia’s a temperate zone! I don’t want to talk to you no more, you empty-headed animal food trough water! I fart in your general direction! Your mother was a hamster and your father smelt of elderberries! Now leave before I am forced to taunt you a second time!</p>
                   <div class="language-scss highlighter-rouge">
                     <div class="highlight">
-                      <pre class="highlight"><code><span class="nv">$colors</span><span class="p">:</span> <span class="p">(</span>
+                      <pre class="highlight"><code><span class="nv">$extra-colors</span><span class="p">:</span> <span class="p">(</span>
   <span class="s2">"blue"</span><span class="o">:</span> <span class="nv">$blue</span><span class="o">,</span>
   <span class="s2">"azure"</span><span class="o">:</span> <span class="nv">$azure</span><span class="o">,</span>
   <span class="s2">"indigo"</span><span class="o">:</span> <span class="nv">$indigo</span><span class="o">,</span>
@@ -611,8 +618,6 @@
                   <p>Bloody Peasant! What do you mean? It’s only a model. Well, Mercia’s a temperate zone!</p>
                   <h5 id="heading-5">Heading 5</h5>
                   <p>Bloody Peasant! What do you mean? It’s only a model. Well, Mercia’s a temperate zone!</p>
-                  <h6 id="heading-6">Heading 6</h6>
-                  <p>Bloody Peasant! What do you mean? It’s only a model. Well, Mercia’s a temperate zone!</p>
                 </div>
               </div>
             </div>
@@ -629,9 +634,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/modals.html b/demo/modals.html
index 2a803e4c4..48aab7f79 100644
--- a/demo/modals.html
+++ b/demo/modals.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,7 +547,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Modals
                 </h2>
@@ -589,9 +596,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
@@ -603,15 +617,13 @@
         <div class="modal-content">
           <div class="modal-header">
             <h5 class="modal-title">Modal title</h5>
-            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
-              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
-            </button>
+            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
           </div>
           <div class="modal-body">
             Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci animi beatae delectus deleniti dolorem eveniet facere fuga iste nemo nesciunt nihil odio perspiciatis, quia quis reprehenderit sit tempora totam unde.
           </div>
           <div class="modal-footer">
-            <button type="button" class="btn btn-white mr-auto" data-dismiss="modal">Close</button>
+            <button type="button" class="btn mr-auto" data-dismiss="modal">Close</button>
             <button type="button" class="btn btn-primary" data-dismiss="modal">Save changes</button>
           </div>
         </div>
@@ -622,15 +634,13 @@
         <div class="modal-content">
           <div class="modal-header">
             <h5 class="modal-title">Large modal</h5>
-            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
-              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
-            </button>
+            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
           </div>
           <div class="modal-body">
             Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci animi beatae delectus deleniti dolorem eveniet facere fuga iste nemo nesciunt nihil odio perspiciatis, quia quis reprehenderit sit tempora totam unde.
           </div>
           <div class="modal-footer">
-            <button type="button" class="btn btn-white mr-auto" data-dismiss="modal">Close</button>
+            <button type="button" class="btn mr-auto" data-dismiss="modal">Close</button>
             <button type="button" class="btn btn-primary" data-dismiss="modal">Save changes</button>
           </div>
         </div>
@@ -655,15 +665,13 @@
         <div class="modal-content">
           <div class="modal-header">
             <h5 class="modal-title">Full width modal</h5>
-            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
-              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
-            </button>
+            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
           </div>
           <div class="modal-body">
             Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci animi beatae delectus deleniti dolorem eveniet facere fuga iste nemo nesciunt nihil odio perspiciatis, quia quis reprehenderit sit tempora totam unde.
           </div>
           <div class="modal-footer">
-            <button type="button" class="btn btn-white mr-auto" data-dismiss="modal">Close</button>
+            <button type="button" class="btn mr-auto" data-dismiss="modal">Close</button>
             <button type="button" class="btn btn-primary" data-dismiss="modal">Save changes</button>
           </div>
         </div>
@@ -674,9 +682,7 @@
         <div class="modal-content">
           <div class="modal-header">
             <h5 class="modal-title">Scrollable modal</h5>
-            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
-              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
-            </button>
+            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
           </div>
           <div class="modal-body">
             <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas
@@ -717,7 +723,7 @@
               consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
           </div>
           <div class="modal-footer">
-            <button type="button" class="btn btn-white mr-auto" data-dismiss="modal">Close</button>
+            <button type="button" class="btn mr-auto" data-dismiss="modal">Close</button>
             <button type="button" class="btn btn-primary" data-dismiss="modal">Save changes</button>
           </div>
         </div>
@@ -728,9 +734,7 @@
         <div class="modal-content">
           <div class="modal-header">
             <h5 class="modal-title">New report</h5>
-            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
-              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
-            </button>
+            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
           </div>
           <div class="modal-body">
             <div class="mb-3">
@@ -829,11 +833,9 @@
     <div class="modal modal-blur fade" id="modal-info" tabindex="-1" role="dialog" aria-hidden="true">
       <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
         <div class="modal-content">
-          <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
-            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
-          </button>
+          <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
           <div class="modal-body text-center py-5">
-            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-xl icon-thin mb-4 text-green" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9 12l2 2l4 -4" /></svg>
+            <svg xmlns="http://www.w3.org/2000/svg" class="icon mb-4 text-green" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9 12l2 2l4 -4" /></svg>
             <h3>Payment succedeed</h3>
             <div class="text-muted">Your payment of $290 has been successfully submitted. Your invoice has been sent to support@tabler.io.</div>
           </div>
@@ -853,9 +855,7 @@
         <div class="modal-content">
           <div class="modal-header">
             <h5 class="modal-title">Add a new team</h5>
-            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
-              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
-            </button>
+            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
           </div>
           <div class="modal-body">
             <div class="row mb-3 align-items-end">
@@ -872,7 +872,7 @@
             </div>
             <div class="mb-3">
               <label class="form-label">Pick your team color</label>
-              <div class="row row-sm">
+              <div class="row g-2">
                 <div class="col-auto">
                   <label class="form-colorinput">
                     <input name="color" type="radio" value="dark" class="form-colorinput-input" />
@@ -947,7 +947,7 @@
             </div>
           </div>
           <div class="modal-footer">
-            <button type="button" class="btn btn-white mr-auto" data-dismiss="modal">Close</button>
+            <button type="button" class="btn mr-auto" data-dismiss="modal">Close</button>
             <button type="button" class="btn btn-primary" data-dismiss="modal">Add Team</button>
           </div>
         </div>
diff --git a/demo/music.html b/demo/music.html
index 31740bd0f..e92c01e08 100644
--- a/demo/music.html
+++ b/demo/music.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,7 +547,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Music components
                 </h2>
@@ -552,7 +559,7 @@
               <div class="card">
                 <div class="list-group card-list-group">
                   <div class="list-group-item">
-                    <div class="row row-sm align-items-center">
+                    <div class="row g-2 align-items-center">
                       <div class="col-auto text-h3">
                         1
                       </div>
@@ -591,7 +598,7 @@
                     </div>
                   </div>
                   <div class="list-group-item">
-                    <div class="row row-sm align-items-center">
+                    <div class="row g-2 align-items-center">
                       <div class="col-auto text-h3">
                         2
                       </div>
@@ -628,7 +635,7 @@
                     </div>
                   </div>
                   <div class="list-group-item">
-                    <div class="row row-sm align-items-center">
+                    <div class="row g-2 align-items-center">
                       <div class="col-auto text-h3">
                         3
                       </div>
@@ -665,7 +672,7 @@
                     </div>
                   </div>
                   <div class="list-group-item">
-                    <div class="row row-sm align-items-center">
+                    <div class="row g-2 align-items-center">
                       <div class="col-auto text-h3">
                         4
                       </div>
@@ -702,7 +709,7 @@
                     </div>
                   </div>
                   <div class="list-group-item">
-                    <div class="row row-sm align-items-center">
+                    <div class="row g-2 align-items-center">
                       <div class="col-auto text-h3">
                         5
                       </div>
@@ -739,7 +746,7 @@
                     </div>
                   </div>
                   <div class="list-group-item">
-                    <div class="row row-sm align-items-center">
+                    <div class="row g-2 align-items-center">
                       <div class="col-auto text-h3">
                         6
                       </div>
@@ -776,7 +783,7 @@
                     </div>
                   </div>
                   <div class="list-group-item">
-                    <div class="row row-sm align-items-center">
+                    <div class="row g-2 align-items-center">
                       <div class="col-auto text-h3">
                         7
                       </div>
@@ -815,7 +822,7 @@
                     </div>
                   </div>
                   <div class="list-group-item">
-                    <div class="row row-sm align-items-center">
+                    <div class="row g-2 align-items-center">
                       <div class="col-auto text-h3">
                         8
                       </div>
@@ -853,7 +860,7 @@
                     </div>
                   </div>
                   <div class="list-group-item">
-                    <div class="row row-sm align-items-center">
+                    <div class="row g-2 align-items-center">
                       <div class="col-auto text-h3">
                         9
                       </div>
@@ -890,7 +897,7 @@
                     </div>
                   </div>
                   <div class="list-group-item">
-                    <div class="row row-sm align-items-center">
+                    <div class="row g-2 align-items-center">
                       <div class="col-auto text-h3">
                         10
                       </div>
@@ -927,7 +934,7 @@
                     </div>
                   </div>
                   <div class="list-group-item">
-                    <div class="row row-sm align-items-center">
+                    <div class="row g-2 align-items-center">
                       <div class="col-auto text-h3">
                         11
                       </div>
@@ -964,7 +971,7 @@
                     </div>
                   </div>
                   <div class="list-group-item">
-                    <div class="row row-sm align-items-center">
+                    <div class="row g-2 align-items-center">
                       <div class="col-auto text-h3">
                         12
                       </div>
@@ -1126,9 +1133,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/navigation.html b/demo/navigation.html
index b63e60470..e3e2e5fe9 100644
--- a/demo/navigation.html
+++ b/demo/navigation.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,7 +547,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Navigation
                 </h2>
@@ -555,7 +562,7 @@
                     <span class="navbar-toggler-icon"></span>
                   </button>
                   <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-                    <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+                    <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
                   </a>
                   <div class="navbar-nav flex-row order-md-last">
                     <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -573,24 +580,19 @@
                     </div>
                     <div class="nav-item dropdown">
                       <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                        <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                         <div class="d-none d-xl-block pl-2">
                           <div>Mallory Hulme</div>
                           <div class="mt-1 small text-muted">Geologist IV</div>
                         </div>
                       </a>
-                      <div class="dropdown-menu dropdown-menu-right">
-                        <a class="dropdown-item" href="#">
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                          Action
-                        </a>
-                        <a class="dropdown-item" href="#">
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                          Another action
-                        </a>
+                      <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                        <a href="#" class="dropdown-item">Set status</a>
+                        <a href="#" class="dropdown-item">Profile & account</a>
+                        <a href="#" class="dropdown-item">Feedback</a>
                         <div class="dropdown-divider"></div>
-                        <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                          Separated link</a>
+                        <a href="#" class="dropdown-item">Settings</a>
+                        <a href="#" class="dropdown-item">Logout</a>
                       </div>
                     </div>
                   </div>
@@ -674,7 +676,7 @@
                     <span class="navbar-toggler-icon"></span>
                   </button>
                   <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-                    <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+                    <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
                   </a>
                   <div class="navbar-nav flex-row order-md-last">
                     <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -692,24 +694,19 @@
                     </div>
                     <div class="nav-item dropdown">
                       <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                        <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                         <div class="d-none d-xl-block pl-2">
                           <div>Dunn Slane</div>
                           <div class="mt-1 small text-muted">Research Nurse</div>
                         </div>
                       </a>
-                      <div class="dropdown-menu dropdown-menu-right">
-                        <a class="dropdown-item" href="#">
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                          Action
-                        </a>
-                        <a class="dropdown-item" href="#">
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                          Another action
-                        </a>
+                      <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                        <a href="#" class="dropdown-item">Set status</a>
+                        <a href="#" class="dropdown-item">Profile & account</a>
+                        <a href="#" class="dropdown-item">Feedback</a>
                         <div class="dropdown-divider"></div>
-                        <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                          Separated link</a>
+                        <a href="#" class="dropdown-item">Settings</a>
+                        <a href="#" class="dropdown-item">Logout</a>
                       </div>
                     </div>
                   </div>
@@ -811,20 +808,15 @@
                     </div>
                     <div class="nav-item dropdown">
                       <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                        <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
                       </a>
-                      <div class="dropdown-menu dropdown-menu-right">
-                        <a class="dropdown-item" href="#">
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                          Action
-                        </a>
-                        <a class="dropdown-item" href="#">
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                          Another action
-                        </a>
+                      <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                        <a href="#" class="dropdown-item">Set status</a>
+                        <a href="#" class="dropdown-item">Profile & account</a>
+                        <a href="#" class="dropdown-item">Feedback</a>
                         <div class="dropdown-divider"></div>
-                        <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                          Separated link</a>
+                        <a href="#" class="dropdown-item">Settings</a>
+                        <a href="#" class="dropdown-item">Logout</a>
                       </div>
                     </div>
                   </div>
@@ -900,7 +892,7 @@
                     <span class="navbar-toggler-icon"></span>
                   </button>
                   <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-                    <img src="./static/logo-small-white.svg" alt="Tabler" class="navbar-brand-image">
+                    <img src="./static/logo-small-white.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
                   </a>
                   <div class="navbar-nav flex-row order-md-last">
                     <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -918,24 +910,19 @@
                     </div>
                     <div class="nav-item dropdown">
                       <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                        <span class="avatar" style="background-image: url(./static/avatars/001f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/001f.jpg)"></span>
                         <div class="d-none d-xl-block pl-2">
                           <div>Maryjo Lebarree</div>
                           <div class="mt-1 small text-muted">Civil Engineer</div>
                         </div>
                       </a>
-                      <div class="dropdown-menu dropdown-menu-right">
-                        <a class="dropdown-item" href="#">
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                          Action
-                        </a>
-                        <a class="dropdown-item" href="#">
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                          Another action
-                        </a>
+                      <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                        <a href="#" class="dropdown-item">Set status</a>
+                        <a href="#" class="dropdown-item">Profile & account</a>
+                        <a href="#" class="dropdown-item">Feedback</a>
                         <div class="dropdown-divider"></div>
-                        <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                          Separated link</a>
+                        <a href="#" class="dropdown-item">Settings</a>
+                        <a href="#" class="dropdown-item">Logout</a>
                       </div>
                     </div>
                   </div>
@@ -1022,20 +1009,15 @@
                     </div>
                     <div class="nav-item dropdown">
                       <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                        <span class="avatar">EP</span>
+                        <span class="avatar avatar-sm">EP</span>
                       </a>
-                      <div class="dropdown-menu dropdown-menu-right">
-                        <a class="dropdown-item" href="#">
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                          Action
-                        </a>
-                        <a class="dropdown-item" href="#">
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                          Another action
-                        </a>
+                      <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                        <a href="#" class="dropdown-item">Set status</a>
+                        <a href="#" class="dropdown-item">Profile & account</a>
+                        <a href="#" class="dropdown-item">Feedback</a>
                         <div class="dropdown-divider"></div>
-                        <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                          Separated link</a>
+                        <a href="#" class="dropdown-item">Settings</a>
+                        <a href="#" class="dropdown-item">Logout</a>
                       </div>
                     </div>
                   </div>
@@ -1111,7 +1093,7 @@
                     <span class="navbar-toggler-icon"></span>
                   </button>
                   <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-                    <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-image mr-3">
+                    <img src="./static/logo-small.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image mr-3">
                     Dashboard
                   </a>
                   <div class="navbar-nav flex-row order-md-last">
@@ -1130,24 +1112,19 @@
                     </div>
                     <div class="nav-item dropdown">
                       <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                        <span class="avatar" style="background-image: url(./static/avatars/002f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002f.jpg)"></span>
                         <div class="d-none d-xl-block pl-2">
                           <div>Kellie Skingley</div>
                           <div class="mt-1 small text-muted">Teacher</div>
                         </div>
                       </a>
-                      <div class="dropdown-menu dropdown-menu-right">
-                        <a class="dropdown-item" href="#">
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                          Action
-                        </a>
-                        <a class="dropdown-item" href="#">
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                          Another action
-                        </a>
+                      <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                        <a href="#" class="dropdown-item">Set status</a>
+                        <a href="#" class="dropdown-item">Profile & account</a>
+                        <a href="#" class="dropdown-item">Feedback</a>
                         <div class="dropdown-divider"></div>
-                        <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                          Separated link</a>
+                        <a href="#" class="dropdown-item">Settings</a>
+                        <a href="#" class="dropdown-item">Logout</a>
                       </div>
                     </div>
                   </div>
@@ -1235,7 +1212,7 @@
                     <span class="navbar-toggler-icon"></span>
                   </button>
                   <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-                    <img src="./static/logo-white.svg" alt="Tabler" class="navbar-brand-image">
+                    <img src="./static/logo-white.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
                   </a>
                   <div class="navbar-nav flex-row order-md-last">
                     <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -1253,24 +1230,19 @@
                     </div>
                     <div class="nav-item dropdown">
                       <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                        <span class="avatar" style="background-image: url(./static/avatars/003f.jpg)"></span>
+                        <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003f.jpg)"></span>
                         <div class="d-none d-xl-block pl-2">
                           <div>Christabel Charlwood</div>
                           <div class="mt-1 small text-muted">Tax Accountant</div>
                         </div>
                       </a>
-                      <div class="dropdown-menu dropdown-menu-right">
-                        <a class="dropdown-item" href="#">
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                          Action
-                        </a>
-                        <a class="dropdown-item" href="#">
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                          Another action
-                        </a>
+                      <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                        <a href="#" class="dropdown-item">Set status</a>
+                        <a href="#" class="dropdown-item">Profile & account</a>
+                        <a href="#" class="dropdown-item">Feedback</a>
                         <div class="dropdown-divider"></div>
-                        <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                          Separated link</a>
+                        <a href="#" class="dropdown-item">Settings</a>
+                        <a href="#" class="dropdown-item">Logout</a>
                       </div>
                     </div>
                   </div>
@@ -1364,9 +1336,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/pagination.html b/demo/pagination.html
index 3ded5f57c..c6bb0c2d3 100644
--- a/demo/pagination.html
+++ b/demo/pagination.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,7 +547,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Pagination
                 </h2>
@@ -635,9 +642,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/pricing.html b/demo/pricing.html
index 753271bb9..5be3ef614 100644
--- a/demo/pricing.html
+++ b/demo/pricing.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,7 +547,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Pricing cards
                 </h2>
@@ -683,9 +690,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/search-results.html b/demo/search-results.html
index 506db6417..b2ba4f2a9 100644
--- a/demo/search-results.html
+++ b/demo/search-results.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,13 +547,11 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Search results
                 </h2>
-              </div>
-              <div class="col-auto">
-                <div class="text-muted text-h5 mt-2">About 2,410 result (0.19 seconds)</div>
+                <div class="text-muted mt-1">About 2,410 result (0.19 seconds)</div>
               </div>
             </div>
           </div>
@@ -611,7 +616,7 @@
                   </label>
                 </div>
                 <div class="subheader mb-2">Price</div>
-                <div class="row row-sm align-items-center mb-3">
+                <div class="row g-2 align-items-center mb-3">
                   <div class="col">
                     <div class="input-group">
                       <span class="input-group-text">
@@ -658,7 +663,7 @@
                     <div class="card-body">
                       <div class="d-flex align-items-center">
                         <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                        <div class="lh-sm">
+                        <div>
                           <div>Paweł Kuna</div>
                           <div class="text-muted">3 days ago</div>
                         </div>
@@ -671,10 +676,10 @@
                     <a href="#" class="d-block"><img src="./static/photos/3d2998219313cd37.jpg" class="card-img-top"></a>
                     <div class="card-body">
                       <div class="d-flex align-items-center">
-                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                        <div class="lh-sm">
-                          <div>Mallory Hulme</div>
-                          <div class="text-muted">yesterday</div>
+                        <span class="avatar mr-3 rounded">JL</span>
+                        <div>
+                          <div>Jeffie Lewzey</div>
+                          <div class="text-muted">5 days ago</div>
                         </div>
                       </div>
                     </div>
@@ -685,10 +690,10 @@
                     <a href="#" class="d-block"><img src="./static/photos/6ab3200b14549f8a.jpg" class="card-img-top"></a>
                     <div class="card-body">
                       <div class="d-flex align-items-center">
-                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
-                        <div class="lh-sm">
-                          <div>Emmy Levet</div>
-                          <div class="text-muted">5 days ago</div>
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                        <div>
+                          <div>Mallory Hulme</div>
+                          <div class="text-muted">yesterday</div>
                         </div>
                       </div>
                     </div>
@@ -699,10 +704,10 @@
                     <a href="#" class="d-block"><img src="./static/photos/6d35d9a2bd6c63c2.jpg" class="card-img-top"></a>
                     <div class="card-body">
                       <div class="d-flex align-items-center">
-                        <span class="avatar mr-3 rounded">EP</span>
-                        <div class="lh-sm">
-                          <div>Egan Poetz</div>
-                          <div class="text-muted">6 days ago</div>
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                        <div>
+                          <div>Dunn Slane</div>
+                          <div class="text-muted">1 week and 3 days ago</div>
                         </div>
                       </div>
                     </div>
@@ -713,9 +718,9 @@
                     <a href="#" class="d-block"><img src="./static/photos/8a26974ee6444acd.jpg" class="card-img-top"></a>
                     <div class="card-body">
                       <div class="d-flex align-items-center">
-                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/006m.jpg)"></span>
-                        <div class="lh-sm">
-                          <div>Lorry Mion</div>
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
+                        <div>
+                          <div>Emmy Levet</div>
                           <div class="text-muted">5 days ago</div>
                         </div>
                       </div>
@@ -727,10 +732,10 @@
                     <a href="#" class="d-block"><img src="./static/photos/8c13ad59f739558c.jpg" class="card-img-top"></a>
                     <div class="card-body">
                       <div class="d-flex align-items-center">
-                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/004f.jpg)"></span>
-                        <div class="lh-sm">
-                          <div>Leesa Beaty</div>
-                          <div class="text-muted">6 days ago</div>
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/001f.jpg)"></span>
+                        <div>
+                          <div>Maryjo Lebarree</div>
+                          <div class="text-muted">3 days ago</div>
                         </div>
                       </div>
                     </div>
@@ -741,10 +746,10 @@
                     <a href="#" class="d-block"><img src="./static/photos/8fdeb4785d2b82ef.jpg" class="card-img-top"></a>
                     <div class="card-body">
                       <div class="d-flex align-items-center">
-                        <span class="avatar mr-3 rounded">SA</span>
-                        <div class="lh-sm">
-                          <div>Sunny Airey</div>
-                          <div class="text-muted">5 days ago</div>
+                        <span class="avatar mr-3 rounded">EP</span>
+                        <div>
+                          <div>Egan Poetz</div>
+                          <div class="text-muted">6 days ago</div>
                         </div>
                       </div>
                     </div>
@@ -755,10 +760,10 @@
                     <a href="#" class="d-block"><img src="./static/photos/9f36332564ca271d.jpg" class="card-img-top"></a>
                     <div class="card-body">
                       <div class="d-flex align-items-center">
-                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/009m.jpg)"></span>
-                        <div class="lh-sm">
-                          <div>Geoffry Flaunders</div>
-                          <div class="text-muted">1 week ago</div>
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/002f.jpg)"></span>
+                        <div>
+                          <div>Kellie Skingley</div>
+                          <div class="text-muted">1 week and 2 days ago</div>
                         </div>
                       </div>
                     </div>
@@ -769,10 +774,10 @@
                     <a href="#" class="d-block"><img src="./static/photos/35b88fc04a518c1b.jpg" class="card-img-top"></a>
                     <div class="card-body">
                       <div class="d-flex align-items-center">
-                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/010m.jpg)"></span>
-                        <div class="lh-sm">
-                          <div>Thatcher Keel</div>
-                          <div class="text-muted">1 week and 2 days ago</div>
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/003f.jpg)"></span>
+                        <div>
+                          <div>Christabel Charlwood</div>
+                          <div class="text-muted">today</div>
                         </div>
                       </div>
                     </div>
@@ -783,10 +788,10 @@
                     <a href="#" class="d-block"><img src="./static/photos/36e273986ed577b8.jpg" class="card-img-top"></a>
                     <div class="card-body">
                       <div class="d-flex align-items-center">
-                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/005f.jpg)"></span>
-                        <div class="lh-sm">
-                          <div>Dyann Escala</div>
-                          <div class="text-muted">4 days ago</div>
+                        <span class="avatar mr-3 rounded">HS</span>
+                        <div>
+                          <div>Haskel Shelper</div>
+                          <div class="text-muted">2 days ago</div>
                         </div>
                       </div>
                     </div>
@@ -797,10 +802,10 @@
                     <a href="#" class="d-block"><img src="./static/photos/75b555b99d5b38c4.jpg" class="card-img-top"></a>
                     <div class="card-body">
                       <div class="d-flex align-items-center">
-                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/006f.jpg)"></span>
-                        <div class="lh-sm">
-                          <div>Avivah Mugleston</div>
-                          <div class="text-muted">6 days ago</div>
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/006m.jpg)"></span>
+                        <div>
+                          <div>Lorry Mion</div>
+                          <div class="text-muted">5 days ago</div>
                         </div>
                       </div>
                     </div>
@@ -809,10 +814,122 @@
                 <div class="col-sm-6 col-lg-4">
                   <div class="card card-sm">
                     <a href="#" class="d-block"><img src="./static/photos/546fd146c83f428c.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/004f.jpg)"></span>
+                        <div>
+                          <div>Leesa Beaty</div>
+                          <div class="text-muted">6 days ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/802a16cdf5ce3551.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/007m.jpg)"></span>
+                        <div>
+                          <div>Perren Keemar</div>
+                          <div class="text-muted">4 days ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/0986f97be719fb9a.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded">SA</span>
+                        <div>
+                          <div>Sunny Airey</div>
+                          <div class="text-muted">5 days ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/1194d63fe36a8670.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/009m.jpg)"></span>
+                        <div>
+                          <div>Geoffry Flaunders</div>
+                          <div class="text-muted">1 week ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/1366fdc9b9b277e4.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/010m.jpg)"></span>
+                        <div>
+                          <div>Thatcher Keel</div>
+                          <div class="text-muted">1 week and 2 days ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/5358d787242861c4.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/005f.jpg)"></span>
+                        <div>
+                          <div>Dyann Escala</div>
+                          <div class="text-muted">4 days ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/5614ec7eb9034d04.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/006f.jpg)"></span>
+                        <div>
+                          <div>Avivah Mugleston</div>
+                          <div class="text-muted">6 days ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/56614e12b2a7bd68.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded">AA</span>
+                        <div>
+                          <div>Arlie Armstead</div>
+                          <div class="text-muted">1 week and 1 day ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/77586f6ffa9fbc5e.jpg" class="card-img-top"></a>
                     <div class="card-body">
                       <div class="d-flex align-items-center">
                         <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/008f.jpg)"></span>
-                        <div class="lh-sm">
+                        <div>
                           <div>Tessie Curzon</div>
                           <div class="text-muted">3 days ago</div>
                         </div>
@@ -820,6 +937,216 @@
                     </div>
                   </div>
                 </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/552683cc4e5f0e11.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/009f.jpg)"></span>
+                        <div>
+                          <div>Flossi Uttley</div>
+                          <div class="text-muted">4 days ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/3664593f945f0d8d.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/010f.jpg)"></span>
+                        <div>
+                          <div>Cesya Spritt</div>
+                          <div class="text-muted">1 week ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/529078594c496ec5.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/011m.jpg)"></span>
+                        <div>
+                          <div>Johnnie Gilby</div>
+                          <div class="text-muted">1 week and 1 day ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/a74c41b6fb7fdf34.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/012m.jpg)"></span>
+                        <div>
+                          <div>Ban Rzehor</div>
+                          <div class="text-muted">1 week and 1 day ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/a159fb2bff29fda4.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/011f.jpg)"></span>
+                        <div>
+                          <div>Carroll Erat</div>
+                          <div class="text-muted">6 days ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/a12804818c417ea3.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/012f.jpg)"></span>
+                        <div>
+                          <div>Marsha Labat</div>
+                          <div class="text-muted">today</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/abb0721ac43820f9.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/013m.jpg)"></span>
+                        <div>
+                          <div>Elston Muffett</div>
+                          <div class="text-muted">1 week and 3 days ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/d366fc3df37fe65b.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/013f.jpg)"></span>
+                        <div>
+                          <div>Leigha Gorce</div>
+                          <div class="text-muted">1 week and 1 day ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/da6119936bd7f566.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded">TB</span>
+                        <div>
+                          <div>Tallie Bettis</div>
+                          <div class="text-muted">3 days ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/e8f47263360d96af.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/015f.jpg)"></span>
+                        <div>
+                          <div>Merrily Garforth</div>
+                          <div class="text-muted">3 days ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/ecfed9fbf8a58836.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded">EB</span>
+                        <div>
+                          <div>Errol Blackley</div>
+                          <div class="text-muted">2 days ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/f7f04e6a834b1959.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/016f.jpg)"></span>
+                        <div>
+                          <div>Ninon Don</div>
+                          <div class="text-muted">1 week and 1 day ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/f61b5f865012f200.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/015m.jpg)"></span>
+                        <div>
+                          <div>Delaney Cairney</div>
+                          <div class="text-muted">1 week and 3 days ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/f746d9f7fa60be79.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/017f.jpg)"></span>
+                        <div>
+                          <div>Gratia Gooley</div>
+                          <div class="text-muted">6 days ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-sm-6 col-lg-4">
+                  <div class="card card-sm">
+                    <a href="#" class="d-block"><img src="./static/photos/ff54b43b56632883.jpg" class="card-img-top"></a>
+                    <div class="card-body">
+                      <div class="d-flex align-items-center">
+                        <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/018f.jpg)"></span>
+                        <div>
+                          <div>Odelinda McCosh</div>
+                          <div class="text-muted">1 week and 3 days ago</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
               </div>
             </div>
           </div>
@@ -835,9 +1162,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/settings-index.html b/demo/settings-index.html
new file mode 100644
index 000000000..2e2769671
--- /dev/null
+++ b/demo/settings-index.html
@@ -0,0 +1,785 @@
+<!doctype html>
+<!--
+* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
+* @version 1.0.0-alpha.9
+* @link https://tabler.io
+* Copyright 2018-2020 The Tabler Authors
+* Copyright 2018-2020 codecalm.net Paweł Kuna
+* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
+-->
+<html lang="en">
+  <head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
+    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
+    <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
+    <meta name="msapplication-TileColor" content="#206bc4"/>
+    <meta name="theme-color" content="#206bc4"/>
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
+    <meta name="apple-mobile-web-app-capable" content="yes"/>
+    <meta name="mobile-web-app-capable" content="yes"/>
+    <meta name="HandheldFriendly" content="True"/>
+    <meta name="MobileOptimized" content="320"/>
+    <meta name="robots" content="noindex,nofollow,noarchive"/>
+    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
+    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
+    <!-- CSS files -->
+    <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css" rel="stylesheet"/>
+    <style>
+      body {
+      	display: none;
+      }
+    </style>
+  </head>
+  <body class="antialiased">
+    <div class="page">
+      <header class="navbar navbar-expand-md navbar-light">
+        <div class="container-xl">
+          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+          <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
+          </a>
+          <div class="navbar-nav flex-row order-md-last">
+            <div class="nav-item dropdown d-none d-md-flex mr-3">
+              <a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
+                <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
+                <span class="badge bg-red"></span>
+              </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-card">
+                <div class="card">
+                  <div class="card-body">
+                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="nav-item dropdown">
+              <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <div class="d-none d-xl-block pl-2">
+                  <div>Paweł Kuna</div>
+                  <div class="mt-1 small text-muted">UI Designer</div>
+                </div>
+              </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
+                <div class="dropdown-divider"></div>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </header>
+      <div class="navbar-expand-md">
+        <div class="collapse navbar-collapse" id="navbar-menu">
+          <div class="navbar navbar-light">
+            <div class="container-xl">
+              <ul class="navbar-nav">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
+                    </span>
+                    <span class="nav-link-title">
+                      Home
+                    </span>
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button" aria-expanded="false" >
+                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
+                    </span>
+                    <span class="nav-link-title">
+                      User Interface
+                    </span>
+                  </a>
+                  <ul class="dropdown-menu dropdown-menu-columns  dropdown-menu-columns-2">
+                    <li >
+                      <a class="dropdown-item" href="./empty.html" >
+                        Empty page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Blank page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards-masonry.html" >
+                        Cards Masonry
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./dropdowns.html" >
+                        Dropdowns
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./icons.html" >
+                        Icons
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./modals.html" >
+                        Modals
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maps.html" >
+                        Maps
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maps-vector.html" >
+                        Vector maps
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./navigation.html" >
+                        Navigation
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./charts.html" >
+                        Charts
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./pagination.html" >
+                        Pagination
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./tables.html" >
+                        Tables
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./calendar.html" >
+                        Calendar
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./carousel.html" >
+                        Carousel
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./lists.html" >
+                        Lists
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        Authentication
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./sign-in.html" class="dropdown-item">Sign in</a>
+                        <a href="./sign-up.html" class="dropdown-item">Sign up</a>
+                        <a href="./forgot-password.html" class="dropdown-item">Forgot password</a>
+                        <a href="./terms-of-service.html" class="dropdown-item">Terms of service</a>
+                      </div>
+                    </li>
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        Error pages
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./error-404.html" class="dropdown-item">404 page</a>
+                        <a href="./error-500.html" class="dropdown-item">500 page</a>
+                        <a href="./error-maintenance.html" class="dropdown-item">Maintenance page</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
+                    </span>
+                    <span class="nav-link-title">
+                      Form elements
+                    </span>
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button" aria-expanded="false" >
+                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
+                    </span>
+                    <span class="nav-link-title">
+                      Extra
+                    </span>
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./invoice.html" >
+                        Invoice
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./blog.html" >
+                        Blog cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./snippets.html" >
+                        Snippets
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./pricing.html" >
+                        Pricing cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./users.html" >
+                        Users
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./gallery.html" >
+                        Gallery
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./profile.html" >
+                        Profile
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./music.html" >
+                        Music
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./welcome.html" >
+                        Welcome
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-layout" data-toggle="dropdown" role="button" aria-expanded="false" >
+                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
+                    </span>
+                    <span class="nav-link-title">
+                      Layout
+                    </span>
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./layout-horizontal.html" >
+                        Horizontal
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-vertical.html" >
+                        Vertical
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-vertical-right.html" >
+                        Right vertical
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-condensed.html" >
+                        Condensed
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-condensed-dark.html" >
+                        Condensed dark
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-combo.html" >
+                        Combined
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-navbar-dark.html" >
+                        Navbar dark
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-navbar-overlap.html" >
+                        Navbar overlap
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-dark.html" >
+                        Dark mode
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-fluid.html" >
+                        Fluid
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-fluid-vertical.html" >
+                        Fluid vertical
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button" aria-expanded="false" >
+                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
+                    </span>
+                    <span class="nav-link-title">
+                      Docs
+                    </span>
+                  </a>
+                  <ul class="dropdown-menu dropdown-menu-columns  dropdown-menu-columns-3">
+                    <li >
+                      <a class="dropdown-item" href="./docs/index.html" >
+                        Introduction
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/alerts.html" >
+                        Alerts
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/autosize.html" >
+                        Autosize
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/avatars.html" >
+                        Avatars
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/badges.html" >
+                        Badges
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/breadcrumb.html" >
+                        Breadcrumb
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/buttons.html" >
+                        Buttons
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/carousel.html" >
+                        Carousel
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/colors.html" >
+                        Colors
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/cursors.html" >
+                        Cursors
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/charts.html" >
+                        Charts
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/dropdowns.html" >
+                        Dropdowns
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/divider.html" >
+                        Divider
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/empty.html" >
+                        Empty states
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/flags.html" >
+                        Flags
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/form-elements.html" >
+                        Form elements
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/form-helpers.html" >
+                        Form helpers
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/input-mask.html" >
+                        Form input mask
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/modals.html" >
+                        Modals
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/range-slider.html" >
+                        Range slider
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/spinners.html" >
+                        Spinners
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/steps.html" >
+                        Steps
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/tables.html" >
+                        Tables
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/tabs.html" >
+                        Tabs
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/timelines.html" >
+                        Timelines
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/toasts.html" >
+                        Toasts
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/tooltips.html" >
+                        Tooltips
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/typography.html" >
+                        Typography
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+              </ul>
+              <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search…">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="content">
+        <div class="container-xl">
+          <div class="card">
+            <div class="card-body">
+              <div class="row g-2">
+                <div class="col-4">
+                  <a href="#">
+                    <div class="row g-2">
+                      <div class="col-auto">
+                        <div class="avatar"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
+                        </div>
+                      </div>
+                      <div class="col">
+                        <h4 class="m-0">General</h4>
+                        <div class="text-muted">View and update your store details</div>
+                      </div>
+                    </div>
+                  </a>
+                </div>
+                <div class="col-4">
+                  <a href="#">
+                    <div class="row g-2">
+                      <div class="col-auto">
+                        <div class="avatar"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="9" width="14" height="10" rx="2" /><circle cx="14" cy="14" r="2" /><path d="M17 9v-2a2 2 0 0 0 -2 -2h-10a2 2 0 0 0 -2 2v6a2 2 0 0 0 2 2h2" /></svg>
+                        </div>
+                      </div>
+                      <div class="col">
+                        <h4 class="m-0">Payments</h4>
+                        <div class="text-muted">Enable and manage your store's payment providers</div>
+                      </div>
+                    </div>
+                  </a>
+                </div>
+                <div class="col-4">
+                  <a href="#">
+                    <div class="row g-2">
+                      <div class="col-auto">
+                        <div class="avatar"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
+                        </div>
+                      </div>
+                      <div class="col">
+                        <h4 class="m-0">Checkout</h4>
+                        <div class="text-muted">Customize your online checkout process</div>
+                      </div>
+                    </div>
+                  </a>
+                </div>
+                <div class="col-4">
+                  <a href="#">
+                    <div class="row g-2">
+                      <div class="col-auto">
+                        <div class="avatar"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-4m-1 -8h11v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5" /><line x1="3" y1="9" x2="7" y2="9" /></svg>
+                        </div>
+                      </div>
+                      <div class="col">
+                        <h4 class="m-0">Shipping and delivery</h4>
+                        <div class="text-muted">Manage how you ship orders to customers</div>
+                      </div>
+                    </div>
+                  </a>
+                </div>
+                <div class="col-4">
+                  <a href="#">
+                    <div class="row g-2">
+                      <div class="col-auto">
+                        <div class="avatar"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="14" x2="15" y2="8" /><circle cx="9.5" cy="8.5" r=".5" fill="currentColor" /><circle cx="14.5" cy="13.5" r=".5" fill="currentColor" /><path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2" /></svg>
+                        </div>
+                      </div>
+                      <div class="col">
+                        <h4 class="m-0">Taxes</h4>
+                        <div class="text-muted">Manage how your store charges taxes</div>
+                      </div>
+                    </div>
+                  </a>
+                </div>
+                <div class="col-4">
+                  <a href="#">
+                    <div class="row g-2">
+                      <div class="col-auto">
+                        <div class="avatar"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="11" r="3" /><path d="M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z" /></svg>
+                        </div>
+                      </div>
+                      <div class="col">
+                        <h4 class="m-0">Locations</h4>
+                        <div class="text-muted">Manage the places you stock inventory, fulfill orders, and sell products</div>
+                      </div>
+                    </div>
+                  </a>
+                </div>
+                <div class="col-4">
+                  <a href="#">
+                    <div class="row g-2">
+                      <div class="col-auto">
+                        <div class="avatar"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
+                        </div>
+                      </div>
+                      <div class="col">
+                        <h4 class="m-0">Notifications</h4>
+                        <div class="text-muted">Manage notifications sent to you and your customers</div>
+                      </div>
+                    </div>
+                  </a>
+                </div>
+                <div class="col-4">
+                  <a href="#">
+                    <div class="row g-2">
+                      <div class="col-auto">
+                        <div class="avatar"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="8" width="18" height="4" rx="1" /><line x1="12" y1="8" x2="12" y2="21" /><path d="M19 12v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-7" /><path d="M7.5 8a2.5 2.5 0 0 1 0 -5a4.8 8 0 0 1 4.5 5a4.8 8 0 0 1 4.5 -5a2.5 2.5 0 0 1 0 5" /></svg>
+                        </div>
+                      </div>
+                      <div class="col">
+                        <h4 class="m-0">Gift cards</h4>
+                        <div class="text-muted">Enable Apple Wallet passes and set gift card expiry dates</div>
+                      </div>
+                    </div>
+                  </a>
+                </div>
+                <div class="col-4">
+                  <a href="#">
+                    <div class="row g-2">
+                      <div class="col-auto">
+                        <div class="avatar"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="7" x2="10" y2="7" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="13" y1="17" x2="15" y2="17" /></svg>
+                        </div>
+                      </div>
+                      <div class="col">
+                        <h4 class="m-0">Files</h4>
+                        <div class="text-muted">Upload images, videos, and documents</div>
+                      </div>
+                    </div>
+                  </a>
+                </div>
+                <div class="col-4">
+                  <a href="#">
+                    <div class="row g-2">
+                      <div class="col-auto">
+                        <div class="avatar"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="19" x2="20" y2="19" /><polyline points="4 15 8 9 12 11 16 6 20 10" /></svg>
+                        </div>
+                      </div>
+                      <div class="col">
+                        <h4 class="m-0">Sales channels</h4>
+                        <div class="text-muted">Manage the channels you use to sell your products and services</div>
+                      </div>
+                    </div>
+                  </a>
+                </div>
+                <div class="col-4">
+                  <a href="#">
+                    <div class="row g-2">
+                      <div class="col-auto">
+                        <div class="avatar"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
+                        </div>
+                      </div>
+                      <div class="col">
+                        <h4 class="m-0">Plan and permissions</h4>
+                        <div class="text-muted">View plan information and manage what staff can see or do in your store</div>
+                      </div>
+                    </div>
+                  </a>
+                </div>
+                <div class="col-4">
+                  <a href="#">
+                    <div class="row g-2">
+                      <div class="col-auto">
+                        <div class="avatar"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7h7m-2 -2v2a5 8 0 0 1 -5 8m1 -4a7 4 0 0 0 6.7 4" /><path d="M11 19l4 -9l4 9m-.9 -2h-6.2" /></svg>
+                        </div>
+                      </div>
+                      <div class="col">
+                        <h4 class="m-0">Store languages</h4>
+                        <div class="text-muted">Manage the languages your customers can view on your store</div>
+                      </div>
+                    </div>
+                  </a>
+                </div>
+                <div class="col-4">
+                  <a href="#">
+                    <div class="row g-2">
+                      <div class="col-auto">
+                        <div class="avatar"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 8v-3a1 1 0 0 0 -1 -1h-10a2 2 0 0 0 0 4h12a1 1 0 0 1 1 1v3m0 4v3a1 1 0 0 1 -1 1h-12a2 2 0 0 1 -2 -2v-12" /><path d="M20 12v4h-4a2 2 0 0 1 0 -4h4" /></svg>
+                        </div>
+                      </div>
+                      <div class="col">
+                        <h4 class="m-0">Billing</h4>
+                        <div class="text-muted">Manage your billing information and view your invoices</div>
+                      </div>
+                    </div>
+                  </a>
+                </div>
+                <div class="col-4">
+                  <a href="#">
+                    <div class="row g-2">
+                      <div class="col-auto">
+                        <div class="avatar"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 21h-9a3 3 0 0 1 -3 -3v-1h10v2a2 2 0 0 0 4 0v-14a2 2 0 1 1 2 2h-2m2 -4h-11a3 3 0 0 0 -3 3v11" /><line x1="9" y1="7" x2="13" y2="7" /><line x1="9" y1="11" x2="13" y2="11" /></svg>
+                        </div>
+                      </div>
+                      <div class="col">
+                        <h4 class="m-0">Legal</h4>
+                        <div class="text-muted">Manage your store's legal pages</div>
+                      </div>
+                    </div>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <footer class="footer footer-transparent">
+          <div class="container">
+            <div class="row text-center align-items-center flex-row-reverse">
+              <div class="col-lg-auto ml-lg-auto">
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
+                  <li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
+                  <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
+                </ul>
+              </div>
+              <div class="col-12 col-lg-auto mt-3 mt-lg-0">
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </footer>
+      </div>
+    </div>
+    <!-- Libs JS -->
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+    <!-- Tabler Core -->
+    <script src="./dist/js/tabler.min.js"></script>
+    <script>
+      document.body.style.display = "block"
+    </script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/demo/sign-in.html b/demo/sign-in.html
index 8bda94196..ccfe78424 100644
--- a/demo/sign-in.html
+++ b/demo/sign-in.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
diff --git a/demo/sign-up.html b/demo/sign-up.html
index 68060b44e..c4330d28e 100644
--- a/demo/sign-up.html
+++ b/demo/sign-up.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
diff --git a/demo/sitemap.xml b/demo/sitemap.xml
deleted file mode 100644
index 630fd5f41..000000000
--- a/demo/sitemap.xml
+++ /dev/null
@@ -1,294 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-  <urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
-    <url>
-      <loc>/docs/alerts.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/autosize.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/avatars.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/badges.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/breadcrumb.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/buttons.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/cards.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/carousel.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/charts.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/colors.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/countup.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/cursors.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/divider.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/dropdowns.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/empty.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/flags.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/form-elements.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/form-helpers.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/input-mask.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/modals.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/payments.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/progress.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/range-slider.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/ribbons.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/spinners.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/steps.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/tables.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/tabs.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/timelines.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/toasts.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/tooltips.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/docs/typography.html</loc>
-      <lastmod>2020-10-28T15:12:34+01:00</lastmod>
-    </url>
-    <url>
-      <loc>/all.html</loc>
-    </url>
-    <url>
-      <loc>/blank.html</loc>
-    </url>
-    <url>
-      <loc>/buttons.html</loc>
-    </url>
-    <url>
-      <loc>/calendar.html</loc>
-    </url>
-    <url>
-      <loc>/cards-masonry.html</loc>
-    </url>
-    <url>
-      <loc>/cards.html</loc>
-    </url>
-    <url>
-      <loc>/carousel.html</loc>
-    </url>
-    <url>
-      <loc>/changelog.html</loc>
-    </url>
-    <url>
-      <loc>/charts-heatmap.html</loc>
-    </url>
-    <url>
-      <loc>/charts.html</loc>
-    </url>
-    <url>
-      <loc>/crypto-currencies.html</loc>
-    </url>
-    <url>
-      <loc>/dropdowns.html</loc>
-    </url>
-    <url>
-      <loc>/empty.html</loc>
-    </url>
-    <url>
-      <loc>/error-404.html</loc>
-    </url>
-    <url>
-      <loc>/error-500.html</loc>
-    </url>
-    <url>
-      <loc>/error-maintenance.html</loc>
-    </url>
-    <url>
-      <loc>/flags.html</loc>
-    </url>
-    <url>
-      <loc>/forgot-password.html</loc>
-    </url>
-    <url>
-      <loc>/form-elements.html</loc>
-    </url>
-    <url>
-      <loc>/gallery.html</loc>
-    </url>
-    <url>
-      <loc>/icons.html</loc>
-    </url>
-    <url>
-      <loc>/</loc>
-    </url>
-    <url>
-      <loc>/invoice.html</loc>
-    </url>
-    <url>
-      <loc>/layout-combo.html</loc>
-    </url>
-    <url>
-      <loc>/layout-condensed-dark.html</loc>
-    </url>
-    <url>
-      <loc>/layout-condensed.html</loc>
-    </url>
-    <url>
-      <loc>/layout-dark.html</loc>
-    </url>
-    <url>
-      <loc>/layout-fluid-vertical.html</loc>
-    </url>
-    <url>
-      <loc>/layout-fluid.html</loc>
-    </url>
-    <url>
-      <loc>/layout-horizontal.html</loc>
-    </url>
-    <url>
-      <loc>/layout-navbar-dark.html</loc>
-    </url>
-    <url>
-      <loc>/layout-navbar-overlap.html</loc>
-    </url>
-    <url>
-      <loc>/layout-vertical-right.html</loc>
-    </url>
-    <url>
-      <loc>/layout-vertical.html</loc>
-    </url>
-    <url>
-      <loc>/lists.html</loc>
-    </url>
-    <url>
-      <loc>/maps-vector.html</loc>
-    </url>
-    <url>
-      <loc>/maps.html</loc>
-    </url>
-    <url>
-      <loc>/markdown.html</loc>
-    </url>
-    <url>
-      <loc>/modals.html</loc>
-    </url>
-    <url>
-      <loc>/music.html</loc>
-    </url>
-    <url>
-      <loc>/navigation.html</loc>
-    </url>
-    <url>
-      <loc>/pagination.html</loc>
-    </url>
-    <url>
-      <loc>/pricing.html</loc>
-    </url>
-    <url>
-      <loc>/search-results.html</loc>
-    </url>
-    <url>
-      <loc>/sign-in.html</loc>
-    </url>
-    <url>
-      <loc>/sign-up.html</loc>
-    </url>
-    <url>
-      <loc>/snippets.html</loc>
-    </url>
-    <url>
-      <loc>/social.html</loc>
-    </url>
-    <url>
-      <loc>/tables.html</loc>
-    </url>
-    <url>
-      <loc>/tabs.html</loc>
-    </url>
-    <url>
-      <loc>/typography.html</loc>
-    </url>
-    <url>
-      <loc>/users.html</loc>
-    </url>
-    <url>
-      <loc>/wizard.html</loc>
-    </url>
-  </urlset>
\ No newline at end of file
diff --git a/demo/snippets.html b/demo/snippets.html
index b2753d533..baaa32514 100644
--- a/demo/snippets.html
+++ b/demo/snippets.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,14 +547,11 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Snippets
                 </h2>
               </div>
-              <!-- Page title actions -->
-              <div class="col-auto ml-auto d-print-none">
-              </div>
             </div>
           </div>
           <div class="row">
@@ -557,8 +561,8 @@
                   <div class="float-left mr-3">
                     <span class="avatar rounded" style="background-image: url(./static/avatars/001f.jpg)"></span>
                   </div>
-                  <div class="lh-sm">
-                    <div class="strong">Maryjo Lebarree</div>
+                  <div>
+                    <div class="font-weight-medium">Maryjo Lebarree</div>
                     <div class="text-muted">Civil Engineer</div>
                   </div>
                 </div>
@@ -570,8 +574,8 @@
                   <div class="float-left mr-3">
                     <span class="avatar rounded">EP</span>
                   </div>
-                  <div class="lh-sm">
-                    <div class="strong">Egan Poetz</div>
+                  <div>
+                    <div class="font-weight-medium">Egan Poetz</div>
                     <div class="text-muted">Research Nurse</div>
                   </div>
                 </div>
@@ -583,8 +587,8 @@
                   <div class="float-right">
                     <span class="avatar rounded" style="background-image: url(./static/avatars/002f.jpg)"></span>
                   </div>
-                  <div class="lh-sm">
-                    <div class="strong">Kellie Skingley</div>
+                  <div>
+                    <div class="font-weight-medium">Kellie Skingley</div>
                     <div class="text-muted">Teacher</div>
                   </div>
                 </div>
@@ -596,8 +600,8 @@
                   <div class="float-right">
                     <span class="avatar rounded" style="background-image: url(./static/avatars/003f.jpg)"></span>
                   </div>
-                  <div class="lh-sm">
-                    <div class="strong">Christabel Charlwood</div>
+                  <div>
+                    <div class="font-weight-medium">Christabel Charlwood</div>
                     <div class="text-muted">Tax Accountant</div>
                   </div>
                 </div>
@@ -702,7 +706,7 @@
             <div class="col-xl-6">
               <div class="card">
                 <div class="card-body">
-                  <div class="row row-sm align-items-center">
+                  <div class="row g-2 align-items-center">
                     <div class="col-auto">
                       <span class="avatar avatar-lg" style="background-image: url(./static/avatars/000m.jpg)"></span>
                     </div>
@@ -718,7 +722,7 @@
                       </div>
                     </div>
                     <div class="col-auto">
-                      <a href="#" class="btn btn-sm btn-white d-none d-md-inline-block">
+                      <a href="#" class="btn btn-sm d-none d-md-inline-block">
                         Subscribe
                       </a>
                     </div>
@@ -744,7 +748,7 @@
             <div class="col-xl-6">
               <div class="card">
                 <div class="card-body">
-                  <div class="row row-sm align-items-center">
+                  <div class="row g-2 align-items-center">
                     <div class="col-auto">
                       <span class="avatar avatar-lg" style="background-image: url(./static/avatars/002m.jpg)"></span>
                     </div>
@@ -760,7 +764,7 @@
                       </div>
                     </div>
                     <div class="col-auto">
-                      <a href="#" class="btn btn-sm btn-white d-none d-md-inline-block">
+                      <a href="#" class="btn btn-sm d-none d-md-inline-block">
                         Subscribe
                       </a>
                     </div>
@@ -786,10 +790,10 @@
             <div class="col-md-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-blue text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
+                  <span class="bg-blue text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Sales
                     </div>
                     <div class="text-muted">12 waiting payments</div>
@@ -800,10 +804,10 @@
             <div class="col-md-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-green text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
+                  <span class="bg-green text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       78 Orders
                     </div>
                     <div class="text-muted">32 shipped</div>
@@ -814,10 +818,10 @@
             <div class="col-md-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-red text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
+                  <span class="bg-red text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,352 Members
                     </div>
                     <div class="text-muted">163 registered today</div>
@@ -828,10 +832,10 @@
             <div class="col-md-6 col-xl-3">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-yellow text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
+                  <span class="bg-yellow text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Comments
                     </div>
                     <div class="text-muted">16 waitings</div>
@@ -843,10 +847,10 @@
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
                   <div class="mr-3">
-                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-79"></div>
+                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-85"></div>
                   </div>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Sales
                     </div>
                     <div class="text-muted">12 waiting payments</div>
@@ -858,10 +862,10 @@
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
                   <div class="mr-3">
-                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-80"></div>
+                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-86"></div>
                   </div>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       78 Orders
                     </div>
                     <div class="text-muted">32 shipped</div>
@@ -873,10 +877,10 @@
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
                   <div class="mr-3">
-                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-81"></div>
+                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-87"></div>
                   </div>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,352 Members
                     </div>
                     <div class="text-muted">163 registered today</div>
@@ -888,10 +892,10 @@
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
                   <div class="mr-3">
-                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-82"></div>
+                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-88"></div>
                   </div>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       132 Comments
                     </div>
                     <div class="text-muted">16 waitings</div>
@@ -902,94 +906,94 @@
             <div class="col-md-6 col-lg-4">
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,700 
                     </div>
                     <div class="text-muted">Users</div>
                   </div>
                   <div class="ml-auto">
-                    <div class="chart-sparkline" id="sparkline-83"></div>
+                    <div class="chart-sparkline" id="sparkline-89"></div>
                   </div>
                 </div>
               </div>
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-red text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
+                  <span class="bg-red text-white avatar mr-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,700 
                     </div>
                     <div class="text-muted">Users</div>
                   </div>
                   <div class="ml-auto">
-                    <div class="chart-sparkline" id="sparkline-84"></div>
+                    <div class="chart-sparkline" id="sparkline-90"></div>
                   </div>
                 </div>
               </div>
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
-                  <span class="bg-green text-white stamp mr-3"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
+                  <span class="bg-green text-white avatar mr-3"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                   </span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,700 
                     </div>
                     <div class="text-muted">Users</div>
                   </div>
                   <div class="ml-auto">
-                    <div class="chart-sparkline" id="sparkline-85"></div>
+                    <div class="chart-sparkline" id="sparkline-91"></div>
                   </div>
                 </div>
               </div>
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
                   <span class="avatar mr-3 rounded">HS</span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,700 
                     </div>
                     <div class="text-muted">Users</div>
                   </div>
                   <div class="ml-auto">
-                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-86"></div>
+                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-92"></div>
                   </div>
                 </div>
               </div>
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
                   <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/006m.jpg)"></span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,700 
                     </div>
                     <div class="text-muted">Users</div>
                   </div>
                   <div class="ml-auto">
-                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-87"></div>
+                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-93"></div>
                   </div>
                 </div>
               </div>
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
                   <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,700 
                     </div>
                     <div class="text-muted">Users</div>
                   </div>
                   <div class="ml-auto">
-                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-88"></div>
+                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-94"></div>
                   </div>
                 </div>
               </div>
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
                   <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,700 
                     </div>
                     <div class="text-muted">Users</div>
@@ -999,8 +1003,8 @@
               <div class="card card-sm">
                 <div class="card-body d-flex align-items-center">
                   <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                  <div class="mr-3 lh-sm">
-                    <div class="strong">
+                  <div class="mr-3">
+                    <div class="font-weight-medium">
                       1,700 
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-sm ml-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 7 9 13 13 9 21 17" /><polyline points="21 10 21 17 14 17" /></svg>
                     </div>
@@ -1028,7 +1032,7 @@
             <div class="col-md-6 col-lg-4">
               <div class="card" data-color=green>
                 <div class="card-body">
-                  <div class="float-right stamp bg-yellow text-white">
+                  <div class="float-right avatar bg-yellow text-white">
                     <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
                   </div>
                   <div class="text-muted font-weight-normal mt-0">Customers</div>
@@ -1043,7 +1047,7 @@
               </div>
               <div class="card" data-color=grey>
                 <div class="card-body">
-                  <div class="float-right stamp bg-green text-white">
+                  <div class="float-right avatar bg-green text-white">
                     <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
                   </div>
                   <div class="text-muted font-weight-normal mt-0">Orders</div>
@@ -1058,7 +1062,7 @@
               </div>
               <div class="card" data-color=red>
                 <div class="card-body">
-                  <div class="float-right stamp bg-red-lt">
+                  <div class="float-right avatar bg-red-lt">
                     <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
                   </div>
                   <div class="text-muted font-weight-normal mt-0">Revenue</div>
@@ -1097,10 +1101,10 @@
                     <h6 class="h4 mb-3"><a href="#">Tabler UI</a> <span class="badge">v1.0</span></h6>
                   </div>
                   <div class="avatar-list avatar-list-stacked mb-3">
-                    <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                    <span class="avatar">JL</span>
-                    <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                    <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
+                    <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                    <span class="avatar avatar-sm avatar-rounded">JL</span>
+                    <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
+                    <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
                   </div>
                   <div class="card-meta d-flex justify-content-between">
                     <div class="d-flex align-items-center">
@@ -1135,13 +1139,13 @@
                     <h6 class="h4 mb-3"><a href="#">Tabler React</a></h6>
                   </div>
                   <div class="avatar-list avatar-list-stacked mb-3">
-                    <span class="avatar" style="background-image: url(./static/avatars/009f.jpg)"></span>
-                    <span class="avatar" style="background-image: url(./static/avatars/010f.jpg)"></span>
-                    <span class="avatar" style="background-image: url(./static/avatars/011m.jpg)"></span>
-                    <span class="avatar" style="background-image: url(./static/avatars/012m.jpg)"></span>
-                    <span class="avatar" style="background-image: url(./static/avatars/011f.jpg)"></span>
-                    <span class="avatar" style="background-image: url(./static/avatars/012f.jpg)"></span>
-                    <span class="avatar" style="background-image: url(./static/avatars/013m.jpg)"></span>
+                    <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/009f.jpg)"></span>
+                    <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/010f.jpg)"></span>
+                    <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/011m.jpg)"></span>
+                    <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/012m.jpg)"></span>
+                    <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/011f.jpg)"></span>
+                    <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/012f.jpg)"></span>
+                    <span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/013m.jpg)"></span>
                   </div>
                   <div class="card-meta d-flex justify-content-between">
                     <div class="d-flex align-items-center">
@@ -1225,118 +1229,22 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
         </footer>
       </div>
     </div>
-    <div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
-      <div class="modal-dialog modal-lg" role="document">
-        <div class="modal-content">
-          <div class="modal-header">
-            <h5 class="modal-title">New report</h5>
-            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
-              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
-            </button>
-          </div>
-          <div class="modal-body">
-            <div class="mb-3">
-              <label class="form-label">Name</label>
-              <input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
-            </div>
-            <label class="form-label">Report type</label>
-            <div class="form-selectgroup-boxes row mb-3">
-              <div class="col-lg-6">
-                <label class="form-selectgroup-item">
-                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
-                  <span class="form-selectgroup-label d-flex align-items-center p-3">
-                    <span class="mr-3">
-                      <span class="form-selectgroup-check"></span>
-                    </span>
-                    <span class="form-selectgroup-label-content">
-                      <span class="form-selectgroup-title strong mb-1">Simple</span>
-                      <span class="d-block text-muted">Provide only basic data needed for the report</span>
-                    </span>
-                  </span>
-                </label>
-              </div>
-              <div class="col-lg-6">
-                <label class="form-selectgroup-item">
-                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input">
-                  <span class="form-selectgroup-label d-flex align-items-center p-3">
-                    <span class="mr-3">
-                      <span class="form-selectgroup-check"></span>
-                    </span>
-                    <span class="form-selectgroup-label-content">
-                      <span class="form-selectgroup-title strong mb-1">Advanced</span>
-                      <span class="d-block text-muted">Insert charts and additional advanced analyses to be inserted in the report</span>
-                    </span>
-                  </span>
-                </label>
-              </div>
-            </div>
-            <div class="row">
-              <div class="col-lg-8">
-                <div class="mb-3">
-                  <label class="form-label">Report url</label>
-                  <div class="input-group input-group-flat">
-                    <span class="input-group-text">
-                      https://tabler.io/reports/
-                    </span>
-                    <input type="text" class="form-control pl-0"  value="report-01">
-                  </div>
-                </div>
-              </div>
-              <div class="col-lg-4">
-                <div class="mb-3">
-                  <label class="form-label">Visibility</label>
-                  <select class="form-select">
-                    <option value="1" selected>Private</option>
-                    <option value="2">Public</option>
-                    <option value="3">Hidden</option>
-                  </select>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="modal-body">
-            <div class="row">
-              <div class="col-lg-6">
-                <div class="mb-3">
-                  <label class="form-label">Client name</label>
-                  <input type="text" class="form-control">
-                </div>
-              </div>
-              <div class="col-lg-6">
-                <div class="mb-3">
-                  <label class="form-label">Reporting period</label>
-                  <input type="date" class="form-control">
-                </div>
-              </div>
-              <div class="col-lg-12">
-                <div>
-                  <label class="form-label">Additional information</label>
-                  <textarea class="form-control" rows="3"></textarea>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="modal-footer">
-            <a href="#" class="btn btn-link link-secondary" data-dismiss="modal">
-              Cancel
-            </a>
-            <a href="#" class="btn btn-primary ml-auto" data-dismiss="modal">
-              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-              Create new report
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
     <!-- Libs JS -->
     <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <script src="./dist/libs/jquery/dist/jquery.slim.min.js"></script>
@@ -1346,59 +1254,59 @@
     <script src="./dist/js/tabler.min.js"></script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-79').text("56/100").peity("pie", {
+      	$().peity && $('#sparkline-85').text("56/100").peity("pie", {
       		width: 40,
       		height: 40,
       		stroke: "#206bc4",
       		strokeWidth: 2,
       		fill: ["#206bc4", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-80').text("56/100").peity("pie", {
+      	$().peity && $('#sparkline-86').text("56/100").peity("pie", {
       		width: 40,
       		height: 40,
       		stroke: "#5eba00",
       		strokeWidth: 2,
       		fill: ["#5eba00", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-81').text("56/100").peity("pie", {
+      	$().peity && $('#sparkline-87').text("56/100").peity("pie", {
       		width: 40,
       		height: 40,
       		stroke: "#cd201f",
       		strokeWidth: 2,
       		fill: ["#cd201f", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-82').text("56/100").peity("pie", {
+      	$().peity && $('#sparkline-88').text("56/100").peity("pie", {
       		width: 40,
       		height: 40,
       		stroke: "#fab005",
       		strokeWidth: 2,
       		fill: ["#fab005", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-83').text("20,0,40,30,40,30,80,60").peity("line", {
+      	$().peity && $('#sparkline-89').text("20,0,40,30,40,30,80,60").peity("line", {
       		width: 64,
       		height: 40,
       		stroke: "#206bc4",
@@ -1410,7 +1318,7 @@
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-84').text("20,40,30,10,40,60,80,70").peity("bar", {
+      	$().peity && $('#sparkline-90').text("20,40,30,10,40,60,80,70").peity("bar", {
       		width: 64,
       		height: 40,
       		stroke: "#cd201f",
@@ -1422,7 +1330,7 @@
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-85').text("20,40,20,-10,-30,10,40,60,80,70").peity("bar", {
+      	$().peity && $('#sparkline-91').text("20,40,20,-10,-30,10,40,60,80,70").peity("bar", {
       		width: 64,
       		height: 40,
       		stroke: "#5eba00",
@@ -1434,40 +1342,40 @@
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-86').text("12/100").peity("pie", {
+      	$().peity && $('#sparkline-92').text("12/100").peity("pie", {
       		width: 40,
       		height: 40,
       		stroke: "#206bc4",
       		strokeWidth: 2,
       		fill: ["#206bc4", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-87').text("12/100").peity("pie", {
+      	$().peity && $('#sparkline-93').text("12/100").peity("pie", {
       		width: 40,
       		height: 40,
       		stroke: "#206bc4",
       		strokeWidth: 2,
       		fill: ["#206bc4", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-      	$().peity && $('#sparkline-88').text("56/100").peity("pie", {
+      	$().peity && $('#sparkline-94').text("56/100").peity("pie", {
       		width: 40,
       		height: 40,
       		stroke: "#206bc4",
       		strokeWidth: 2,
       		fill: ["#206bc4", "rgba(110, 117, 130, 0.2)"],
       		padding: .2,
-      		innerRadius: 17,
+      		innerRadius: 16,
       	});
       });
     </script>
diff --git a/demo/social.html b/demo/social.html
index 61e800255..659b73de0 100644
--- a/demo/social.html
+++ b/demo/social.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -578,9 +585,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
@@ -591,16 +605,6 @@
     <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <!-- Tabler Core -->
     <script src="./dist/js/tabler.min.js"></script>
-    <script>
-      (function () {
-      	const elements = document.querySelectorAll('[data-toggle="autosize"]');
-      	if (elements.length) {
-      		elements.forEach(function (element) {
-      			autosize(element);
-      		});
-      	}
-      })();
-    </script>
     <script>
       document.body.style.display = "block"
     </script>
diff --git a/demo/tables.html b/demo/tables.html
index eccd8a2d7..3a41ad7f4 100644
--- a/demo/tables.html
+++ b/demo/tables.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,819 +547,837 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Tables
                 </h2>
               </div>
             </div>
           </div>
-          <div class="box">
-            <div class="card">
-              <div class="table-responsive">
-                <table class="table table-vcenter card-table">
-                  <thead>
-                    <tr>
-                      <th>Name</th>
-                      <th>Title</th>
-                      <th>Email</th>
-                      <th>Role</th>
-                      <th class="w-1"></th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td >Paweł Kuna</td>
-                      <td class="text-muted" >
-                        UI Designer, Training
-                      </td>
-                      <td class="text-muted"><a href="#" class="text-reset">paweluna@howstuffworks.com</a></td>
-                      <td class="text-muted" >
-                        User
-                      </td>
-                      <td>
-                        <a href="#">Edit</a>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td >Jeffie Lewzey</td>
-                      <td class="text-muted" >
-                        Chemical Engineer, Support
-                      </td>
-                      <td class="text-muted"><a href="#" class="text-reset">jlewzey1@seesaa.net</a></td>
-                      <td class="text-muted" >
-                        Admin
-                      </td>
-                      <td>
-                        <a href="#">Edit</a>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td >Mallory Hulme</td>
-                      <td class="text-muted" >
-                        Geologist IV, Support
-                      </td>
-                      <td class="text-muted"><a href="#" class="text-reset">mhulme2@domainmarket.com</a></td>
-                      <td class="text-muted" >
-                        User
-                      </td>
-                      <td>
-                        <a href="#">Edit</a>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td >Dunn Slane</td>
-                      <td class="text-muted" >
-                        Research Nurse, Sales
-                      </td>
-                      <td class="text-muted"><a href="#" class="text-reset">dslane3@epa.gov</a></td>
-                      <td class="text-muted" >
-                        Owner
-                      </td>
-                      <td>
-                        <a href="#">Edit</a>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td >Emmy Levet</td>
-                      <td class="text-muted" >
-                        VP Product Management, Accounting
-                      </td>
-                      <td class="text-muted"><a href="#" class="text-reset">elevet4@senate.gov</a></td>
-                      <td class="text-muted" >
-                        Admin
-                      </td>
-                      <td>
-                        <a href="#">Edit</a>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
-          </div>
-          <div class="box">
-            <div class="card">
-              <div class="table-responsive">
-                <table class="table table-vcenter card-table table-striped">
-                  <thead>
-                    <tr>
-                      <th>Name</th>
-                      <th>Title</th>
-                      <th>Email</th>
-                      <th>Role</th>
-                      <th class="w-1"></th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td >Maryjo Lebarree</td>
-                      <td class="text-muted" >
-                        Civil Engineer, Product Management
-                      </td>
-                      <td class="text-muted"><a href="#" class="text-reset">mlebarree5@unc.edu</a></td>
-                      <td class="text-muted" >
-                        User
-                      </td>
-                      <td>
-                        <a href="#">Edit</a>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td >Egan Poetz</td>
-                      <td class="text-muted" >
-                        Research Nurse, Engineering
-                      </td>
-                      <td class="text-muted"><a href="#" class="text-reset">epoetz6@free.fr</a></td>
-                      <td class="text-muted" >
-                        Admin
-                      </td>
-                      <td>
-                        <a href="#">Edit</a>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td >Kellie Skingley</td>
-                      <td class="text-muted" >
-                        Teacher, Services
-                      </td>
-                      <td class="text-muted"><a href="#" class="text-reset">kskingley7@columbia.edu</a></td>
-                      <td class="text-muted" >
-                        User
-                      </td>
-                      <td>
-                        <a href="#">Edit</a>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td >Christabel Charlwood</td>
-                      <td class="text-muted" >
-                        Tax Accountant, Engineering
-                      </td>
-                      <td class="text-muted"><a href="#" class="text-reset">ccharlwood8@nifty.com</a></td>
-                      <td class="text-muted" >
-                        Owner
-                      </td>
-                      <td>
-                        <a href="#">Edit</a>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td >Haskel Shelper</td>
-                      <td class="text-muted" >
-                        Staff Scientist, Legal
-                      </td>
-                      <td class="text-muted"><a href="#" class="text-reset">hshelper9@woothemes.com</a></td>
-                      <td class="text-muted" >
-                        Admin
-                      </td>
-                      <td>
-                        <a href="#">Edit</a>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
-          </div>
-          <div class="box">
-            <div class="card">
-              <div class="table-responsive">
-                <table class="table table-vcenter card-table">
-                  <thead>
-                    <tr>
-                      <th>Name</th>
-                      <th>Title</th>
-                      <th>Role</th>
-                      <th class="w-1"></th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td >
-                        <div class="d-flex lh-sm py-1 align-items-center">
-                          <span class="avatar mr-2" style="background-image: url(./static/avatars/006m.jpg)"></span>
-                          <div class="flex-fill">
-                            <div class="strong">Lorry Mion</div>
-                            <div class="text-muted text-h5"><a href="#" class="text-reset">lmiona@livejournal.com</a></div>
-                          </div>
-                        </div>
-                      </td>
-                      <td >
-                        <div>Automation Specialist IV</div>
-                        <div class="text-muted text-h5">Accounting</div>
-                      </td>
-                      <td class="text-muted" >
-                        User
-                      </td>
-                      <td>
-                        <a href="#">Edit</a>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td >
-                        <div class="d-flex lh-sm py-1 align-items-center">
-                          <span class="avatar mr-2" style="background-image: url(./static/avatars/004f.jpg)"></span>
-                          <div class="flex-fill">
-                            <div class="strong">Leesa Beaty</div>
-                            <div class="text-muted text-h5"><a href="#" class="text-reset">lbeatyb@alibaba.com</a></div>
-                          </div>
-                        </div>
-                      </td>
-                      <td >
-                        <div>Editor</div>
-                        <div class="text-muted text-h5">Services</div>
-                      </td>
-                      <td class="text-muted" >
-                        Admin
-                      </td>
-                      <td>
-                        <a href="#">Edit</a>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td >
-                        <div class="d-flex lh-sm py-1 align-items-center">
-                          <span class="avatar mr-2" style="background-image: url(./static/avatars/007m.jpg)"></span>
-                          <div class="flex-fill">
-                            <div class="strong">Perren Keemar</div>
-                            <div class="text-muted text-h5"><a href="#" class="text-reset">pkeemarc@yahoo.com</a></div>
-                          </div>
-                        </div>
-                      </td>
-                      <td >
-                        <div>Analog Circuit Design manager</div>
-                        <div class="text-muted text-h5">Services</div>
-                      </td>
-                      <td class="text-muted" >
-                        User
-                      </td>
-                      <td>
-                        <a href="#">Edit</a>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td >
-                        <div class="d-flex lh-sm py-1 align-items-center">
-                          <span class="avatar mr-2">SA</span>
-                          <div class="flex-fill">
-                            <div class="strong">Sunny Airey</div>
-                            <div class="text-muted text-h5"><a href="#" class="text-reset">saireyd@prlog.org</a></div>
-                          </div>
-                        </div>
-                      </td>
-                      <td >
-                        <div>Nuclear Power Engineer</div>
-                        <div class="text-muted text-h5">Engineering</div>
-                      </td>
-                      <td class="text-muted" >
-                        Owner
-                      </td>
-                      <td>
-                        <a href="#">Edit</a>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td >
-                        <div class="d-flex lh-sm py-1 align-items-center">
-                          <span class="avatar mr-2" style="background-image: url(./static/avatars/009m.jpg)"></span>
-                          <div class="flex-fill">
-                            <div class="strong">Geoffry Flaunders</div>
-                            <div class="text-muted text-h5"><a href="#" class="text-reset">gflaunderse@loc.gov</a></div>
-                          </div>
-                        </div>
-                      </td>
-                      <td >
-                        <div>Software Test Engineer II</div>
-                        <div class="text-muted text-h5">Accounting</div>
-                      </td>
-                      <td class="text-muted" >
-                        Admin
-                      </td>
-                      <td>
-                        <a href="#">Edit</a>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
-          </div>
-          <div class="box">
-            <div class="card">
-              <div class="table-responsive">
-                <table class="table table-vcenter table-mobile-md card-table">
-                  <thead>
-                    <tr>
-                      <th>Name</th>
-                      <th>Title</th>
-                      <th>Role</th>
-                      <th class="w-1"></th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td data-label="Name">
-                        <div class="d-flex lh-sm py-1 align-items-center">
-                          <span class="avatar mr-2" style="background-image: url(./static/avatars/010m.jpg)"></span>
-                          <div class="flex-fill">
-                            <div class="strong">Thatcher Keel</div>
-                            <div class="text-muted text-h5"><a href="#" class="text-reset">tkeelf@blogger.com</a></div>
-                          </div>
-                        </div>
-                      </td>
-                      <td data-label="Title">
-                        <div>VP Sales</div>
-                        <div class="text-muted text-h5">Business Development</div>
-                      </td>
-                      <td class="text-muted" data-label="Role">
-                        User
-                      </td>
-                      <td>
-                        <div class="btn-list flex-nowrap">
-                          <a href="#" class="btn btn-white">
-                            Edit
-                          </a>
-                          <div class="dropdown">
-                            <button class="btn btn-white dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
-                            <div class="dropdown-menu dropdown-menu-right">
-                              <a class="dropdown-item" href="#">
-                                Action
-                              </a>
-                              <a class="dropdown-item" href="#">
-                                Another action
-                              </a>
-                            </div>
-                          </div>
-                        </div>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td data-label="Name">
-                        <div class="d-flex lh-sm py-1 align-items-center">
-                          <span class="avatar mr-2" style="background-image: url(./static/avatars/005f.jpg)"></span>
-                          <div class="flex-fill">
-                            <div class="strong">Dyann Escala</div>
-                            <div class="text-muted text-h5"><a href="#" class="text-reset">descalag@usatoday.com</a></div>
-                          </div>
-                        </div>
-                      </td>
-                      <td data-label="Title">
-                        <div>Mechanical Systems Engineer</div>
-                        <div class="text-muted text-h5">Sales</div>
-                      </td>
-                      <td class="text-muted" data-label="Role">
-                        Admin
-                      </td>
-                      <td>
-                        <div class="btn-list flex-nowrap">
-                          <a href="#" class="btn btn-white">
-                            Edit
-                          </a>
-                          <div class="dropdown">
-                            <button class="btn btn-white dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
-                            <div class="dropdown-menu dropdown-menu-right">
-                              <a class="dropdown-item" href="#">
-                                Action
-                              </a>
-                              <a class="dropdown-item" href="#">
-                                Another action
-                              </a>
-                            </div>
-                          </div>
-                        </div>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td data-label="Name">
-                        <div class="d-flex lh-sm py-1 align-items-center">
-                          <span class="avatar mr-2" style="background-image: url(./static/avatars/006f.jpg)"></span>
-                          <div class="flex-fill">
-                            <div class="strong">Avivah Mugleston</div>
-                            <div class="text-muted text-h5"><a href="#" class="text-reset">amuglestonh@intel.com</a></div>
-                          </div>
-                        </div>
-                      </td>
-                      <td data-label="Title">
-                        <div>Actuary</div>
-                        <div class="text-muted text-h5">Sales</div>
-                      </td>
-                      <td class="text-muted" data-label="Role">
-                        User
-                      </td>
-                      <td>
-                        <div class="btn-list flex-nowrap">
-                          <a href="#" class="btn btn-white">
-                            Edit
-                          </a>
-                          <div class="dropdown">
-                            <button class="btn btn-white dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
-                            <div class="dropdown-menu dropdown-menu-right">
-                              <a class="dropdown-item" href="#">
-                                Action
-                              </a>
-                              <a class="dropdown-item" href="#">
-                                Another action
-                              </a>
-                            </div>
-                          </div>
-                        </div>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td data-label="Name">
-                        <div class="d-flex lh-sm py-1 align-items-center">
-                          <span class="avatar mr-2">AA</span>
-                          <div class="flex-fill">
-                            <div class="strong">Arlie Armstead</div>
-                            <div class="text-muted text-h5"><a href="#" class="text-reset">aarmsteadi@yellowpages.com</a></div>
-                          </div>
-                        </div>
-                      </td>
-                      <td data-label="Title">
-                        <div>VP Quality Control</div>
-                        <div class="text-muted text-h5">Accounting</div>
-                      </td>
-                      <td class="text-muted" data-label="Role">
-                        Owner
-                      </td>
-                      <td>
-                        <div class="btn-list flex-nowrap">
-                          <a href="#" class="btn btn-white">
-                            Edit
-                          </a>
-                          <div class="dropdown">
-                            <button class="btn btn-white dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
-                            <div class="dropdown-menu dropdown-menu-right">
-                              <a class="dropdown-item" href="#">
-                                Action
-                              </a>
-                              <a class="dropdown-item" href="#">
-                                Another action
-                              </a>
-                            </div>
-                          </div>
-                        </div>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td data-label="Name">
-                        <div class="d-flex lh-sm py-1 align-items-center">
-                          <span class="avatar mr-2" style="background-image: url(./static/avatars/008f.jpg)"></span>
-                          <div class="flex-fill">
-                            <div class="strong">Tessie Curzon</div>
-                            <div class="text-muted text-h5"><a href="#" class="text-reset">tcurzonj@hp.com</a></div>
-                          </div>
-                        </div>
-                      </td>
-                      <td data-label="Title">
-                        <div>Research Nurse</div>
-                        <div class="text-muted text-h5">Product Management</div>
-                      </td>
-                      <td class="text-muted" data-label="Role">
-                        Admin
-                      </td>
-                      <td>
-                        <div class="btn-list flex-nowrap">
-                          <a href="#" class="btn btn-white">
-                            Edit
-                          </a>
-                          <div class="dropdown">
-                            <button class="btn btn-white dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
-                            <div class="dropdown-menu dropdown-menu-right">
-                              <a class="dropdown-item" href="#">
-                                Action
-                              </a>
-                              <a class="dropdown-item" href="#">
-                                Another action
-                              </a>
-                            </div>
-                          </div>
-                        </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
-          </div>
-          <div class="card">
-            <div class="card-header">
-              <h3 class="card-title">Invoices</h3>
-            </div>
-            <div class="card-body border-bottom py-3">
-              <div class="d-flex">
-                <div class="text-muted">
-                  Show
-                  <div class="mx-2 d-inline-block">
-                    <input type="text" class="form-control form-control-sm" value="8" size="3">
-                  </div>
-                  entries
-                </div>
-                <div class="ml-auto text-muted">
-                  Search:
-                  <div class="ml-2 d-inline-block">
-                    <input type="text" class="form-control form-control-sm">
-                  </div>
+          <div class="row row-cards">
+            <div class="col-12">
+              <div class="card">
+                <div class="table-responsive">
+                  <table
+		class="table table-vcenter card-table">
+                    <thead>
+                      <tr>
+                        <th>Name</th>
+                        <th>Title</th>
+                        <th>Email</th>
+                        <th>Role</th>
+                        <th class="w-1"></th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td >Paweł Kuna</td>
+                        <td class="text-muted" >
+                          UI Designer, Training
+                        </td>
+                        <td class="text-muted" ><a href="#" class="text-reset">paweluna@howstuffworks.com</a></td>
+                        <td class="text-muted" >
+                          User
+                        </td>
+                        <td>
+                          <a href="#">Edit</a>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td >Jeffie Lewzey</td>
+                        <td class="text-muted" >
+                          Chemical Engineer, Support
+                        </td>
+                        <td class="text-muted" ><a href="#" class="text-reset">jlewzey1@seesaa.net</a></td>
+                        <td class="text-muted" >
+                          Admin
+                        </td>
+                        <td>
+                          <a href="#">Edit</a>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td >Mallory Hulme</td>
+                        <td class="text-muted" >
+                          Geologist IV, Support
+                        </td>
+                        <td class="text-muted" ><a href="#" class="text-reset">mhulme2@domainmarket.com</a></td>
+                        <td class="text-muted" >
+                          User
+                        </td>
+                        <td>
+                          <a href="#">Edit</a>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td >Dunn Slane</td>
+                        <td class="text-muted" >
+                          Research Nurse, Sales
+                        </td>
+                        <td class="text-muted" ><a href="#" class="text-reset">dslane3@epa.gov</a></td>
+                        <td class="text-muted" >
+                          Owner
+                        </td>
+                        <td>
+                          <a href="#">Edit</a>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td >Emmy Levet</td>
+                        <td class="text-muted" >
+                          VP Product Management, Accounting
+                        </td>
+                        <td class="text-muted" ><a href="#" class="text-reset">elevet4@senate.gov</a></td>
+                        <td class="text-muted" >
+                          Admin
+                        </td>
+                        <td>
+                          <a href="#">Edit</a>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
                 </div>
               </div>
             </div>
-            <div class="table-responsive">
-              <table class="table card-table table-vcenter text-nowrap datatable">
-                <thead>
-                  <tr>
-                    <th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
-                    <th class="w-1">No. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-sm text-dark icon-thick" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 15 12 9 18 15" /></svg>
-                    </th>
-                    <th>Invoice Subject</th>
-                    <th>Client</th>
-                    <th>VAT No.</th>
-                    <th>Created</th>
-                    <th>Status</th>
-                    <th>Price</th>
-                    <th></th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
-                    <td><span class="text-muted">001401</span></td>
-                    <td><a href="invoice.html" class="text-reset" tabindex="-1">Design Works</a></td>
-                    <td>
-                      <span class="flag flag-country-us"></span>
-                      Carlson Limited
-                    </td>
-                    <td>
-                      87956621
-                    </td>
-                    <td>
-                      15 Dec 2017
-                    </td>
-                    <td>
-                      <span class="status-icon bg-success"></span> Paid
-                    </td>
-                    <td>$887</td>
-                    <td class="text-right">
-                      <span class="dropdown ml-1">
-                        <button class="btn btn-white btn-sm dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
-                        <div class="dropdown-menu dropdown-menu-right">
-                          <a class="dropdown-item" href="#">
-                            Action
-                          </a>
-                          <a class="dropdown-item" href="#">
-                            Another action
-                          </a>
-                        </div>
-                      </span>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
-                    <td><span class="text-muted">001402</span></td>
-                    <td><a href="invoice.html" class="text-reset" tabindex="-1">UX Wireframes</a></td>
-                    <td>
-                      <span class="flag flag-country-gb"></span>
-                      Adobe
-                    </td>
-                    <td>
-                      87956421
-                    </td>
-                    <td>
-                      12 Apr 2017
-                    </td>
-                    <td>
-                      <span class="status-icon bg-warning"></span> Pending
-                    </td>
-                    <td>$1200</td>
-                    <td class="text-right">
-                      <span class="dropdown ml-1">
-                        <button class="btn btn-white btn-sm dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
-                        <div class="dropdown-menu dropdown-menu-right">
-                          <a class="dropdown-item" href="#">
-                            Action
-                          </a>
-                          <a class="dropdown-item" href="#">
-                            Another action
-                          </a>
-                        </div>
-                      </span>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
-                    <td><span class="text-muted">001403</span></td>
-                    <td><a href="invoice.html" class="text-reset" tabindex="-1">New Dashboard</a></td>
-                    <td>
-                      <span class="flag flag-country-de"></span>
-                      Bluewolf
-                    </td>
-                    <td>
-                      87952621
-                    </td>
-                    <td>
-                      23 Oct 2017
-                    </td>
-                    <td>
-                      <span class="status-icon bg-warning"></span> Pending
-                    </td>
-                    <td>$534</td>
-                    <td class="text-right">
-                      <span class="dropdown ml-1">
-                        <button class="btn btn-white btn-sm dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
-                        <div class="dropdown-menu dropdown-menu-right">
-                          <a class="dropdown-item" href="#">
-                            Action
-                          </a>
-                          <a class="dropdown-item" href="#">
-                            Another action
-                          </a>
-                        </div>
-                      </span>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
-                    <td><span class="text-muted">001404</span></td>
-                    <td><a href="invoice.html" class="text-reset" tabindex="-1">Landing Page</a></td>
-                    <td>
-                      <span class="flag flag-country-br"></span>
-                      Salesforce
-                    </td>
-                    <td>
-                      87953421
-                    </td>
-                    <td>
-                      2 Sep 2017
-                    </td>
-                    <td>
-                      <span class="status-icon bg-secondary"></span> Due in 2 Weeks
-                    </td>
-                    <td>$1500</td>
-                    <td class="text-right">
-                      <span class="dropdown ml-1">
-                        <button class="btn btn-white btn-sm dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
-                        <div class="dropdown-menu dropdown-menu-right">
-                          <a class="dropdown-item" href="#">
-                            Action
-                          </a>
-                          <a class="dropdown-item" href="#">
-                            Another action
-                          </a>
-                        </div>
-                      </span>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
-                    <td><span class="text-muted">001405</span></td>
-                    <td><a href="invoice.html" class="text-reset" tabindex="-1">Marketing Templates</a></td>
-                    <td>
-                      <span class="flag flag-country-pl"></span>
-                      Printic
-                    </td>
-                    <td>
-                      87956621
-                    </td>
-                    <td>
-                      29 Jan 2018
-                    </td>
-                    <td>
-                      <span class="status-icon bg-danger"></span> Paid Today
-                    </td>
-                    <td>$648</td>
-                    <td class="text-right">
-                      <span class="dropdown ml-1">
-                        <button class="btn btn-white btn-sm dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
-                        <div class="dropdown-menu dropdown-menu-right">
-                          <a class="dropdown-item" href="#">
-                            Action
-                          </a>
-                          <a class="dropdown-item" href="#">
-                            Another action
-                          </a>
-                        </div>
-                      </span>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
-                    <td><span class="text-muted">001406</span></td>
-                    <td><a href="invoice.html" class="text-reset" tabindex="-1">Sales Presentation</a></td>
-                    <td>
-                      <span class="flag flag-country-br"></span>
-                      Tabdaq
-                    </td>
-                    <td>
-                      87956621
-                    </td>
-                    <td>
-                      4 Feb 2018
-                    </td>
-                    <td>
-                      <span class="status-icon bg-secondary"></span> Due in 3 Weeks
-                    </td>
-                    <td>$300</td>
-                    <td class="text-right">
-                      <span class="dropdown ml-1">
-                        <button class="btn btn-white btn-sm dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
-                        <div class="dropdown-menu dropdown-menu-right">
-                          <a class="dropdown-item" href="#">
-                            Action
-                          </a>
-                          <a class="dropdown-item" href="#">
-                            Another action
-                          </a>
-                        </div>
-                      </span>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
-                    <td><span class="text-muted">001407</span></td>
-                    <td><a href="invoice.html" class="text-reset" tabindex="-1">Logo & Print</a></td>
-                    <td>
-                      <span class="flag flag-country-us"></span>
-                      Apple
-                    </td>
-                    <td>
-                      87956621
-                    </td>
-                    <td>
-                      22 Mar 2018
-                    </td>
-                    <td>
-                      <span class="status-icon bg-success"></span> Paid Today
-                    </td>
-                    <td>$2500</td>
-                    <td class="text-right">
-                      <span class="dropdown ml-1">
-                        <button class="btn btn-white btn-sm dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
-                        <div class="dropdown-menu dropdown-menu-right">
-                          <a class="dropdown-item" href="#">
-                            Action
-                          </a>
-                          <a class="dropdown-item" href="#">
-                            Another action
-                          </a>
-                        </div>
-                      </span>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
-                    <td><span class="text-muted">001408</span></td>
-                    <td><a href="invoice.html" class="text-reset" tabindex="-1">Icons</a></td>
-                    <td>
-                      <span class="flag flag-country-pl"></span>
-                      Tookapic
-                    </td>
-                    <td>
-                      87956621
-                    </td>
-                    <td>
-                      13 May 2018
-                    </td>
-                    <td>
-                      <span class="status-icon bg-success"></span> Paid Today
-                    </td>
-                    <td>$940</td>
-                    <td class="text-right">
-                      <span class="dropdown ml-1">
-                        <button class="btn btn-white btn-sm dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
-                        <div class="dropdown-menu dropdown-menu-right">
-                          <a class="dropdown-item" href="#">
-                            Action
-                          </a>
-                          <a class="dropdown-item" href="#">
-                            Another action
-                          </a>
-                        </div>
-                      </span>
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
+            <div class="col-12">
+              <div class="card">
+                <div class="table-responsive">
+                  <table
+		class="table table-vcenter card-table table-striped">
+                    <thead>
+                      <tr>
+                        <th>Name</th>
+                        <th>Title</th>
+                        <th>Email</th>
+                        <th>Role</th>
+                        <th class="w-1"></th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td >Maryjo Lebarree</td>
+                        <td class="text-muted" >
+                          Civil Engineer, Product Management
+                        </td>
+                        <td class="text-muted" ><a href="#" class="text-reset">mlebarree5@unc.edu</a></td>
+                        <td class="text-muted" >
+                          User
+                        </td>
+                        <td>
+                          <a href="#">Edit</a>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td >Egan Poetz</td>
+                        <td class="text-muted" >
+                          Research Nurse, Engineering
+                        </td>
+                        <td class="text-muted" ><a href="#" class="text-reset">epoetz6@free.fr</a></td>
+                        <td class="text-muted" >
+                          Admin
+                        </td>
+                        <td>
+                          <a href="#">Edit</a>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td >Kellie Skingley</td>
+                        <td class="text-muted" >
+                          Teacher, Services
+                        </td>
+                        <td class="text-muted" ><a href="#" class="text-reset">kskingley7@columbia.edu</a></td>
+                        <td class="text-muted" >
+                          User
+                        </td>
+                        <td>
+                          <a href="#">Edit</a>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td >Christabel Charlwood</td>
+                        <td class="text-muted" >
+                          Tax Accountant, Engineering
+                        </td>
+                        <td class="text-muted" ><a href="#" class="text-reset">ccharlwood8@nifty.com</a></td>
+                        <td class="text-muted" >
+                          Owner
+                        </td>
+                        <td>
+                          <a href="#">Edit</a>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td >Haskel Shelper</td>
+                        <td class="text-muted" >
+                          Staff Scientist, Legal
+                        </td>
+                        <td class="text-muted" ><a href="#" class="text-reset">hshelper9@woothemes.com</a></td>
+                        <td class="text-muted" >
+                          Admin
+                        </td>
+                        <td>
+                          <a href="#">Edit</a>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </div>
             </div>
-            <div class="card-footer d-flex align-items-center">
-              <p class="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
-              <ul class="pagination m-0 ml-auto">
-                <li class="page-item disabled">
-                  <a class="page-link" href="#" tabindex="-1">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>
-                    prev
-                  </a>
-                </li>
-                <li class="page-item"><a class="page-link" href="#">1</a></li>
-                <li class="page-item active"><a class="page-link" href="#">2</a></li>
-                <li class="page-item"><a class="page-link" href="#">3</a></li>
-                <li class="page-item"><a class="page-link" href="#">4</a></li>
-                <li class="page-item"><a class="page-link" href="#">5</a></li>
-                <li class="page-item">
-                  <a class="page-link" href="#">
-                    next <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>
-                  </a>
-                </li>
-              </ul>
+            <div class="col-12">
+              <div class="card">
+                <div class="table-responsive">
+                  <table
+		class="table table-vcenter card-table">
+                    <thead>
+                      <tr>
+                        <th>Name</th>
+                        <th>Title</th>
+                        <th>Role</th>
+                        <th class="w-1"></th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td >
+                          <div class="d-flex py-1 align-items-center">
+                            <span class="avatar mr-2" style="background-image: url(./static/avatars/006m.jpg)"></span>
+                            <div class="flex-fill">
+                              <div class="font-weight-medium">Lorry Mion</div>
+                              <div class="text-muted"><a href="#" class="text-reset">lmiona@livejournal.com</a></div>
+                            </div>
+                          </div>
+                        </td>
+                        <td >
+                          <div>Automation Specialist IV</div>
+                          <div class="text-muted">Accounting</div>
+                        </td>
+                        <td class="text-muted" >
+                          User
+                        </td>
+                        <td>
+                          <a href="#">Edit</a>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td >
+                          <div class="d-flex py-1 align-items-center">
+                            <span class="avatar mr-2" style="background-image: url(./static/avatars/004f.jpg)"></span>
+                            <div class="flex-fill">
+                              <div class="font-weight-medium">Leesa Beaty</div>
+                              <div class="text-muted"><a href="#" class="text-reset">lbeatyb@alibaba.com</a></div>
+                            </div>
+                          </div>
+                        </td>
+                        <td >
+                          <div>Editor</div>
+                          <div class="text-muted">Services</div>
+                        </td>
+                        <td class="text-muted" >
+                          Admin
+                        </td>
+                        <td>
+                          <a href="#">Edit</a>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td >
+                          <div class="d-flex py-1 align-items-center">
+                            <span class="avatar mr-2" style="background-image: url(./static/avatars/007m.jpg)"></span>
+                            <div class="flex-fill">
+                              <div class="font-weight-medium">Perren Keemar</div>
+                              <div class="text-muted"><a href="#" class="text-reset">pkeemarc@yahoo.com</a></div>
+                            </div>
+                          </div>
+                        </td>
+                        <td >
+                          <div>Analog Circuit Design manager</div>
+                          <div class="text-muted">Services</div>
+                        </td>
+                        <td class="text-muted" >
+                          User
+                        </td>
+                        <td>
+                          <a href="#">Edit</a>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td >
+                          <div class="d-flex py-1 align-items-center">
+                            <span class="avatar mr-2">SA</span>
+                            <div class="flex-fill">
+                              <div class="font-weight-medium">Sunny Airey</div>
+                              <div class="text-muted"><a href="#" class="text-reset">saireyd@prlog.org</a></div>
+                            </div>
+                          </div>
+                        </td>
+                        <td >
+                          <div>Nuclear Power Engineer</div>
+                          <div class="text-muted">Engineering</div>
+                        </td>
+                        <td class="text-muted" >
+                          Owner
+                        </td>
+                        <td>
+                          <a href="#">Edit</a>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td >
+                          <div class="d-flex py-1 align-items-center">
+                            <span class="avatar mr-2" style="background-image: url(./static/avatars/009m.jpg)"></span>
+                            <div class="flex-fill">
+                              <div class="font-weight-medium">Geoffry Flaunders</div>
+                              <div class="text-muted"><a href="#" class="text-reset">gflaunderse@loc.gov</a></div>
+                            </div>
+                          </div>
+                        </td>
+                        <td >
+                          <div>Software Test Engineer II</div>
+                          <div class="text-muted">Accounting</div>
+                        </td>
+                        <td class="text-muted" >
+                          Admin
+                        </td>
+                        <td>
+                          <a href="#">Edit</a>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+            </div>
+            <div class="col-12">
+              <div class="card">
+                <div class="table-responsive">
+                  <table
+		class="table table-vcenter table-mobile-md card-table">
+                    <thead>
+                      <tr>
+                        <th>Name</th>
+                        <th>Title</th>
+                        <th>Role</th>
+                        <th class="w-1"></th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td data-label="Name" >
+                          <div class="d-flex py-1 align-items-center">
+                            <span class="avatar mr-2" style="background-image: url(./static/avatars/010m.jpg)"></span>
+                            <div class="flex-fill">
+                              <div class="font-weight-medium">Thatcher Keel</div>
+                              <div class="text-muted"><a href="#" class="text-reset">tkeelf@blogger.com</a></div>
+                            </div>
+                          </div>
+                        </td>
+                        <td data-label="Title" >
+                          <div>VP Sales</div>
+                          <div class="text-muted">Business Development</div>
+                        </td>
+                        <td class="text-muted" data-label="Role" >
+                          User
+                        </td>
+                        <td>
+                          <div class="btn-list flex-nowrap">
+                            <a href="#" class="btn btn-white">
+                              Edit
+                            </a>
+                            <div class="dropdown">
+                              <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">
+                                Actions
+                              </button>
+                              <div class="dropdown-menu dropdown-menu-right">
+                                <a class="dropdown-item" href="#">
+                                  Action
+                                </a>
+                                <a class="dropdown-item" href="#">
+                                  Another action
+                                </a>
+                              </div>
+                            </div>
+                          </div>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td data-label="Name" >
+                          <div class="d-flex py-1 align-items-center">
+                            <span class="avatar mr-2" style="background-image: url(./static/avatars/005f.jpg)"></span>
+                            <div class="flex-fill">
+                              <div class="font-weight-medium">Dyann Escala</div>
+                              <div class="text-muted"><a href="#" class="text-reset">descalag@usatoday.com</a></div>
+                            </div>
+                          </div>
+                        </td>
+                        <td data-label="Title" >
+                          <div>Mechanical Systems Engineer</div>
+                          <div class="text-muted">Sales</div>
+                        </td>
+                        <td class="text-muted" data-label="Role" >
+                          Admin
+                        </td>
+                        <td>
+                          <div class="btn-list flex-nowrap">
+                            <a href="#" class="btn btn-white">
+                              Edit
+                            </a>
+                            <div class="dropdown">
+                              <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">
+                                Actions
+                              </button>
+                              <div class="dropdown-menu dropdown-menu-right">
+                                <a class="dropdown-item" href="#">
+                                  Action
+                                </a>
+                                <a class="dropdown-item" href="#">
+                                  Another action
+                                </a>
+                              </div>
+                            </div>
+                          </div>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td data-label="Name" >
+                          <div class="d-flex py-1 align-items-center">
+                            <span class="avatar mr-2" style="background-image: url(./static/avatars/006f.jpg)"></span>
+                            <div class="flex-fill">
+                              <div class="font-weight-medium">Avivah Mugleston</div>
+                              <div class="text-muted"><a href="#" class="text-reset">amuglestonh@intel.com</a></div>
+                            </div>
+                          </div>
+                        </td>
+                        <td data-label="Title" >
+                          <div>Actuary</div>
+                          <div class="text-muted">Sales</div>
+                        </td>
+                        <td class="text-muted" data-label="Role" >
+                          User
+                        </td>
+                        <td>
+                          <div class="btn-list flex-nowrap">
+                            <a href="#" class="btn btn-white">
+                              Edit
+                            </a>
+                            <div class="dropdown">
+                              <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">
+                                Actions
+                              </button>
+                              <div class="dropdown-menu dropdown-menu-right">
+                                <a class="dropdown-item" href="#">
+                                  Action
+                                </a>
+                                <a class="dropdown-item" href="#">
+                                  Another action
+                                </a>
+                              </div>
+                            </div>
+                          </div>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td data-label="Name" >
+                          <div class="d-flex py-1 align-items-center">
+                            <span class="avatar mr-2">AA</span>
+                            <div class="flex-fill">
+                              <div class="font-weight-medium">Arlie Armstead</div>
+                              <div class="text-muted"><a href="#" class="text-reset">aarmsteadi@yellowpages.com</a></div>
+                            </div>
+                          </div>
+                        </td>
+                        <td data-label="Title" >
+                          <div>VP Quality Control</div>
+                          <div class="text-muted">Accounting</div>
+                        </td>
+                        <td class="text-muted" data-label="Role" >
+                          Owner
+                        </td>
+                        <td>
+                          <div class="btn-list flex-nowrap">
+                            <a href="#" class="btn btn-white">
+                              Edit
+                            </a>
+                            <div class="dropdown">
+                              <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">
+                                Actions
+                              </button>
+                              <div class="dropdown-menu dropdown-menu-right">
+                                <a class="dropdown-item" href="#">
+                                  Action
+                                </a>
+                                <a class="dropdown-item" href="#">
+                                  Another action
+                                </a>
+                              </div>
+                            </div>
+                          </div>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td data-label="Name" >
+                          <div class="d-flex py-1 align-items-center">
+                            <span class="avatar mr-2" style="background-image: url(./static/avatars/008f.jpg)"></span>
+                            <div class="flex-fill">
+                              <div class="font-weight-medium">Tessie Curzon</div>
+                              <div class="text-muted"><a href="#" class="text-reset">tcurzonj@hp.com</a></div>
+                            </div>
+                          </div>
+                        </td>
+                        <td data-label="Title" >
+                          <div>Research Nurse</div>
+                          <div class="text-muted">Product Management</div>
+                        </td>
+                        <td class="text-muted" data-label="Role" >
+                          Admin
+                        </td>
+                        <td>
+                          <div class="btn-list flex-nowrap">
+                            <a href="#" class="btn btn-white">
+                              Edit
+                            </a>
+                            <div class="dropdown">
+                              <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">
+                                Actions
+                              </button>
+                              <div class="dropdown-menu dropdown-menu-right">
+                                <a class="dropdown-item" href="#">
+                                  Action
+                                </a>
+                                <a class="dropdown-item" href="#">
+                                  Another action
+                                </a>
+                              </div>
+                            </div>
+                          </div>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+            </div>
+            <div class="col-12">
+              <div class="card">
+                <div class="card-header">
+                  <h3 class="card-title">Invoices</h3>
+                </div>
+                <div class="card-body border-bottom py-3">
+                  <div class="d-flex">
+                    <div class="text-muted">
+                      Show
+                      <div class="mx-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm" value="8" size="3">
+                      </div>
+                      entries
+                    </div>
+                    <div class="ml-auto text-muted">
+                      Search:
+                      <div class="ml-2 d-inline-block">
+                        <input type="text" class="form-control form-control-sm">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="table-responsive">
+                  <table class="table card-table table-vcenter text-nowrap datatable">
+                    <thead>
+                      <tr>
+                        <th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
+                        <th class="w-1">No. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-sm text-dark icon-thick" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 15 12 9 18 15" /></svg>
+                        </th>
+                        <th>Invoice Subject</th>
+                        <th>Client</th>
+                        <th>VAT No.</th>
+                        <th>Created</th>
+                        <th>Status</th>
+                        <th>Price</th>
+                        <th></th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001401</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Design Works</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Carlson Limited
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          15 Dec 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid
+                        </td>
+                        <td>$887</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001402</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">UX Wireframes</a></td>
+                        <td>
+                          <span class="flag flag-country-gb"></span>
+                          Adobe
+                        </td>
+                        <td>
+                          87956421
+                        </td>
+                        <td>
+                          12 Apr 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$1200</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001403</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">New Dashboard</a></td>
+                        <td>
+                          <span class="flag flag-country-de"></span>
+                          Bluewolf
+                        </td>
+                        <td>
+                          87952621
+                        </td>
+                        <td>
+                          23 Oct 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-warning"></span> Pending
+                        </td>
+                        <td>$534</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001404</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Landing Page</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Salesforce
+                        </td>
+                        <td>
+                          87953421
+                        </td>
+                        <td>
+                          2 Sep 2017
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 2 Weeks
+                        </td>
+                        <td>$1500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001405</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Marketing Templates</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Printic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          29 Jan 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-danger"></span> Paid Today
+                        </td>
+                        <td>$648</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001406</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Sales Presentation</a></td>
+                        <td>
+                          <span class="flag flag-country-br"></span>
+                          Tabdaq
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          4 Feb 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-secondary"></span> Due in 3 Weeks
+                        </td>
+                        <td>$300</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001407</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Logo & Print</a></td>
+                        <td>
+                          <span class="flag flag-country-us"></span>
+                          Apple
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          22 Mar 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$2500</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
+                        <td><span class="text-muted">001408</span></td>
+                        <td><a href="invoice.html" class="text-reset" tabindex="-1">Icons</a></td>
+                        <td>
+                          <span class="flag flag-country-pl"></span>
+                          Tookapic
+                        </td>
+                        <td>
+                          87956621
+                        </td>
+                        <td>
+                          13 May 2018
+                        </td>
+                        <td>
+                          <span class="status-icon bg-success"></span> Paid Today
+                        </td>
+                        <td>$940</td>
+                        <td class="text-right">
+                          <span class="dropdown">
+                            <button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <a class="dropdown-item" href="#">
+                                Action
+                              </a>
+                              <a class="dropdown-item" href="#">
+                                Another action
+                              </a>
+                            </div>
+                          </span>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="card-footer d-flex align-items-center">
+                  <p class="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
+                  <ul class="pagination m-0 ml-auto">
+                    <li class="page-item disabled">
+                      <a class="page-link" href="#" tabindex="-1">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>
+                        prev
+                      </a>
+                    </li>
+                    <li class="page-item"><a class="page-link" href="#">1</a></li>
+                    <li class="page-item active"><a class="page-link" href="#">2</a></li>
+                    <li class="page-item"><a class="page-link" href="#">3</a></li>
+                    <li class="page-item"><a class="page-link" href="#">4</a></li>
+                    <li class="page-item"><a class="page-link" href="#">5</a></li>
+                    <li class="page-item">
+                      <a class="page-link" href="#">
+                        next <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
             </div>
           </div>
         </div>
@@ -1367,9 +1392,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/tabs.html b/demo/tabs.html
index b5cafa057..4262ef315 100644
--- a/demo/tabs.html
+++ b/demo/tabs.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,7 +547,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Tabs
                 </h2>
@@ -548,170 +555,6 @@
             </div>
           </div>
           <div class="row">
-            <div class="col-md-4">
-              <div class="card">
-                <ul class="nav nav-tabs" data-toggle="tabs">
-                  <li class="nav-item">
-                    <a href="#tabs-home-89" class="nav-link active" data-toggle="tab">Home</a>
-                  </li>
-                  <li class="nav-item">
-                    <a href="#tabs-profile-89" class="nav-link" data-toggle="tab">Profile</a>
-                  </li>
-                  <li class="nav-item ml-auto">
-                    <a href="#tabs-settings-89" class="nav-link" title="Settings" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                    </a>
-                  </li>
-                </ul>
-                <div class="card-body">
-                  <div class="tab-content">
-                    <div class="tab-pane active show" id="tabs-home-89">
-                      <div>Cursus turpis vestibulum, dui in pharetra vulputate id sed non turpis ultricies fringilla at sed facilisis lacus pellentesque purus nibh</div>
-                    </div>
-                    <div class="tab-pane" id="tabs-profile-89">
-                      <div>Fringilla egestas nunc quis tellus diam rhoncus ultricies tristique enim at diam, sem nunc amet, pellentesque id egestas velit sed</div>
-                    </div>
-                    <div class="tab-pane" id="tabs-settings-89">
-                      <div>Donec ac vitae diam amet vel leo egestas consequat rhoncus in luctus amet, facilisi sit mauris accumsan nibh habitant senectus</div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="col-md-4">
-              <div class="card">
-                <ul class="nav nav-tabs flex-row-reverse" data-toggle="tabs">
-                  <li class="nav-item">
-                    <a href="#tabs-home-90" class="nav-link active" data-toggle="tab">Home</a>
-                  </li>
-                  <li class="nav-item">
-                    <a href="#tabs-profile-90" class="nav-link" data-toggle="tab">Profile</a>
-                  </li>
-                  <li class="nav-item mr-auto">
-                    <a href="#tabs-settings-90" class="nav-link" title="Settings" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                    </a>
-                  </li>
-                </ul>
-                <div class="card-body">
-                  <div class="tab-content">
-                    <div class="tab-pane active show" id="tabs-home-90">
-                      <div>Cursus turpis vestibulum, dui in pharetra vulputate id sed non turpis ultricies fringilla at sed facilisis lacus pellentesque purus nibh</div>
-                    </div>
-                    <div class="tab-pane" id="tabs-profile-90">
-                      <div>Fringilla egestas nunc quis tellus diam rhoncus ultricies tristique enim at diam, sem nunc amet, pellentesque id egestas velit sed</div>
-                    </div>
-                    <div class="tab-pane" id="tabs-settings-90">
-                      <div>Donec ac vitae diam amet vel leo egestas consequat rhoncus in luctus amet, facilisi sit mauris accumsan nibh habitant senectus</div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="col-md-4">
-              <div class="card">
-                <ul class="nav nav-tabs" data-toggle="tabs">
-                  <li class="nav-item">
-                    <a href="#tabs-home-91" class="nav-link active" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon mr-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
-                      Home</a>
-                  </li>
-                  <li class="nav-item">
-                    <a href="#tabs-profile-91" class="nav-link" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon mr-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
-                      Profile</a>
-                  </li>
-                </ul>
-                <div class="card-body">
-                  <div class="tab-content">
-                    <div class="tab-pane active show" id="tabs-home-91">
-                      <div>Cursus turpis vestibulum, dui in pharetra vulputate id sed non turpis ultricies fringilla at sed facilisis lacus pellentesque purus nibh</div>
-                    </div>
-                    <div class="tab-pane" id="tabs-profile-91">
-                      <div>Fringilla egestas nunc quis tellus diam rhoncus ultricies tristique enim at diam, sem nunc amet, pellentesque id egestas velit sed</div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="col-md-4">
-              <div class="card">
-                <ul class="nav nav-tabs nav-tabs-alt" data-toggle="tabs">
-                  <li class="nav-item">
-                    <a href="#tabs-home-92" class="nav-link active" data-toggle="tab">Home</a>
-                  </li>
-                  <li class="nav-item">
-                    <a href="#tabs-profile-92" class="nav-link" data-toggle="tab">Profile</a>
-                  </li>
-                  <li class="nav-item ml-auto">
-                    <a href="#tabs-settings-92" class="nav-link" title="Settings" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                    </a>
-                  </li>
-                </ul>
-                <div class="card-body">
-                  <div class="tab-content">
-                    <div class="tab-pane active show" id="tabs-home-92">
-                      <div>Cursus turpis vestibulum, dui in pharetra vulputate id sed non turpis ultricies fringilla at sed facilisis lacus pellentesque purus nibh</div>
-                    </div>
-                    <div class="tab-pane" id="tabs-profile-92">
-                      <div>Fringilla egestas nunc quis tellus diam rhoncus ultricies tristique enim at diam, sem nunc amet, pellentesque id egestas velit sed</div>
-                    </div>
-                    <div class="tab-pane" id="tabs-settings-92">
-                      <div>Donec ac vitae diam amet vel leo egestas consequat rhoncus in luctus amet, facilisi sit mauris accumsan nibh habitant senectus</div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="col-md-4">
-              <div class="card">
-                <ul class="nav nav-tabs nav-tabs-alt flex-row-reverse" data-toggle="tabs">
-                  <li class="nav-item">
-                    <a href="#tabs-home-93" class="nav-link active" data-toggle="tab">Home</a>
-                  </li>
-                  <li class="nav-item">
-                    <a href="#tabs-profile-93" class="nav-link" data-toggle="tab">Profile</a>
-                  </li>
-                  <li class="nav-item mr-auto">
-                    <a href="#tabs-settings-93" class="nav-link" title="Settings" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                    </a>
-                  </li>
-                </ul>
-                <div class="card-body">
-                  <div class="tab-content">
-                    <div class="tab-pane active show" id="tabs-home-93">
-                      <div>Cursus turpis vestibulum, dui in pharetra vulputate id sed non turpis ultricies fringilla at sed facilisis lacus pellentesque purus nibh</div>
-                    </div>
-                    <div class="tab-pane" id="tabs-profile-93">
-                      <div>Fringilla egestas nunc quis tellus diam rhoncus ultricies tristique enim at diam, sem nunc amet, pellentesque id egestas velit sed</div>
-                    </div>
-                    <div class="tab-pane" id="tabs-settings-93">
-                      <div>Donec ac vitae diam amet vel leo egestas consequat rhoncus in luctus amet, facilisi sit mauris accumsan nibh habitant senectus</div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="col-md-4">
-              <div class="card">
-                <ul class="nav nav-tabs nav-tabs-alt" data-toggle="tabs">
-                  <li class="nav-item">
-                    <a href="#tabs-home-94" class="nav-link active" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon mr-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
-                      Home</a>
-                  </li>
-                  <li class="nav-item">
-                    <a href="#tabs-profile-94" class="nav-link" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon mr-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
-                      Profile</a>
-                  </li>
-                </ul>
-                <div class="card-body">
-                  <div class="tab-content">
-                    <div class="tab-pane active show" id="tabs-home-94">
-                      <div>Cursus turpis vestibulum, dui in pharetra vulputate id sed non turpis ultricies fringilla at sed facilisis lacus pellentesque purus nibh</div>
-                    </div>
-                    <div class="tab-pane" id="tabs-profile-94">
-                      <div>Fringilla egestas nunc quis tellus diam rhoncus ultricies tristique enim at diam, sem nunc amet, pellentesque id egestas velit sed</div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
             <div class="col-md-4">
               <div class="card">
                 <ul class="nav nav-tabs" data-toggle="tabs">
@@ -721,16 +564,9 @@
                   <li class="nav-item">
                     <a href="#tabs-profile-95" class="nav-link" data-toggle="tab">Profile</a>
                   </li>
-                  <li class="nav-item dropdown">
-                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
-                    <div class="dropdown-menu">
-                      <a class="dropdown-item" href="#">
-                        Action
-                      </a>
-                      <a class="dropdown-item" href="#">
-                        Another action
-                      </a>
-                    </div>
+                  <li class="nav-item ml-auto">
+                    <a href="#tabs-settings-95" class="nav-link" title="Settings" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
+                    </a>
                   </li>
                 </ul>
                 <div class="card-body">
@@ -741,21 +577,25 @@
                     <div class="tab-pane" id="tabs-profile-95">
                       <div>Fringilla egestas nunc quis tellus diam rhoncus ultricies tristique enim at diam, sem nunc amet, pellentesque id egestas velit sed</div>
                     </div>
+                    <div class="tab-pane" id="tabs-settings-95">
+                      <div>Donec ac vitae diam amet vel leo egestas consequat rhoncus in luctus amet, facilisi sit mauris accumsan nibh habitant senectus</div>
+                    </div>
                   </div>
                 </div>
               </div>
             </div>
             <div class="col-md-4">
               <div class="card">
-                <ul class="nav nav-tabs nav-fill" data-toggle="tabs">
+                <ul class="nav nav-tabs flex-row-reverse" data-toggle="tabs">
                   <li class="nav-item">
                     <a href="#tabs-home-96" class="nav-link active" data-toggle="tab">Home</a>
                   </li>
                   <li class="nav-item">
                     <a href="#tabs-profile-96" class="nav-link" data-toggle="tab">Profile</a>
                   </li>
-                  <li class="nav-item">
-                    <a href="#tabs-activity-96" class="nav-link" data-toggle="tab">Activity</a>
+                  <li class="nav-item mr-auto">
+                    <a href="#tabs-settings-96" class="nav-link" title="Settings" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
+                    </a>
                   </li>
                 </ul>
                 <div class="card-body">
@@ -766,7 +606,7 @@
                     <div class="tab-pane" id="tabs-profile-96">
                       <div>Fringilla egestas nunc quis tellus diam rhoncus ultricies tristique enim at diam, sem nunc amet, pellentesque id egestas velit sed</div>
                     </div>
-                    <div class="tab-pane" id="tabs-activity-96">
+                    <div class="tab-pane" id="tabs-settings-96">
                       <div>Donec ac vitae diam amet vel leo egestas consequat rhoncus in luctus amet, facilisi sit mauris accumsan nibh habitant senectus</div>
                     </div>
                   </div>
@@ -775,15 +615,14 @@
             </div>
             <div class="col-md-4">
               <div class="card">
-                <ul class="nav nav-tabs nav-fill" data-toggle="tabs">
+                <ul class="nav nav-tabs" data-toggle="tabs">
                   <li class="nav-item">
-                    <a href="#tabs-home-97" class="nav-link active" data-toggle="tab">Home</a>
+                    <a href="#tabs-home-97" class="nav-link active" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon mr-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
+                      Home</a>
                   </li>
                   <li class="nav-item">
-                    <a href="#tabs-profile-97" class="nav-link" data-toggle="tab">Profile</a>
-                  </li>
-                  <li class="nav-item">
-                    <a href="#tabs-activity-97" class="nav-link disabled" data-toggle="tab">Disabled</a>
+                    <a href="#tabs-profile-97" class="nav-link" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon mr-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
+                      Profile</a>
                   </li>
                 </ul>
                 <div class="card-body">
@@ -800,18 +639,16 @@
             </div>
             <div class="col-md-4">
               <div class="card">
-                <ul class="nav nav-tabs nav-fill" data-toggle="tabs">
+                <ul class="nav nav-tabs nav-tabs-alt" data-toggle="tabs">
                   <li class="nav-item">
-                    <a href="#tabs-home-98" class="nav-link active" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon mr-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
-                      Home</a>
+                    <a href="#tabs-home-98" class="nav-link active" data-toggle="tab">Home</a>
                   </li>
                   <li class="nav-item">
-                    <a href="#tabs-profile-98" class="nav-link" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon mr-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
-                      Profile</a>
+                    <a href="#tabs-profile-98" class="nav-link" data-toggle="tab">Profile</a>
                   </li>
-                  <li class="nav-item">
-                    <a href="#tabs-activity-98" class="nav-link" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon mr-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h4l3 8l4 -16l3 8h4" /></svg>
-                      Activity</a>
+                  <li class="nav-item ml-auto">
+                    <a href="#tabs-settings-98" class="nav-link" title="Settings" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
+                    </a>
                   </li>
                 </ul>
                 <div class="card-body">
@@ -822,7 +659,177 @@
                     <div class="tab-pane" id="tabs-profile-98">
                       <div>Fringilla egestas nunc quis tellus diam rhoncus ultricies tristique enim at diam, sem nunc amet, pellentesque id egestas velit sed</div>
                     </div>
-                    <div class="tab-pane" id="tabs-activity-98">
+                    <div class="tab-pane" id="tabs-settings-98">
+                      <div>Donec ac vitae diam amet vel leo egestas consequat rhoncus in luctus amet, facilisi sit mauris accumsan nibh habitant senectus</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-md-4">
+              <div class="card">
+                <ul class="nav nav-tabs nav-tabs-alt flex-row-reverse" data-toggle="tabs">
+                  <li class="nav-item">
+                    <a href="#tabs-home-99" class="nav-link active" data-toggle="tab">Home</a>
+                  </li>
+                  <li class="nav-item">
+                    <a href="#tabs-profile-99" class="nav-link" data-toggle="tab">Profile</a>
+                  </li>
+                  <li class="nav-item mr-auto">
+                    <a href="#tabs-settings-99" class="nav-link" title="Settings" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
+                    </a>
+                  </li>
+                </ul>
+                <div class="card-body">
+                  <div class="tab-content">
+                    <div class="tab-pane active show" id="tabs-home-99">
+                      <div>Cursus turpis vestibulum, dui in pharetra vulputate id sed non turpis ultricies fringilla at sed facilisis lacus pellentesque purus nibh</div>
+                    </div>
+                    <div class="tab-pane" id="tabs-profile-99">
+                      <div>Fringilla egestas nunc quis tellus diam rhoncus ultricies tristique enim at diam, sem nunc amet, pellentesque id egestas velit sed</div>
+                    </div>
+                    <div class="tab-pane" id="tabs-settings-99">
+                      <div>Donec ac vitae diam amet vel leo egestas consequat rhoncus in luctus amet, facilisi sit mauris accumsan nibh habitant senectus</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-md-4">
+              <div class="card">
+                <ul class="nav nav-tabs nav-tabs-alt" data-toggle="tabs">
+                  <li class="nav-item">
+                    <a href="#tabs-home-100" class="nav-link active" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon mr-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
+                      Home</a>
+                  </li>
+                  <li class="nav-item">
+                    <a href="#tabs-profile-100" class="nav-link" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon mr-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
+                      Profile</a>
+                  </li>
+                </ul>
+                <div class="card-body">
+                  <div class="tab-content">
+                    <div class="tab-pane active show" id="tabs-home-100">
+                      <div>Cursus turpis vestibulum, dui in pharetra vulputate id sed non turpis ultricies fringilla at sed facilisis lacus pellentesque purus nibh</div>
+                    </div>
+                    <div class="tab-pane" id="tabs-profile-100">
+                      <div>Fringilla egestas nunc quis tellus diam rhoncus ultricies tristique enim at diam, sem nunc amet, pellentesque id egestas velit sed</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-md-4">
+              <div class="card">
+                <ul class="nav nav-tabs" data-toggle="tabs">
+                  <li class="nav-item">
+                    <a href="#tabs-home-101" class="nav-link active" data-toggle="tab">Home</a>
+                  </li>
+                  <li class="nav-item">
+                    <a href="#tabs-profile-101" class="nav-link" data-toggle="tab">Profile</a>
+                  </li>
+                  <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
+                    <div class="dropdown-menu">
+                      <a class="dropdown-item" href="#">
+                        Action
+                      </a>
+                      <a class="dropdown-item" href="#">
+                        Another action
+                      </a>
+                    </div>
+                  </li>
+                </ul>
+                <div class="card-body">
+                  <div class="tab-content">
+                    <div class="tab-pane active show" id="tabs-home-101">
+                      <div>Cursus turpis vestibulum, dui in pharetra vulputate id sed non turpis ultricies fringilla at sed facilisis lacus pellentesque purus nibh</div>
+                    </div>
+                    <div class="tab-pane" id="tabs-profile-101">
+                      <div>Fringilla egestas nunc quis tellus diam rhoncus ultricies tristique enim at diam, sem nunc amet, pellentesque id egestas velit sed</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-md-4">
+              <div class="card">
+                <ul class="nav nav-tabs nav-fill" data-toggle="tabs">
+                  <li class="nav-item">
+                    <a href="#tabs-home-102" class="nav-link active" data-toggle="tab">Home</a>
+                  </li>
+                  <li class="nav-item">
+                    <a href="#tabs-profile-102" class="nav-link" data-toggle="tab">Profile</a>
+                  </li>
+                  <li class="nav-item">
+                    <a href="#tabs-activity-102" class="nav-link" data-toggle="tab">Activity</a>
+                  </li>
+                </ul>
+                <div class="card-body">
+                  <div class="tab-content">
+                    <div class="tab-pane active show" id="tabs-home-102">
+                      <div>Cursus turpis vestibulum, dui in pharetra vulputate id sed non turpis ultricies fringilla at sed facilisis lacus pellentesque purus nibh</div>
+                    </div>
+                    <div class="tab-pane" id="tabs-profile-102">
+                      <div>Fringilla egestas nunc quis tellus diam rhoncus ultricies tristique enim at diam, sem nunc amet, pellentesque id egestas velit sed</div>
+                    </div>
+                    <div class="tab-pane" id="tabs-activity-102">
+                      <div>Donec ac vitae diam amet vel leo egestas consequat rhoncus in luctus amet, facilisi sit mauris accumsan nibh habitant senectus</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-md-4">
+              <div class="card">
+                <ul class="nav nav-tabs nav-fill" data-toggle="tabs">
+                  <li class="nav-item">
+                    <a href="#tabs-home-103" class="nav-link active" data-toggle="tab">Home</a>
+                  </li>
+                  <li class="nav-item">
+                    <a href="#tabs-profile-103" class="nav-link" data-toggle="tab">Profile</a>
+                  </li>
+                  <li class="nav-item">
+                    <a href="#tabs-activity-103" class="nav-link disabled" data-toggle="tab">Disabled</a>
+                  </li>
+                </ul>
+                <div class="card-body">
+                  <div class="tab-content">
+                    <div class="tab-pane active show" id="tabs-home-103">
+                      <div>Cursus turpis vestibulum, dui in pharetra vulputate id sed non turpis ultricies fringilla at sed facilisis lacus pellentesque purus nibh</div>
+                    </div>
+                    <div class="tab-pane" id="tabs-profile-103">
+                      <div>Fringilla egestas nunc quis tellus diam rhoncus ultricies tristique enim at diam, sem nunc amet, pellentesque id egestas velit sed</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-md-4">
+              <div class="card">
+                <ul class="nav nav-tabs nav-fill" data-toggle="tabs">
+                  <li class="nav-item">
+                    <a href="#tabs-home-104" class="nav-link active" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon mr-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
+                      Home</a>
+                  </li>
+                  <li class="nav-item">
+                    <a href="#tabs-profile-104" class="nav-link" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon mr-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
+                      Profile</a>
+                  </li>
+                  <li class="nav-item">
+                    <a href="#tabs-activity-104" class="nav-link" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon mr-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h4l3 8l4 -16l3 8h4" /></svg>
+                      Activity</a>
+                  </li>
+                </ul>
+                <div class="card-body">
+                  <div class="tab-content">
+                    <div class="tab-pane active show" id="tabs-home-104">
+                      <div>Cursus turpis vestibulum, dui in pharetra vulputate id sed non turpis ultricies fringilla at sed facilisis lacus pellentesque purus nibh</div>
+                    </div>
+                    <div class="tab-pane" id="tabs-profile-104">
+                      <div>Fringilla egestas nunc quis tellus diam rhoncus ultricies tristique enim at diam, sem nunc amet, pellentesque id egestas velit sed</div>
+                    </div>
+                    <div class="tab-pane" id="tabs-activity-104">
                       <div>Donec ac vitae diam amet vel leo egestas consequat rhoncus in luctus amet, facilisi sit mauris accumsan nibh habitant senectus</div>
                     </div>
                   </div>
@@ -833,24 +840,24 @@
               <div class="card">
                 <ul class="nav nav-tabs" data-toggle="tabs">
                   <li class="nav-item">
-                    <a href="#tabs-home-99" class="nav-link active" data-toggle="tab">Home</a>
+                    <a href="#tabs-home-105" class="nav-link active" data-toggle="tab">Home</a>
                   </li>
                   <li class="nav-item">
-                    <a href="#tabs-profile-99" class="nav-link" data-toggle="tab">Profile</a>
+                    <a href="#tabs-profile-105" class="nav-link" data-toggle="tab">Profile</a>
                   </li>
                   <li class="nav-item">
-                    <a href="#tabs-activity-99" class="nav-link" data-toggle="tab">Activity</a>
+                    <a href="#tabs-activity-105" class="nav-link" data-toggle="tab">Activity</a>
                   </li>
                 </ul>
                 <div class="card-body">
                   <div class="tab-content">
-                    <div class="tab-pane fade active show" id="tabs-home-99">
+                    <div class="tab-pane fade active show" id="tabs-home-105">
                       <div>Cursus turpis vestibulum, dui in pharetra vulputate id sed non turpis ultricies fringilla at sed facilisis lacus pellentesque purus nibh</div>
                     </div>
-                    <div class="tab-pane fade" id="tabs-profile-99">
+                    <div class="tab-pane fade" id="tabs-profile-105">
                       <div>Fringilla egestas nunc quis tellus diam rhoncus ultricies tristique enim at diam, sem nunc amet, pellentesque id egestas velit sed</div>
                     </div>
-                    <div class="tab-pane fade" id="tabs-activity-99">
+                    <div class="tab-pane fade" id="tabs-activity-105">
                       <div>Donec ac vitae diam amet vel leo egestas consequat rhoncus in luctus amet, facilisi sit mauris accumsan nibh habitant senectus</div>
                     </div>
                   </div>
@@ -870,9 +877,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/typography.html b/demo/typography.html
index 2f4f04167..6897784f5 100644
--- a/demo/typography.html
+++ b/demo/typography.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,7 +547,7 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Typography
                 </h2>
@@ -822,9 +829,16 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
diff --git a/demo/users.html b/demo/users.html
index f18b61522..1acbfabeb 100644
--- a/demo/users.html
+++ b/demo/users.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
@@ -41,7 +43,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
-            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-image">
+            <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
           </a>
           <div class="navbar-nav flex-row order-md-last">
             <div class="nav-item dropdown d-none d-md-flex mr-3">
@@ -59,24 +61,19 @@
             </div>
             <div class="nav-item dropdown">
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
-                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                 <div class="d-none d-xl-block pl-2">
                   <div>Paweł Kuna</div>
                   <div class="mt-1 small text-muted">UI Designer</div>
                 </div>
               </a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-                  Action
-                </a>
-                <a class="dropdown-item" href="#">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
-                  Another action
-                </a>
+              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                <a href="#" class="dropdown-item">Set status</a>
+                <a href="#" class="dropdown-item">Profile & account</a>
+                <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-                  Separated link</a>
+                <a href="#" class="dropdown-item">Settings</a>
+                <a href="#" class="dropdown-item">Logout</a>
               </div>
             </div>
           </div>
@@ -190,6 +187,11 @@
                         Lists
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs-index.html" >
+                        Docs index
+                      </a>
+                    </li>
                     <li class="dropright">
                       <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                         Authentication
@@ -337,6 +339,11 @@
                         Dark mode
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./layout-rtl.html" >
+                        RTL mode
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./layout-fluid.html" >
                         Fluid
@@ -540,13 +547,11 @@
           <!-- Page title -->
           <div class="page-header">
             <div class="row align-items-center">
-              <div class="col-auto">
+              <div class="col">
                 <h2 class="page-title">
                   Users
                 </h2>
-              </div>
-              <div class="col-auto">
-                <div class="text-muted text-h5 mt-2">1-18 of 413 people</div>
+                <div class="text-muted mt-1">1-18 of 413 people</div>
               </div>
               <!-- Page title actions -->
               <div class="col-auto ml-auto d-print-none">
@@ -564,7 +569,7 @@
             <div class="col-md-6 col-lg-4">
               <div class="card">
                 <div class="card-body">
-                  <div class="row row-sm align-items-center">
+                  <div class="row g-2 align-items-center">
                     <div class="col-auto">
                       <span class="avatar avatar-md" style="background-image: url(./static/avatars/000m.jpg)"></span>
                     </div>
@@ -609,7 +614,7 @@
             <div class="col-md-6 col-lg-4">
               <div class="card">
                 <div class="card-body">
-                  <div class="row row-sm align-items-center">
+                  <div class="row g-2 align-items-center">
                     <div class="col-auto">
                       <span class="avatar avatar-md">JL</span>
                     </div>
@@ -654,7 +659,7 @@
             <div class="col-md-6 col-lg-4">
               <div class="card">
                 <div class="card-body">
-                  <div class="row row-sm align-items-center">
+                  <div class="row g-2 align-items-center">
                     <div class="col-auto">
                       <span class="avatar avatar-md" style="background-image: url(./static/avatars/002m.jpg)"></span>
                     </div>
@@ -699,7 +704,7 @@
             <div class="col-md-6 col-lg-4">
               <div class="card">
                 <div class="card-body">
-                  <div class="row row-sm align-items-center">
+                  <div class="row g-2 align-items-center">
                     <div class="col-auto">
                       <span class="avatar avatar-md" style="background-image: url(./static/avatars/003m.jpg)"></span>
                     </div>
@@ -744,7 +749,7 @@
             <div class="col-md-6 col-lg-4">
               <div class="card">
                 <div class="card-body">
-                  <div class="row row-sm align-items-center">
+                  <div class="row g-2 align-items-center">
                     <div class="col-auto">
                       <span class="avatar avatar-md" style="background-image: url(./static/avatars/000f.jpg)"></span>
                     </div>
@@ -789,7 +794,7 @@
             <div class="col-md-6 col-lg-4">
               <div class="card">
                 <div class="card-body">
-                  <div class="row row-sm align-items-center">
+                  <div class="row g-2 align-items-center">
                     <div class="col-auto">
                       <span class="avatar avatar-md" style="background-image: url(./static/avatars/001f.jpg)"></span>
                     </div>
@@ -829,7 +834,7 @@
             <div class="col-md-6 col-lg-4">
               <div class="card">
                 <div class="card-body">
-                  <div class="row row-sm align-items-center">
+                  <div class="row g-2 align-items-center">
                     <div class="col-auto">
                       <span class="avatar avatar-md">EP</span>
                     </div>
@@ -869,7 +874,7 @@
             <div class="col-md-6 col-lg-4">
               <div class="card">
                 <div class="card-body">
-                  <div class="row row-sm align-items-center">
+                  <div class="row g-2 align-items-center">
                     <div class="col-auto">
                       <span class="avatar avatar-md" style="background-image: url(./static/avatars/002f.jpg)"></span>
                     </div>
@@ -914,7 +919,7 @@
             <div class="col-md-6 col-lg-4">
               <div class="card">
                 <div class="card-body">
-                  <div class="row row-sm align-items-center">
+                  <div class="row g-2 align-items-center">
                     <div class="col-auto">
                       <span class="avatar avatar-md" style="background-image: url(./static/avatars/003f.jpg)"></span>
                     </div>
@@ -959,7 +964,7 @@
             <div class="col-md-6 col-lg-4">
               <div class="card">
                 <div class="card-body">
-                  <div class="row row-sm align-items-center">
+                  <div class="row g-2 align-items-center">
                     <div class="col-auto">
                       <span class="avatar avatar-md">HS</span>
                     </div>
@@ -999,7 +1004,7 @@
             <div class="col-md-6 col-lg-4">
               <div class="card">
                 <div class="card-body">
-                  <div class="row row-sm align-items-center">
+                  <div class="row g-2 align-items-center">
                     <div class="col-auto">
                       <span class="avatar avatar-md" style="background-image: url(./static/avatars/006m.jpg)"></span>
                     </div>
@@ -1044,7 +1049,7 @@
             <div class="col-md-6 col-lg-4">
               <div class="card">
                 <div class="card-body">
-                  <div class="row row-sm align-items-center">
+                  <div class="row g-2 align-items-center">
                     <div class="col-auto">
                       <span class="avatar avatar-md" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     </div>
@@ -1089,7 +1094,7 @@
             <div class="col-md-6 col-lg-4">
               <div class="card">
                 <div class="card-body">
-                  <div class="row row-sm align-items-center">
+                  <div class="row g-2 align-items-center">
                     <div class="col-auto">
                       <span class="avatar avatar-md" style="background-image: url(./static/avatars/007m.jpg)"></span>
                     </div>
@@ -1129,7 +1134,7 @@
             <div class="col-md-6 col-lg-4">
               <div class="card">
                 <div class="card-body">
-                  <div class="row row-sm align-items-center">
+                  <div class="row g-2 align-items-center">
                     <div class="col-auto">
                       <span class="avatar avatar-md">SA</span>
                     </div>
@@ -1174,7 +1179,7 @@
             <div class="col-md-6 col-lg-4">
               <div class="card">
                 <div class="card-body">
-                  <div class="row row-sm align-items-center">
+                  <div class="row g-2 align-items-center">
                     <div class="col-auto">
                       <span class="avatar avatar-md" style="background-image: url(./static/avatars/009m.jpg)"></span>
                     </div>
@@ -1219,7 +1224,7 @@
             <div class="col-md-6 col-lg-4">
               <div class="card">
                 <div class="card-body">
-                  <div class="row row-sm align-items-center">
+                  <div class="row g-2 align-items-center">
                     <div class="col-auto">
                       <span class="avatar avatar-md" style="background-image: url(./static/avatars/010m.jpg)"></span>
                     </div>
@@ -1264,7 +1269,7 @@
             <div class="col-md-6 col-lg-4">
               <div class="card">
                 <div class="card-body">
-                  <div class="row row-sm align-items-center">
+                  <div class="row g-2 align-items-center">
                     <div class="col-auto">
                       <span class="avatar avatar-md" style="background-image: url(./static/avatars/005f.jpg)"></span>
                     </div>
@@ -1304,7 +1309,7 @@
             <div class="col-md-6 col-lg-4">
               <div class="card">
                 <div class="card-body">
-                  <div class="row row-sm align-items-center">
+                  <div class="row g-2 align-items-center">
                     <div class="col-auto">
                       <span class="avatar avatar-md" style="background-image: url(./static/avatars/006f.jpg)"></span>
                     </div>
@@ -1379,118 +1384,22 @@
                 </ul>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                Copyright © 2020
-                <a href="." class="link-secondary">Tabler</a>.
-                All rights reserved.
+                <ul class="list-inline list-inline-dots mb-0">
+                  <li class="list-inline-item">
+                    Copyright © 2020
+                    <a href="." class="link-secondary">Tabler</a>.
+                    All rights reserved.
+                  </li>
+                  <li class="list-inline-item">
+                    <a href="https://github.com/tabler/tabler/releases" target="_blank" class="link-secondary">v1.0.0-alpha.9</a>
+                  </li>
+                </ul>
               </div>
             </div>
           </div>
         </footer>
       </div>
     </div>
-    <div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
-      <div class="modal-dialog modal-lg" role="document">
-        <div class="modal-content">
-          <div class="modal-header">
-            <h5 class="modal-title">New report</h5>
-            <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
-              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
-            </button>
-          </div>
-          <div class="modal-body">
-            <div class="mb-3">
-              <label class="form-label">Name</label>
-              <input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
-            </div>
-            <label class="form-label">Report type</label>
-            <div class="form-selectgroup-boxes row mb-3">
-              <div class="col-lg-6">
-                <label class="form-selectgroup-item">
-                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
-                  <span class="form-selectgroup-label d-flex align-items-center p-3">
-                    <span class="mr-3">
-                      <span class="form-selectgroup-check"></span>
-                    </span>
-                    <span class="form-selectgroup-label-content">
-                      <span class="form-selectgroup-title strong mb-1">Simple</span>
-                      <span class="d-block text-muted">Provide only basic data needed for the report</span>
-                    </span>
-                  </span>
-                </label>
-              </div>
-              <div class="col-lg-6">
-                <label class="form-selectgroup-item">
-                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input">
-                  <span class="form-selectgroup-label d-flex align-items-center p-3">
-                    <span class="mr-3">
-                      <span class="form-selectgroup-check"></span>
-                    </span>
-                    <span class="form-selectgroup-label-content">
-                      <span class="form-selectgroup-title strong mb-1">Advanced</span>
-                      <span class="d-block text-muted">Insert charts and additional advanced analyses to be inserted in the report</span>
-                    </span>
-                  </span>
-                </label>
-              </div>
-            </div>
-            <div class="row">
-              <div class="col-lg-8">
-                <div class="mb-3">
-                  <label class="form-label">Report url</label>
-                  <div class="input-group input-group-flat">
-                    <span class="input-group-text">
-                      https://tabler.io/reports/
-                    </span>
-                    <input type="text" class="form-control pl-0"  value="report-01">
-                  </div>
-                </div>
-              </div>
-              <div class="col-lg-4">
-                <div class="mb-3">
-                  <label class="form-label">Visibility</label>
-                  <select class="form-select">
-                    <option value="1" selected>Private</option>
-                    <option value="2">Public</option>
-                    <option value="3">Hidden</option>
-                  </select>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="modal-body">
-            <div class="row">
-              <div class="col-lg-6">
-                <div class="mb-3">
-                  <label class="form-label">Client name</label>
-                  <input type="text" class="form-control">
-                </div>
-              </div>
-              <div class="col-lg-6">
-                <div class="mb-3">
-                  <label class="form-label">Reporting period</label>
-                  <input type="date" class="form-control">
-                </div>
-              </div>
-              <div class="col-lg-12">
-                <div>
-                  <label class="form-label">Additional information</label>
-                  <textarea class="form-control" rows="3"></textarea>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="modal-footer">
-            <a href="#" class="btn btn-link link-secondary" data-dismiss="modal">
-              Cancel
-            </a>
-            <a href="#" class="btn btn-primary ml-auto" data-dismiss="modal">
-              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
-              Create new report
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
     <!-- Libs JS -->
     <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <!-- Tabler Core -->
diff --git a/demo/wizard.html b/demo/wizard.html
index 785bc043e..4716af233 100644
--- a/demo/wizard.html
+++ b/demo/wizard.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.8
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -26,6 +26,8 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <!-- CSS files -->
     <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css" rel="stylesheet"/>
     <style>
       body {
diff --git a/dist/css/demo.css b/dist/css/demo.css
index b99f9b699..ec7f0c71a 100644
--- a/dist/css/demo.css
+++ b/dist/css/demo.css
@@ -1,6 +1,6 @@
 /*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
+* Tabler v1.0.0-alpha.9 (https://tabler.io)
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -11,8 +11,8 @@ pre.highlight,
   max-height: 30rem;
   margin: 1.5rem 0;
   overflow: auto;
-  font-size: 0.75rem;
-  background: #354052;
+  font-size: 85.7142857%;
+  background: #232e3c;
   border-radius: 3px;
   color: #ffffff; }
   pre.highlight::-webkit-scrollbar,
@@ -30,8 +30,8 @@ pre.highlight,
     background: transparent; }
   pre.highlight:hover::-webkit-scrollbar-thumb,
   .highlight pre:hover::-webkit-scrollbar-thumb {
-    background: #cbcfd6;
-    background: #5d6675; }
+    background: #c4c8cf;
+    background: #4f5863; }
 
 .highlight .c, .highlight .c1 {
   color: #a0aec0; }
@@ -54,7 +54,7 @@ pre.highlight,
 .example {
   padding: 2rem;
   margin: 2rem 0;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid #e8e9ea;
   border-radius: 3px 3px 0 0;
   position: relative;
   min-height: 12rem;
@@ -73,7 +73,7 @@ pre.highlight,
   max-width: 100%; }
 
 .example-bg {
-  background: #f5f7fb; }
+  background: #f1f4f8; }
 
 .example-code {
   margin: 2rem 0;
@@ -96,7 +96,7 @@ pre.highlight,
   max-width: 40rem; }
 
 .example-modal-backdrop {
-  background: #354052;
+  background: #232e3c;
   opacity: 0.24;
   position: absolute;
   width: 100%;
@@ -107,12 +107,12 @@ pre.highlight,
 
 @media not print {
   .theme-dark .example-code {
-    border: 1px solid rgba(95, 102, 110, 0.2);
+    border: 1px solid #e8e9ea;
     border-top: none; } }
 
 @media not print and (prefers-color-scheme: dark) {
   .theme-dark-auto .example-code {
-    border: 1px solid rgba(95, 102, 110, 0.2);
+    border: 1px solid #e8e9ea;
     border-top: none; } }
 
 .card-sponsor {
@@ -130,9 +130,6 @@ body.no-transitions * {
   list-style: none;
   padding-left: 1rem; }
 
-.toc-entry a {
-  color: #5f666e; }
-
 .dropdown-menu-demo {
   display: inline-block;
   width: 100%;
diff --git a/dist/css/demo.min.css b/dist/css/demo.min.css
index 73b108fc0..097f755fb 100644
--- a/dist/css/demo.min.css
+++ b/dist/css/demo.min.css
@@ -1,9 +1,9 @@
 /*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
+* Tabler v1.0.0-alpha.9 (https://tabler.io)
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 */
-.highlight pre,pre.highlight{max-height:30rem;margin:1.5rem 0;overflow:auto;font-size:.75rem;background:#354052;border-radius:3px;color:#fff}.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.highlight pre::-webkit-scrollbar-thumb,pre.highlight::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.highlight pre::-webkit-scrollbar-corner,pre.highlight::-webkit-scrollbar-corner{background:0 0}.highlight pre:hover::-webkit-scrollbar-thumb,pre.highlight:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#5d6675}.highlight .c,.highlight .c1{color:#a0aec0}.highlight .na,.highlight .nl,.highlight .nx,.language-css .highlight .na,.language-scss .highlight .na{color:#ffe484}.highlight .dl,.highlight .mh,.highlight .s,.highlight .s1,.highlight .s2{color:#b5f4a5}.highlight .language-js .nb,.highlight .mi,.highlight .nc,.highlight .nd,.highlight .nt{color:#93ddfd}.highlight .language-html .nt,.highlight .nb{color:#ff8383}.highlight .k,.highlight .kd,.highlight .n,.highlight .nv{color:#d9a9ff}.example{padding:2rem;margin:2rem 0;border:1px solid rgba(95,102,110,.2);border-radius:3px 3px 0 0;position:relative;min-height:12rem;display:flex;align-items:center;overflow-x:auto}.example-centered{justify-content:center}.example-centered .example-content{flex:0 auto}.example-content{font-size:.875rem;flex:1;max-width:100%}.example-bg{background:#f5f7fb}.example-code{margin:2rem 0;border-top:none}.example-code pre{margin:0;border-radius:0 0 3px 3px}.example+.example-code{margin-top:-2rem}.example-column{margin:0 auto}.example-column>.card:last-of-type{margin-bottom:0}.example-column-1{max-width:20rem}.example-column-2{max-width:40rem}.example-modal-backdrop{background:#354052;opacity:.24;position:absolute;width:100%;left:0;top:0;height:100%;border-radius:2px 2px 0 0}@media not print{.theme-dark .example-code{border:1px solid rgba(95,102,110,.2);border-top:none}}@media not print and (prefers-color-scheme:dark){.theme-dark-auto .example-code{border:1px solid rgba(95,102,110,.2);border-top:none}}.card-sponsor{background:#dbe7f6 no-repeat center/100% 100%;border-color:#548ed2;min-height:316px}body.no-transitions *{transition:none!important}.toc-entry:before{content:'- '}.toc-entry ul{list-style:none;padding-left:1rem}.toc-entry a{color:#5f666e}.dropdown-menu-demo{display:inline-block;width:100%;position:relative;top:0;margin-bottom:1rem}.demo-icon-preview{position:-webkit-sticky;position:sticky;top:0}.demo-icon-preview svg{width:100%;height:auto;stroke-width:1.5;max-width:15rem;margin:0 auto;display:block}
\ No newline at end of file
+.highlight pre,pre.highlight{max-height:30rem;margin:1.5rem 0;overflow:auto;font-size:85.7142857%;background:#232e3c;border-radius:3px;color:#fff}.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.highlight pre::-webkit-scrollbar-thumb,pre.highlight::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.highlight pre::-webkit-scrollbar-corner,pre.highlight::-webkit-scrollbar-corner{background:0 0}.highlight pre:hover::-webkit-scrollbar-thumb,pre.highlight:hover::-webkit-scrollbar-thumb{background:#c4c8cf;background:#4f5863}.highlight .c,.highlight .c1{color:#a0aec0}.highlight .na,.highlight .nl,.highlight .nx,.language-css .highlight .na,.language-scss .highlight .na{color:#ffe484}.highlight .dl,.highlight .mh,.highlight .s,.highlight .s1,.highlight .s2{color:#b5f4a5}.highlight .language-js .nb,.highlight .mi,.highlight .nc,.highlight .nd,.highlight .nt{color:#93ddfd}.highlight .language-html .nt,.highlight .nb{color:#ff8383}.highlight .k,.highlight .kd,.highlight .n,.highlight .nv{color:#d9a9ff}.example{padding:2rem;margin:2rem 0;border:1px solid #e8e9ea;border-radius:3px 3px 0 0;position:relative;min-height:12rem;display:flex;align-items:center;overflow-x:auto}.example-centered{justify-content:center}.example-centered .example-content{flex:0 auto}.example-content{font-size:.875rem;flex:1;max-width:100%}.example-bg{background:#f1f4f8}.example-code{margin:2rem 0;border-top:none}.example-code pre{margin:0;border-radius:0 0 3px 3px}.example+.example-code{margin-top:-2rem}.example-column{margin:0 auto}.example-column>.card:last-of-type{margin-bottom:0}.example-column-1{max-width:20rem}.example-column-2{max-width:40rem}.example-modal-backdrop{background:#232e3c;opacity:.24;position:absolute;width:100%;left:0;top:0;height:100%;border-radius:2px 2px 0 0}@media not print{.theme-dark .example-code{border:1px solid #e8e9ea;border-top:none}}@media not print and (prefers-color-scheme:dark){.theme-dark-auto .example-code{border:1px solid #e8e9ea;border-top:none}}.card-sponsor{background:#dbe7f6 no-repeat center/100% 100%;border-color:#548ed2;min-height:316px}body.no-transitions *{transition:none!important}.toc-entry:before{content:'- '}.toc-entry ul{list-style:none;padding-left:1rem}.dropdown-menu-demo{display:inline-block;width:100%;position:relative;top:0;margin-bottom:1rem}.demo-icon-preview{position:-webkit-sticky;position:sticky;top:0}.demo-icon-preview svg{width:100%;height:auto;stroke-width:1.5;max-width:15rem;margin:0 auto;display:block}
\ No newline at end of file
diff --git a/dist/css/libs.css b/dist/css/libs.css
deleted file mode 100644
index ab1175941..000000000
--- a/dist/css/libs.css
+++ /dev/null
@@ -1,8 +0,0 @@
-/*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
-* @link https://tabler.io
-* Copyright 2018-2020 The Tabler Authors
-* Copyright 2018-2020 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-*/
diff --git a/dist/css/libs.min.css b/dist/css/libs.min.css
deleted file mode 100644
index ab1175941..000000000
--- a/dist/css/libs.min.css
+++ /dev/null
@@ -1,8 +0,0 @@
-/*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
-* @link https://tabler.io
-* Copyright 2018-2020 The Tabler Authors
-* Copyright 2018-2020 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-*/
diff --git a/dist/css/tabler-buttons.css b/dist/css/tabler-buttons.css
deleted file mode 100644
index 2508c8419..000000000
--- a/dist/css/tabler-buttons.css
+++ /dev/null
@@ -1,1652 +0,0 @@
-/*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
-* @link https://tabler.io
-* Copyright 2018-2020 The Tabler Authors
-* Copyright 2018-2020 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-*/
-.btn-ghost-primary {
-  color: #206bc4;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-primary:hover {
-    color: #fff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-  .btn-check:focus + .btn-ghost-primary, .btn-ghost-primary:focus {
-    color: #fff;
-    background-color: #206bc4;
-    border-color: #206bc4;
-    box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.5); }
-  .btn-check:checked + .btn-ghost-primary,
-  .btn-check:active + .btn-ghost-primary, .btn-ghost-primary:active, .btn-ghost-primary.active,
-  .show > .btn-ghost-primary.dropdown-toggle {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-    .btn-check:checked + .btn-ghost-primary:focus,
-    .btn-check:active + .btn-ghost-primary:focus, .btn-ghost-primary:active:focus, .btn-ghost-primary.active:focus,
-    .show > .btn-ghost-primary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.5); }
-  .btn-ghost-primary:disabled, .btn-ghost-primary.disabled {
-    color: #ffffff;
-    background-color: transparent;
-    border-color: transparent; }
-
-.btn-ghost-secondary {
-  color: #5f666e;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-secondary:hover {
-    color: #fff;
-    background-color: #5f666e;
-    border-color: #5f666e; }
-  .btn-check:focus + .btn-ghost-secondary, .btn-ghost-secondary:focus {
-    color: #fff;
-    background-color: #5f666e;
-    border-color: #5f666e;
-    box-shadow: 0 0 0 0.25rem rgba(95, 102, 110, 0.5); }
-  .btn-check:checked + .btn-ghost-secondary,
-  .btn-check:active + .btn-ghost-secondary, .btn-ghost-secondary:active, .btn-ghost-secondary.active,
-  .show > .btn-ghost-secondary.dropdown-toggle {
-    color: #ffffff;
-    background-color: #5f666e;
-    border-color: #5f666e; }
-    .btn-check:checked + .btn-ghost-secondary:focus,
-    .btn-check:active + .btn-ghost-secondary:focus, .btn-ghost-secondary:active:focus, .btn-ghost-secondary.active:focus,
-    .show > .btn-ghost-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(95, 102, 110, 0.5); }
-  .btn-ghost-secondary:disabled, .btn-ghost-secondary.disabled {
-    color: #ffffff;
-    background-color: transparent;
-    border-color: transparent; }
-
-.btn-ghost-success {
-  color: #5eba00;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-success:hover {
-    color: #fff;
-    background-color: #5eba00;
-    border-color: #5eba00; }
-  .btn-check:focus + .btn-ghost-success, .btn-ghost-success:focus {
-    color: #fff;
-    background-color: #5eba00;
-    border-color: #5eba00;
-    box-shadow: 0 0 0 0.25rem rgba(94, 186, 0, 0.5); }
-  .btn-check:checked + .btn-ghost-success,
-  .btn-check:active + .btn-ghost-success, .btn-ghost-success:active, .btn-ghost-success.active,
-  .show > .btn-ghost-success.dropdown-toggle {
-    color: #ffffff;
-    background-color: #5eba00;
-    border-color: #5eba00; }
-    .btn-check:checked + .btn-ghost-success:focus,
-    .btn-check:active + .btn-ghost-success:focus, .btn-ghost-success:active:focus, .btn-ghost-success.active:focus,
-    .show > .btn-ghost-success.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(94, 186, 0, 0.5); }
-  .btn-ghost-success:disabled, .btn-ghost-success.disabled {
-    color: #ffffff;
-    background-color: transparent;
-    border-color: transparent; }
-
-.btn-ghost-info {
-  color: #45aaf2;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-info:hover {
-    color: #fff;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-  .btn-check:focus + .btn-ghost-info, .btn-ghost-info:focus {
-    color: #fff;
-    background-color: #45aaf2;
-    border-color: #45aaf2;
-    box-shadow: 0 0 0 0.25rem rgba(69, 170, 242, 0.5); }
-  .btn-check:checked + .btn-ghost-info,
-  .btn-check:active + .btn-ghost-info, .btn-ghost-info:active, .btn-ghost-info.active,
-  .show > .btn-ghost-info.dropdown-toggle {
-    color: #ffffff;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-    .btn-check:checked + .btn-ghost-info:focus,
-    .btn-check:active + .btn-ghost-info:focus, .btn-ghost-info:active:focus, .btn-ghost-info.active:focus,
-    .show > .btn-ghost-info.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(69, 170, 242, 0.5); }
-  .btn-ghost-info:disabled, .btn-ghost-info.disabled {
-    color: #ffffff;
-    background-color: transparent;
-    border-color: transparent; }
-
-.btn-ghost-warning {
-  color: #fab005;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-warning:hover {
-    color: #fff;
-    background-color: #fab005;
-    border-color: #fab005; }
-  .btn-check:focus + .btn-ghost-warning, .btn-ghost-warning:focus {
-    color: #fff;
-    background-color: #fab005;
-    border-color: #fab005;
-    box-shadow: 0 0 0 0.25rem rgba(250, 176, 5, 0.5); }
-  .btn-check:checked + .btn-ghost-warning,
-  .btn-check:active + .btn-ghost-warning, .btn-ghost-warning:active, .btn-ghost-warning.active,
-  .show > .btn-ghost-warning.dropdown-toggle {
-    color: #ffffff;
-    background-color: #fab005;
-    border-color: #fab005; }
-    .btn-check:checked + .btn-ghost-warning:focus,
-    .btn-check:active + .btn-ghost-warning:focus, .btn-ghost-warning:active:focus, .btn-ghost-warning.active:focus,
-    .show > .btn-ghost-warning.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(250, 176, 5, 0.5); }
-  .btn-ghost-warning:disabled, .btn-ghost-warning.disabled {
-    color: #ffffff;
-    background-color: transparent;
-    border-color: transparent; }
-
-.btn-ghost-danger {
-  color: #cd201f;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-danger:hover {
-    color: #fff;
-    background-color: #cd201f;
-    border-color: #cd201f; }
-  .btn-check:focus + .btn-ghost-danger, .btn-ghost-danger:focus {
-    color: #fff;
-    background-color: #cd201f;
-    border-color: #cd201f;
-    box-shadow: 0 0 0 0.25rem rgba(205, 32, 31, 0.5); }
-  .btn-check:checked + .btn-ghost-danger,
-  .btn-check:active + .btn-ghost-danger, .btn-ghost-danger:active, .btn-ghost-danger.active,
-  .show > .btn-ghost-danger.dropdown-toggle {
-    color: #ffffff;
-    background-color: #cd201f;
-    border-color: #cd201f; }
-    .btn-check:checked + .btn-ghost-danger:focus,
-    .btn-check:active + .btn-ghost-danger:focus, .btn-ghost-danger:active:focus, .btn-ghost-danger.active:focus,
-    .show > .btn-ghost-danger.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(205, 32, 31, 0.5); }
-  .btn-ghost-danger:disabled, .btn-ghost-danger.disabled {
-    color: #ffffff;
-    background-color: transparent;
-    border-color: transparent; }
-
-.btn-ghost-light {
-  color: #f5f7fb;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-light:hover {
-    color: #fff;
-    background-color: #f5f7fb;
-    border-color: #f5f7fb; }
-  .btn-check:focus + .btn-ghost-light, .btn-ghost-light:focus {
-    color: #fff;
-    background-color: #f5f7fb;
-    border-color: #f5f7fb;
-    box-shadow: 0 0 0 0.25rem rgba(245, 247, 251, 0.5); }
-  .btn-check:checked + .btn-ghost-light,
-  .btn-check:active + .btn-ghost-light, .btn-ghost-light:active, .btn-ghost-light.active,
-  .show > .btn-ghost-light.dropdown-toggle {
-    color: #000000;
-    background-color: #f5f7fb;
-    border-color: #f5f7fb; }
-    .btn-check:checked + .btn-ghost-light:focus,
-    .btn-check:active + .btn-ghost-light:focus, .btn-ghost-light:active:focus, .btn-ghost-light.active:focus,
-    .show > .btn-ghost-light.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(245, 247, 251, 0.5); }
-  .btn-ghost-light:disabled, .btn-ghost-light.disabled {
-    color: #ffffff;
-    background-color: transparent;
-    border-color: transparent; }
-
-.btn-ghost-dark {
-  color: #354052;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-dark:hover {
-    color: #fff;
-    background-color: #354052;
-    border-color: #354052; }
-  .btn-check:focus + .btn-ghost-dark, .btn-ghost-dark:focus {
-    color: #fff;
-    background-color: #354052;
-    border-color: #354052;
-    box-shadow: 0 0 0 0.25rem rgba(53, 64, 82, 0.5); }
-  .btn-check:checked + .btn-ghost-dark,
-  .btn-check:active + .btn-ghost-dark, .btn-ghost-dark:active, .btn-ghost-dark.active,
-  .show > .btn-ghost-dark.dropdown-toggle {
-    color: #ffffff;
-    background-color: #354052;
-    border-color: #354052; }
-    .btn-check:checked + .btn-ghost-dark:focus,
-    .btn-check:active + .btn-ghost-dark:focus, .btn-ghost-dark:active:focus, .btn-ghost-dark.active:focus,
-    .show > .btn-ghost-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(53, 64, 82, 0.5); }
-  .btn-ghost-dark:disabled, .btn-ghost-dark.disabled {
-    color: #ffffff;
-    background-color: transparent;
-    border-color: transparent; }
-
-.btn-facebook {
-  color: #ffffff;
-  background-color: #3b5998;
-  border-color: #3b5998; }
-  .btn-facebook:hover {
-    color: #ffffff;
-    background-color: #30497c;
-    border-color: #2d4373; }
-  .btn-check:focus + .btn-facebook, .btn-facebook:focus {
-    color: #ffffff;
-    background-color: #30497c;
-    border-color: #2d4373;
-    box-shadow: 0 0 0 0.25rem rgba(88, 114, 167, 0.5); }
-  .btn-check:checked + .btn-facebook,
-  .btn-check:active + .btn-facebook, .btn-facebook:active, .btn-facebook.active,
-  .show > .btn-facebook.dropdown-toggle {
-    color: #ffffff;
-    background-color: #2d4373;
-    border-color: #293e6a; }
-    .btn-check:checked + .btn-facebook:focus,
-    .btn-check:active + .btn-facebook:focus, .btn-facebook:active:focus, .btn-facebook.active:focus,
-    .show > .btn-facebook.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(88, 114, 167, 0.5); }
-  .btn-facebook:disabled, .btn-facebook.disabled {
-    color: #ffffff;
-    background-color: #3b5998;
-    border-color: #3b5998; }
-
-.btn-outline-facebook {
-  color: #3b5998;
-  border-color: #3b5998; }
-  .btn-outline-facebook:hover {
-    color: #3b5998;
-    background-color: #3b5998;
-    border-color: #3b5998; }
-  .btn-check:focus + .btn-outline-facebook, .btn-outline-facebook:focus {
-    box-shadow: 0 0 0 0.25rem rgba(59, 89, 152, 0.5); }
-  .btn-check:checked + .btn-outline-facebook,
-  .btn-check:active + .btn-outline-facebook, .btn-outline-facebook:active, .btn-outline-facebook.active, .btn-outline-facebook.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #3b5998;
-    border-color: #3b5998; }
-    .btn-check:checked + .btn-outline-facebook:focus,
-    .btn-check:active + .btn-outline-facebook:focus, .btn-outline-facebook:active:focus, .btn-outline-facebook.active:focus, .btn-outline-facebook.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(59, 89, 152, 0.5); }
-  .btn-outline-facebook:disabled, .btn-outline-facebook.disabled {
-    color: #3b5998;
-    background-color: transparent; }
-
-.btn-twitter {
-  color: #ffffff;
-  background-color: #1da1f2;
-  border-color: #1da1f2; }
-  .btn-twitter:hover {
-    color: #ffffff;
-    background-color: #0d8ddc;
-    border-color: #0c85d0; }
-  .btn-check:focus + .btn-twitter, .btn-twitter:focus {
-    color: #ffffff;
-    background-color: #0d8ddc;
-    border-color: #0c85d0;
-    box-shadow: 0 0 0 0.25rem rgba(63, 175, 244, 0.5); }
-  .btn-check:checked + .btn-twitter,
-  .btn-check:active + .btn-twitter, .btn-twitter:active, .btn-twitter.active,
-  .show > .btn-twitter.dropdown-toggle {
-    color: #ffffff;
-    background-color: #0c85d0;
-    border-color: #0b7ec4; }
-    .btn-check:checked + .btn-twitter:focus,
-    .btn-check:active + .btn-twitter:focus, .btn-twitter:active:focus, .btn-twitter.active:focus,
-    .show > .btn-twitter.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(63, 175, 244, 0.5); }
-  .btn-twitter:disabled, .btn-twitter.disabled {
-    color: #ffffff;
-    background-color: #1da1f2;
-    border-color: #1da1f2; }
-
-.btn-outline-twitter {
-  color: #1da1f2;
-  border-color: #1da1f2; }
-  .btn-outline-twitter:hover {
-    color: #1da1f2;
-    background-color: #1da1f2;
-    border-color: #1da1f2; }
-  .btn-check:focus + .btn-outline-twitter, .btn-outline-twitter:focus {
-    box-shadow: 0 0 0 0.25rem rgba(29, 161, 242, 0.5); }
-  .btn-check:checked + .btn-outline-twitter,
-  .btn-check:active + .btn-outline-twitter, .btn-outline-twitter:active, .btn-outline-twitter.active, .btn-outline-twitter.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #1da1f2;
-    border-color: #1da1f2; }
-    .btn-check:checked + .btn-outline-twitter:focus,
-    .btn-check:active + .btn-outline-twitter:focus, .btn-outline-twitter:active:focus, .btn-outline-twitter.active:focus, .btn-outline-twitter.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(29, 161, 242, 0.5); }
-  .btn-outline-twitter:disabled, .btn-outline-twitter.disabled {
-    color: #1da1f2;
-    background-color: transparent; }
-
-.btn-google {
-  color: #ffffff;
-  background-color: #dc4e41;
-  border-color: #dc4e41; }
-  .btn-google:hover {
-    color: #ffffff;
-    background-color: #d03526;
-    border-color: #c63224; }
-  .btn-check:focus + .btn-google, .btn-google:focus {
-    color: #ffffff;
-    background-color: #d03526;
-    border-color: #c63224;
-    box-shadow: 0 0 0 0.25rem rgba(225, 105, 94, 0.5); }
-  .btn-check:checked + .btn-google,
-  .btn-check:active + .btn-google, .btn-google:active, .btn-google.active,
-  .show > .btn-google.dropdown-toggle {
-    color: #ffffff;
-    background-color: #c63224;
-    border-color: #bb2f22; }
-    .btn-check:checked + .btn-google:focus,
-    .btn-check:active + .btn-google:focus, .btn-google:active:focus, .btn-google.active:focus,
-    .show > .btn-google.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(225, 105, 94, 0.5); }
-  .btn-google:disabled, .btn-google.disabled {
-    color: #ffffff;
-    background-color: #dc4e41;
-    border-color: #dc4e41; }
-
-.btn-outline-google {
-  color: #dc4e41;
-  border-color: #dc4e41; }
-  .btn-outline-google:hover {
-    color: #dc4e41;
-    background-color: #dc4e41;
-    border-color: #dc4e41; }
-  .btn-check:focus + .btn-outline-google, .btn-outline-google:focus {
-    box-shadow: 0 0 0 0.25rem rgba(220, 78, 65, 0.5); }
-  .btn-check:checked + .btn-outline-google,
-  .btn-check:active + .btn-outline-google, .btn-outline-google:active, .btn-outline-google.active, .btn-outline-google.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #dc4e41;
-    border-color: #dc4e41; }
-    .btn-check:checked + .btn-outline-google:focus,
-    .btn-check:active + .btn-outline-google:focus, .btn-outline-google:active:focus, .btn-outline-google.active:focus, .btn-outline-google.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(220, 78, 65, 0.5); }
-  .btn-outline-google:disabled, .btn-outline-google.disabled {
-    color: #dc4e41;
-    background-color: transparent; }
-
-.btn-youtube {
-  color: #ffffff;
-  background-color: #ff0000;
-  border-color: #ff0000; }
-  .btn-youtube:hover {
-    color: #ffffff;
-    background-color: #d90000;
-    border-color: #cc0000; }
-  .btn-check:focus + .btn-youtube, .btn-youtube:focus {
-    color: #ffffff;
-    background-color: #d90000;
-    border-color: #cc0000;
-    box-shadow: 0 0 0 0.25rem rgba(255, 38, 38, 0.5); }
-  .btn-check:checked + .btn-youtube,
-  .btn-check:active + .btn-youtube, .btn-youtube:active, .btn-youtube.active,
-  .show > .btn-youtube.dropdown-toggle {
-    color: #ffffff;
-    background-color: #cc0000;
-    border-color: #bf0000; }
-    .btn-check:checked + .btn-youtube:focus,
-    .btn-check:active + .btn-youtube:focus, .btn-youtube:active:focus, .btn-youtube.active:focus,
-    .show > .btn-youtube.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(255, 38, 38, 0.5); }
-  .btn-youtube:disabled, .btn-youtube.disabled {
-    color: #ffffff;
-    background-color: #ff0000;
-    border-color: #ff0000; }
-
-.btn-outline-youtube {
-  color: #ff0000;
-  border-color: #ff0000; }
-  .btn-outline-youtube:hover {
-    color: #ff0000;
-    background-color: #ff0000;
-    border-color: #ff0000; }
-  .btn-check:focus + .btn-outline-youtube, .btn-outline-youtube:focus {
-    box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0.5); }
-  .btn-check:checked + .btn-outline-youtube,
-  .btn-check:active + .btn-outline-youtube, .btn-outline-youtube:active, .btn-outline-youtube.active, .btn-outline-youtube.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #ff0000;
-    border-color: #ff0000; }
-    .btn-check:checked + .btn-outline-youtube:focus,
-    .btn-check:active + .btn-outline-youtube:focus, .btn-outline-youtube:active:focus, .btn-outline-youtube.active:focus, .btn-outline-youtube.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0.5); }
-  .btn-outline-youtube:disabled, .btn-outline-youtube.disabled {
-    color: #ff0000;
-    background-color: transparent; }
-
-.btn-vimeo {
-  color: #ffffff;
-  background-color: #1ab7ea;
-  border-color: #1ab7ea; }
-  .btn-vimeo:hover {
-    color: #ffffff;
-    background-color: #139ecb;
-    border-color: #1295bf; }
-  .btn-check:focus + .btn-vimeo, .btn-vimeo:focus {
-    color: #ffffff;
-    background-color: #139ecb;
-    border-color: #1295bf;
-    box-shadow: 0 0 0 0.25rem rgba(60, 194, 237, 0.5); }
-  .btn-check:checked + .btn-vimeo,
-  .btn-check:active + .btn-vimeo, .btn-vimeo:active, .btn-vimeo.active,
-  .show > .btn-vimeo.dropdown-toggle {
-    color: #ffffff;
-    background-color: #1295bf;
-    border-color: #108cb4; }
-    .btn-check:checked + .btn-vimeo:focus,
-    .btn-check:active + .btn-vimeo:focus, .btn-vimeo:active:focus, .btn-vimeo.active:focus,
-    .show > .btn-vimeo.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(60, 194, 237, 0.5); }
-  .btn-vimeo:disabled, .btn-vimeo.disabled {
-    color: #ffffff;
-    background-color: #1ab7ea;
-    border-color: #1ab7ea; }
-
-.btn-outline-vimeo {
-  color: #1ab7ea;
-  border-color: #1ab7ea; }
-  .btn-outline-vimeo:hover {
-    color: #1ab7ea;
-    background-color: #1ab7ea;
-    border-color: #1ab7ea; }
-  .btn-check:focus + .btn-outline-vimeo, .btn-outline-vimeo:focus {
-    box-shadow: 0 0 0 0.25rem rgba(26, 183, 234, 0.5); }
-  .btn-check:checked + .btn-outline-vimeo,
-  .btn-check:active + .btn-outline-vimeo, .btn-outline-vimeo:active, .btn-outline-vimeo.active, .btn-outline-vimeo.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #1ab7ea;
-    border-color: #1ab7ea; }
-    .btn-check:checked + .btn-outline-vimeo:focus,
-    .btn-check:active + .btn-outline-vimeo:focus, .btn-outline-vimeo:active:focus, .btn-outline-vimeo.active:focus, .btn-outline-vimeo.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(26, 183, 234, 0.5); }
-  .btn-outline-vimeo:disabled, .btn-outline-vimeo.disabled {
-    color: #1ab7ea;
-    background-color: transparent; }
-
-.btn-dribbble {
-  color: #ffffff;
-  background-color: #ea4c89;
-  border-color: #ea4c89; }
-  .btn-dribbble:hover {
-    color: #ffffff;
-    background-color: #e62a72;
-    border-color: #e51e6b; }
-  .btn-check:focus + .btn-dribbble, .btn-dribbble:focus {
-    color: #ffffff;
-    background-color: #e62a72;
-    border-color: #e51e6b;
-    box-shadow: 0 0 0 0.25rem rgba(237, 103, 155, 0.5); }
-  .btn-check:checked + .btn-dribbble,
-  .btn-check:active + .btn-dribbble, .btn-dribbble:active, .btn-dribbble.active,
-  .show > .btn-dribbble.dropdown-toggle {
-    color: #ffffff;
-    background-color: #e51e6b;
-    border-color: #dc1a65; }
-    .btn-check:checked + .btn-dribbble:focus,
-    .btn-check:active + .btn-dribbble:focus, .btn-dribbble:active:focus, .btn-dribbble.active:focus,
-    .show > .btn-dribbble.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(237, 103, 155, 0.5); }
-  .btn-dribbble:disabled, .btn-dribbble.disabled {
-    color: #ffffff;
-    background-color: #ea4c89;
-    border-color: #ea4c89; }
-
-.btn-outline-dribbble {
-  color: #ea4c89;
-  border-color: #ea4c89; }
-  .btn-outline-dribbble:hover {
-    color: #ea4c89;
-    background-color: #ea4c89;
-    border-color: #ea4c89; }
-  .btn-check:focus + .btn-outline-dribbble, .btn-outline-dribbble:focus {
-    box-shadow: 0 0 0 0.25rem rgba(234, 76, 137, 0.5); }
-  .btn-check:checked + .btn-outline-dribbble,
-  .btn-check:active + .btn-outline-dribbble, .btn-outline-dribbble:active, .btn-outline-dribbble.active, .btn-outline-dribbble.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #ea4c89;
-    border-color: #ea4c89; }
-    .btn-check:checked + .btn-outline-dribbble:focus,
-    .btn-check:active + .btn-outline-dribbble:focus, .btn-outline-dribbble:active:focus, .btn-outline-dribbble.active:focus, .btn-outline-dribbble.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(234, 76, 137, 0.5); }
-  .btn-outline-dribbble:disabled, .btn-outline-dribbble.disabled {
-    color: #ea4c89;
-    background-color: transparent; }
-
-.btn-github {
-  color: #ffffff;
-  background-color: #181717;
-  border-color: #181717; }
-  .btn-github:hover {
-    color: #ffffff;
-    background-color: #040404;
-    border-color: black; }
-  .btn-check:focus + .btn-github, .btn-github:focus {
-    color: #ffffff;
-    background-color: #040404;
-    border-color: black;
-    box-shadow: 0 0 0 0.25rem rgba(59, 58, 58, 0.5); }
-  .btn-check:checked + .btn-github,
-  .btn-check:active + .btn-github, .btn-github:active, .btn-github.active,
-  .show > .btn-github.dropdown-toggle {
-    color: #ffffff;
-    background-color: black;
-    border-color: black; }
-    .btn-check:checked + .btn-github:focus,
-    .btn-check:active + .btn-github:focus, .btn-github:active:focus, .btn-github.active:focus,
-    .show > .btn-github.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(59, 58, 58, 0.5); }
-  .btn-github:disabled, .btn-github.disabled {
-    color: #ffffff;
-    background-color: #181717;
-    border-color: #181717; }
-
-.btn-outline-github {
-  color: #181717;
-  border-color: #181717; }
-  .btn-outline-github:hover {
-    color: #181717;
-    background-color: #181717;
-    border-color: #181717; }
-  .btn-check:focus + .btn-outline-github, .btn-outline-github:focus {
-    box-shadow: 0 0 0 0.25rem rgba(24, 23, 23, 0.5); }
-  .btn-check:checked + .btn-outline-github,
-  .btn-check:active + .btn-outline-github, .btn-outline-github:active, .btn-outline-github.active, .btn-outline-github.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #181717;
-    border-color: #181717; }
-    .btn-check:checked + .btn-outline-github:focus,
-    .btn-check:active + .btn-outline-github:focus, .btn-outline-github:active:focus, .btn-outline-github.active:focus, .btn-outline-github.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(24, 23, 23, 0.5); }
-  .btn-outline-github:disabled, .btn-outline-github.disabled {
-    color: #181717;
-    background-color: transparent; }
-
-.btn-instagram {
-  color: #ffffff;
-  background-color: #e4405f;
-  border-color: #e4405f; }
-  .btn-instagram:hover {
-    color: #ffffff;
-    background-color: #de1f44;
-    border-color: #d31e40; }
-  .btn-check:focus + .btn-instagram, .btn-instagram:focus {
-    color: #ffffff;
-    background-color: #de1f44;
-    border-color: #d31e40;
-    box-shadow: 0 0 0 0.25rem rgba(232, 93, 119, 0.5); }
-  .btn-check:checked + .btn-instagram,
-  .btn-check:active + .btn-instagram, .btn-instagram:active, .btn-instagram.active,
-  .show > .btn-instagram.dropdown-toggle {
-    color: #ffffff;
-    background-color: #d31e40;
-    border-color: #c81c3d; }
-    .btn-check:checked + .btn-instagram:focus,
-    .btn-check:active + .btn-instagram:focus, .btn-instagram:active:focus, .btn-instagram.active:focus,
-    .show > .btn-instagram.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(232, 93, 119, 0.5); }
-  .btn-instagram:disabled, .btn-instagram.disabled {
-    color: #ffffff;
-    background-color: #e4405f;
-    border-color: #e4405f; }
-
-.btn-outline-instagram {
-  color: #e4405f;
-  border-color: #e4405f; }
-  .btn-outline-instagram:hover {
-    color: #e4405f;
-    background-color: #e4405f;
-    border-color: #e4405f; }
-  .btn-check:focus + .btn-outline-instagram, .btn-outline-instagram:focus {
-    box-shadow: 0 0 0 0.25rem rgba(228, 64, 95, 0.5); }
-  .btn-check:checked + .btn-outline-instagram,
-  .btn-check:active + .btn-outline-instagram, .btn-outline-instagram:active, .btn-outline-instagram.active, .btn-outline-instagram.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #e4405f;
-    border-color: #e4405f; }
-    .btn-check:checked + .btn-outline-instagram:focus,
-    .btn-check:active + .btn-outline-instagram:focus, .btn-outline-instagram:active:focus, .btn-outline-instagram.active:focus, .btn-outline-instagram.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(228, 64, 95, 0.5); }
-  .btn-outline-instagram:disabled, .btn-outline-instagram.disabled {
-    color: #e4405f;
-    background-color: transparent; }
-
-.btn-pinterest {
-  color: #ffffff;
-  background-color: #bd081c;
-  border-color: #bd081c; }
-  .btn-pinterest:hover {
-    color: #ffffff;
-    background-color: #980617;
-    border-color: #8c0615; }
-  .btn-check:focus + .btn-pinterest, .btn-pinterest:focus {
-    color: #ffffff;
-    background-color: #980617;
-    border-color: #8c0615;
-    box-shadow: 0 0 0 0.25rem rgba(199, 45, 62, 0.5); }
-  .btn-check:checked + .btn-pinterest,
-  .btn-check:active + .btn-pinterest, .btn-pinterest:active, .btn-pinterest.active,
-  .show > .btn-pinterest.dropdown-toggle {
-    color: #ffffff;
-    background-color: #8c0615;
-    border-color: #800513; }
-    .btn-check:checked + .btn-pinterest:focus,
-    .btn-check:active + .btn-pinterest:focus, .btn-pinterest:active:focus, .btn-pinterest.active:focus,
-    .show > .btn-pinterest.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(199, 45, 62, 0.5); }
-  .btn-pinterest:disabled, .btn-pinterest.disabled {
-    color: #ffffff;
-    background-color: #bd081c;
-    border-color: #bd081c; }
-
-.btn-outline-pinterest {
-  color: #bd081c;
-  border-color: #bd081c; }
-  .btn-outline-pinterest:hover {
-    color: #bd081c;
-    background-color: #bd081c;
-    border-color: #bd081c; }
-  .btn-check:focus + .btn-outline-pinterest, .btn-outline-pinterest:focus {
-    box-shadow: 0 0 0 0.25rem rgba(189, 8, 28, 0.5); }
-  .btn-check:checked + .btn-outline-pinterest,
-  .btn-check:active + .btn-outline-pinterest, .btn-outline-pinterest:active, .btn-outline-pinterest.active, .btn-outline-pinterest.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #bd081c;
-    border-color: #bd081c; }
-    .btn-check:checked + .btn-outline-pinterest:focus,
-    .btn-check:active + .btn-outline-pinterest:focus, .btn-outline-pinterest:active:focus, .btn-outline-pinterest.active:focus, .btn-outline-pinterest.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(189, 8, 28, 0.5); }
-  .btn-outline-pinterest:disabled, .btn-outline-pinterest.disabled {
-    color: #bd081c;
-    background-color: transparent; }
-
-.btn-vk {
-  color: #ffffff;
-  background-color: #6383a8;
-  border-color: #6383a8; }
-  .btn-vk:hover {
-    color: #ffffff;
-    background-color: #527093;
-    border-color: #4d6a8b; }
-  .btn-check:focus + .btn-vk, .btn-vk:focus {
-    color: #ffffff;
-    background-color: #527093;
-    border-color: #4d6a8b;
-    box-shadow: 0 0 0 0.25rem rgba(122, 150, 181, 0.5); }
-  .btn-check:checked + .btn-vk,
-  .btn-check:active + .btn-vk, .btn-vk:active, .btn-vk.active,
-  .show > .btn-vk.dropdown-toggle {
-    color: #ffffff;
-    background-color: #4d6a8b;
-    border-color: #496482; }
-    .btn-check:checked + .btn-vk:focus,
-    .btn-check:active + .btn-vk:focus, .btn-vk:active:focus, .btn-vk.active:focus,
-    .show > .btn-vk.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(122, 150, 181, 0.5); }
-  .btn-vk:disabled, .btn-vk.disabled {
-    color: #ffffff;
-    background-color: #6383a8;
-    border-color: #6383a8; }
-
-.btn-outline-vk {
-  color: #6383a8;
-  border-color: #6383a8; }
-  .btn-outline-vk:hover {
-    color: #6383a8;
-    background-color: #6383a8;
-    border-color: #6383a8; }
-  .btn-check:focus + .btn-outline-vk, .btn-outline-vk:focus {
-    box-shadow: 0 0 0 0.25rem rgba(99, 131, 168, 0.5); }
-  .btn-check:checked + .btn-outline-vk,
-  .btn-check:active + .btn-outline-vk, .btn-outline-vk:active, .btn-outline-vk.active, .btn-outline-vk.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #6383a8;
-    border-color: #6383a8; }
-    .btn-check:checked + .btn-outline-vk:focus,
-    .btn-check:active + .btn-outline-vk:focus, .btn-outline-vk:active:focus, .btn-outline-vk.active:focus, .btn-outline-vk.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(99, 131, 168, 0.5); }
-  .btn-outline-vk:disabled, .btn-outline-vk.disabled {
-    color: #6383a8;
-    background-color: transparent; }
-
-.btn-rss {
-  color: #ffffff;
-  background-color: #ffa500;
-  border-color: #ffa500; }
-  .btn-rss:hover {
-    color: #ffffff;
-    background-color: #d98c00;
-    border-color: #cc8400; }
-  .btn-check:focus + .btn-rss, .btn-rss:focus {
-    color: #ffffff;
-    background-color: #d98c00;
-    border-color: #cc8400;
-    box-shadow: 0 0 0 0.25rem rgba(255, 179, 38, 0.5); }
-  .btn-check:checked + .btn-rss,
-  .btn-check:active + .btn-rss, .btn-rss:active, .btn-rss.active,
-  .show > .btn-rss.dropdown-toggle {
-    color: #ffffff;
-    background-color: #cc8400;
-    border-color: #bf7c00; }
-    .btn-check:checked + .btn-rss:focus,
-    .btn-check:active + .btn-rss:focus, .btn-rss:active:focus, .btn-rss.active:focus,
-    .show > .btn-rss.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(255, 179, 38, 0.5); }
-  .btn-rss:disabled, .btn-rss.disabled {
-    color: #ffffff;
-    background-color: #ffa500;
-    border-color: #ffa500; }
-
-.btn-outline-rss {
-  color: #ffa500;
-  border-color: #ffa500; }
-  .btn-outline-rss:hover {
-    color: #ffa500;
-    background-color: #ffa500;
-    border-color: #ffa500; }
-  .btn-check:focus + .btn-outline-rss, .btn-outline-rss:focus {
-    box-shadow: 0 0 0 0.25rem rgba(255, 165, 0, 0.5); }
-  .btn-check:checked + .btn-outline-rss,
-  .btn-check:active + .btn-outline-rss, .btn-outline-rss:active, .btn-outline-rss.active, .btn-outline-rss.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #ffa500;
-    border-color: #ffa500; }
-    .btn-check:checked + .btn-outline-rss:focus,
-    .btn-check:active + .btn-outline-rss:focus, .btn-outline-rss:active:focus, .btn-outline-rss.active:focus, .btn-outline-rss.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(255, 165, 0, 0.5); }
-  .btn-outline-rss:disabled, .btn-outline-rss.disabled {
-    color: #ffa500;
-    background-color: transparent; }
-
-.btn-flickr {
-  color: #ffffff;
-  background-color: #0063dc;
-  border-color: #0063dc; }
-  .btn-flickr:hover {
-    color: #ffffff;
-    background-color: #0052b6;
-    border-color: #004ca9; }
-  .btn-check:focus + .btn-flickr, .btn-flickr:focus {
-    color: #ffffff;
-    background-color: #0052b6;
-    border-color: #004ca9;
-    box-shadow: 0 0 0 0.25rem rgba(38, 122, 225, 0.5); }
-  .btn-check:checked + .btn-flickr,
-  .btn-check:active + .btn-flickr, .btn-flickr:active, .btn-flickr.active,
-  .show > .btn-flickr.dropdown-toggle {
-    color: #ffffff;
-    background-color: #004ca9;
-    border-color: #00469c; }
-    .btn-check:checked + .btn-flickr:focus,
-    .btn-check:active + .btn-flickr:focus, .btn-flickr:active:focus, .btn-flickr.active:focus,
-    .show > .btn-flickr.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(38, 122, 225, 0.5); }
-  .btn-flickr:disabled, .btn-flickr.disabled {
-    color: #ffffff;
-    background-color: #0063dc;
-    border-color: #0063dc; }
-
-.btn-outline-flickr {
-  color: #0063dc;
-  border-color: #0063dc; }
-  .btn-outline-flickr:hover {
-    color: #0063dc;
-    background-color: #0063dc;
-    border-color: #0063dc; }
-  .btn-check:focus + .btn-outline-flickr, .btn-outline-flickr:focus {
-    box-shadow: 0 0 0 0.25rem rgba(0, 99, 220, 0.5); }
-  .btn-check:checked + .btn-outline-flickr,
-  .btn-check:active + .btn-outline-flickr, .btn-outline-flickr:active, .btn-outline-flickr.active, .btn-outline-flickr.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #0063dc;
-    border-color: #0063dc; }
-    .btn-check:checked + .btn-outline-flickr:focus,
-    .btn-check:active + .btn-outline-flickr:focus, .btn-outline-flickr:active:focus, .btn-outline-flickr.active:focus, .btn-outline-flickr.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(0, 99, 220, 0.5); }
-  .btn-outline-flickr:disabled, .btn-outline-flickr.disabled {
-    color: #0063dc;
-    background-color: transparent; }
-
-.btn-bitbucket {
-  color: #ffffff;
-  background-color: #0052cc;
-  border-color: #0052cc; }
-  .btn-bitbucket:hover {
-    color: #ffffff;
-    background-color: #0043a6;
-    border-color: #003e99; }
-  .btn-check:focus + .btn-bitbucket, .btn-bitbucket:focus {
-    color: #ffffff;
-    background-color: #0043a6;
-    border-color: #003e99;
-    box-shadow: 0 0 0 0.25rem rgba(38, 108, 212, 0.5); }
-  .btn-check:checked + .btn-bitbucket,
-  .btn-check:active + .btn-bitbucket, .btn-bitbucket:active, .btn-bitbucket.active,
-  .show > .btn-bitbucket.dropdown-toggle {
-    color: #ffffff;
-    background-color: #003e99;
-    border-color: #00388c; }
-    .btn-check:checked + .btn-bitbucket:focus,
-    .btn-check:active + .btn-bitbucket:focus, .btn-bitbucket:active:focus, .btn-bitbucket.active:focus,
-    .show > .btn-bitbucket.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(38, 108, 212, 0.5); }
-  .btn-bitbucket:disabled, .btn-bitbucket.disabled {
-    color: #ffffff;
-    background-color: #0052cc;
-    border-color: #0052cc; }
-
-.btn-outline-bitbucket {
-  color: #0052cc;
-  border-color: #0052cc; }
-  .btn-outline-bitbucket:hover {
-    color: #0052cc;
-    background-color: #0052cc;
-    border-color: #0052cc; }
-  .btn-check:focus + .btn-outline-bitbucket, .btn-outline-bitbucket:focus {
-    box-shadow: 0 0 0 0.25rem rgba(0, 82, 204, 0.5); }
-  .btn-check:checked + .btn-outline-bitbucket,
-  .btn-check:active + .btn-outline-bitbucket, .btn-outline-bitbucket:active, .btn-outline-bitbucket.active, .btn-outline-bitbucket.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #0052cc;
-    border-color: #0052cc; }
-    .btn-check:checked + .btn-outline-bitbucket:focus,
-    .btn-check:active + .btn-outline-bitbucket:focus, .btn-outline-bitbucket:active:focus, .btn-outline-bitbucket.active:focus, .btn-outline-bitbucket.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(0, 82, 204, 0.5); }
-  .btn-outline-bitbucket:disabled, .btn-outline-bitbucket.disabled {
-    color: #0052cc;
-    background-color: transparent; }
-
-.btn-tabler {
-  color: #ffffff;
-  background-color: #206bc4;
-  border-color: #206bc4; }
-  .btn-tabler:hover {
-    color: #ffffff;
-    background-color: #1b59a3;
-    border-color: #195398; }
-  .btn-check:focus + .btn-tabler, .btn-tabler:focus {
-    color: #ffffff;
-    background-color: #1b59a3;
-    border-color: #195398;
-    box-shadow: 0 0 0 0.25rem rgba(65, 129, 205, 0.5); }
-  .btn-check:checked + .btn-tabler,
-  .btn-check:active + .btn-tabler, .btn-tabler:active, .btn-tabler.active,
-  .show > .btn-tabler.dropdown-toggle {
-    color: #ffffff;
-    background-color: #195398;
-    border-color: #174d8d; }
-    .btn-check:checked + .btn-tabler:focus,
-    .btn-check:active + .btn-tabler:focus, .btn-tabler:active:focus, .btn-tabler.active:focus,
-    .show > .btn-tabler.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(65, 129, 205, 0.5); }
-  .btn-tabler:disabled, .btn-tabler.disabled {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-
-.btn-outline-tabler {
-  color: #206bc4;
-  border-color: #206bc4; }
-  .btn-outline-tabler:hover {
-    color: #206bc4;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-  .btn-check:focus + .btn-outline-tabler, .btn-outline-tabler:focus {
-    box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.5); }
-  .btn-check:checked + .btn-outline-tabler,
-  .btn-check:active + .btn-outline-tabler, .btn-outline-tabler:active, .btn-outline-tabler.active, .btn-outline-tabler.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-    .btn-check:checked + .btn-outline-tabler:focus,
-    .btn-check:active + .btn-outline-tabler:focus, .btn-outline-tabler:active:focus, .btn-outline-tabler.active:focus, .btn-outline-tabler.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.5); }
-  .btn-outline-tabler:disabled, .btn-outline-tabler.disabled {
-    color: #206bc4;
-    background-color: transparent; }
-
-.btn-blue {
-  color: #ffffff;
-  background-color: #206bc4;
-  border-color: #206bc4; }
-  .btn-blue:hover {
-    color: #ffffff;
-    background-color: #1b59a3;
-    border-color: #195398; }
-  .btn-check:focus + .btn-blue, .btn-blue:focus {
-    color: #ffffff;
-    background-color: #1b59a3;
-    border-color: #195398;
-    box-shadow: 0 0 0 0.25rem rgba(65, 129, 205, 0.5); }
-  .btn-check:checked + .btn-blue,
-  .btn-check:active + .btn-blue, .btn-blue:active, .btn-blue.active,
-  .show > .btn-blue.dropdown-toggle {
-    color: #ffffff;
-    background-color: #195398;
-    border-color: #174d8d; }
-    .btn-check:checked + .btn-blue:focus,
-    .btn-check:active + .btn-blue:focus, .btn-blue:active:focus, .btn-blue.active:focus,
-    .show > .btn-blue.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(65, 129, 205, 0.5); }
-  .btn-blue:disabled, .btn-blue.disabled {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-
-.btn-outline-blue {
-  color: #206bc4;
-  border-color: #206bc4; }
-  .btn-outline-blue:hover {
-    color: #206bc4;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-  .btn-check:focus + .btn-outline-blue, .btn-outline-blue:focus {
-    box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.5); }
-  .btn-check:checked + .btn-outline-blue,
-  .btn-check:active + .btn-outline-blue, .btn-outline-blue:active, .btn-outline-blue.active, .btn-outline-blue.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-    .btn-check:checked + .btn-outline-blue:focus,
-    .btn-check:active + .btn-outline-blue:focus, .btn-outline-blue:active:focus, .btn-outline-blue.active:focus, .btn-outline-blue.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.5); }
-  .btn-outline-blue:disabled, .btn-outline-blue.disabled {
-    color: #206bc4;
-    background-color: transparent; }
-
-.btn-azure {
-  color: #ffffff;
-  background-color: #45aaf2;
-  border-color: #45aaf2; }
-  .btn-azure:hover {
-    color: #ffffff;
-    background-color: #219af0;
-    border-color: #1594ef; }
-  .btn-check:focus + .btn-azure, .btn-azure:focus {
-    color: #ffffff;
-    background-color: #219af0;
-    border-color: #1594ef;
-    box-shadow: 0 0 0 0.25rem rgba(97, 183, 244, 0.5); }
-  .btn-check:checked + .btn-azure,
-  .btn-check:active + .btn-azure, .btn-azure:active, .btn-azure.active,
-  .show > .btn-azure.dropdown-toggle {
-    color: #ffffff;
-    background-color: #1594ef;
-    border-color: #108ee7; }
-    .btn-check:checked + .btn-azure:focus,
-    .btn-check:active + .btn-azure:focus, .btn-azure:active:focus, .btn-azure.active:focus,
-    .show > .btn-azure.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(97, 183, 244, 0.5); }
-  .btn-azure:disabled, .btn-azure.disabled {
-    color: #ffffff;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-
-.btn-outline-azure {
-  color: #45aaf2;
-  border-color: #45aaf2; }
-  .btn-outline-azure:hover {
-    color: #45aaf2;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-  .btn-check:focus + .btn-outline-azure, .btn-outline-azure:focus {
-    box-shadow: 0 0 0 0.25rem rgba(69, 170, 242, 0.5); }
-  .btn-check:checked + .btn-outline-azure,
-  .btn-check:active + .btn-outline-azure, .btn-outline-azure:active, .btn-outline-azure.active, .btn-outline-azure.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-    .btn-check:checked + .btn-outline-azure:focus,
-    .btn-check:active + .btn-outline-azure:focus, .btn-outline-azure:active:focus, .btn-outline-azure.active:focus, .btn-outline-azure.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(69, 170, 242, 0.5); }
-  .btn-outline-azure:disabled, .btn-outline-azure.disabled {
-    color: #45aaf2;
-    background-color: transparent; }
-
-.btn-indigo {
-  color: #ffffff;
-  background-color: #6574cd;
-  border-color: #6574cd; }
-  .btn-indigo:hover {
-    color: #ffffff;
-    background-color: #485ac4;
-    border-color: #3f51c1; }
-  .btn-check:focus + .btn-indigo, .btn-indigo:focus {
-    color: #ffffff;
-    background-color: #485ac4;
-    border-color: #3f51c1;
-    box-shadow: 0 0 0 0.25rem rgba(124, 137, 213, 0.5); }
-  .btn-check:checked + .btn-indigo,
-  .btn-check:active + .btn-indigo, .btn-indigo:active, .btn-indigo.active,
-  .show > .btn-indigo.dropdown-toggle {
-    color: #ffffff;
-    background-color: #3f51c1;
-    border-color: #3b4db7; }
-    .btn-check:checked + .btn-indigo:focus,
-    .btn-check:active + .btn-indigo:focus, .btn-indigo:active:focus, .btn-indigo.active:focus,
-    .show > .btn-indigo.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(124, 137, 213, 0.5); }
-  .btn-indigo:disabled, .btn-indigo.disabled {
-    color: #ffffff;
-    background-color: #6574cd;
-    border-color: #6574cd; }
-
-.btn-outline-indigo {
-  color: #6574cd;
-  border-color: #6574cd; }
-  .btn-outline-indigo:hover {
-    color: #6574cd;
-    background-color: #6574cd;
-    border-color: #6574cd; }
-  .btn-check:focus + .btn-outline-indigo, .btn-outline-indigo:focus {
-    box-shadow: 0 0 0 0.25rem rgba(101, 116, 205, 0.5); }
-  .btn-check:checked + .btn-outline-indigo,
-  .btn-check:active + .btn-outline-indigo, .btn-outline-indigo:active, .btn-outline-indigo.active, .btn-outline-indigo.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #6574cd;
-    border-color: #6574cd; }
-    .btn-check:checked + .btn-outline-indigo:focus,
-    .btn-check:active + .btn-outline-indigo:focus, .btn-outline-indigo:active:focus, .btn-outline-indigo.active:focus, .btn-outline-indigo.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(101, 116, 205, 0.5); }
-  .btn-outline-indigo:disabled, .btn-outline-indigo.disabled {
-    color: #6574cd;
-    background-color: transparent; }
-
-.btn-purple {
-  color: #ffffff;
-  background-color: #a55eea;
-  border-color: #a55eea; }
-  .btn-purple:hover {
-    color: #ffffff;
-    background-color: #923ce6;
-    border-color: #8c31e4; }
-  .btn-check:focus + .btn-purple, .btn-purple:focus {
-    color: #ffffff;
-    background-color: #923ce6;
-    border-color: #8c31e4;
-    box-shadow: 0 0 0 0.25rem rgba(179, 118, 237, 0.5); }
-  .btn-check:checked + .btn-purple,
-  .btn-check:active + .btn-purple, .btn-purple:active, .btn-purple.active,
-  .show > .btn-purple.dropdown-toggle {
-    color: #ffffff;
-    background-color: #8c31e4;
-    border-color: #8526e3; }
-    .btn-check:checked + .btn-purple:focus,
-    .btn-check:active + .btn-purple:focus, .btn-purple:active:focus, .btn-purple.active:focus,
-    .show > .btn-purple.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(179, 118, 237, 0.5); }
-  .btn-purple:disabled, .btn-purple.disabled {
-    color: #ffffff;
-    background-color: #a55eea;
-    border-color: #a55eea; }
-
-.btn-outline-purple {
-  color: #a55eea;
-  border-color: #a55eea; }
-  .btn-outline-purple:hover {
-    color: #a55eea;
-    background-color: #a55eea;
-    border-color: #a55eea; }
-  .btn-check:focus + .btn-outline-purple, .btn-outline-purple:focus {
-    box-shadow: 0 0 0 0.25rem rgba(165, 94, 234, 0.5); }
-  .btn-check:checked + .btn-outline-purple,
-  .btn-check:active + .btn-outline-purple, .btn-outline-purple:active, .btn-outline-purple.active, .btn-outline-purple.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #a55eea;
-    border-color: #a55eea; }
-    .btn-check:checked + .btn-outline-purple:focus,
-    .btn-check:active + .btn-outline-purple:focus, .btn-outline-purple:active:focus, .btn-outline-purple.active:focus, .btn-outline-purple.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(165, 94, 234, 0.5); }
-  .btn-outline-purple:disabled, .btn-outline-purple.disabled {
-    color: #a55eea;
-    background-color: transparent; }
-
-.btn-pink {
-  color: #ffffff;
-  background-color: #f66d9b;
-  border-color: #f66d9b; }
-  .btn-pink:hover {
-    color: #ffffff;
-    background-color: #f44982;
-    border-color: #f33d7a; }
-  .btn-check:focus + .btn-pink, .btn-pink:focus {
-    color: #ffffff;
-    background-color: #f44982;
-    border-color: #f33d7a;
-    box-shadow: 0 0 0 0.25rem rgba(247, 131, 170, 0.5); }
-  .btn-check:checked + .btn-pink,
-  .btn-check:active + .btn-pink, .btn-pink:active, .btn-pink.active,
-  .show > .btn-pink.dropdown-toggle {
-    color: #ffffff;
-    background-color: #f33d7a;
-    border-color: #f23172; }
-    .btn-check:checked + .btn-pink:focus,
-    .btn-check:active + .btn-pink:focus, .btn-pink:active:focus, .btn-pink.active:focus,
-    .show > .btn-pink.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(247, 131, 170, 0.5); }
-  .btn-pink:disabled, .btn-pink.disabled {
-    color: #ffffff;
-    background-color: #f66d9b;
-    border-color: #f66d9b; }
-
-.btn-outline-pink {
-  color: #f66d9b;
-  border-color: #f66d9b; }
-  .btn-outline-pink:hover {
-    color: #f66d9b;
-    background-color: #f66d9b;
-    border-color: #f66d9b; }
-  .btn-check:focus + .btn-outline-pink, .btn-outline-pink:focus {
-    box-shadow: 0 0 0 0.25rem rgba(246, 109, 155, 0.5); }
-  .btn-check:checked + .btn-outline-pink,
-  .btn-check:active + .btn-outline-pink, .btn-outline-pink:active, .btn-outline-pink.active, .btn-outline-pink.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #f66d9b;
-    border-color: #f66d9b; }
-    .btn-check:checked + .btn-outline-pink:focus,
-    .btn-check:active + .btn-outline-pink:focus, .btn-outline-pink:active:focus, .btn-outline-pink.active:focus, .btn-outline-pink.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(246, 109, 155, 0.5); }
-  .btn-outline-pink:disabled, .btn-outline-pink.disabled {
-    color: #f66d9b;
-    background-color: transparent; }
-
-.btn-red {
-  color: #ffffff;
-  background-color: #cd201f;
-  border-color: #cd201f; }
-  .btn-red:hover {
-    color: #ffffff;
-    background-color: #ac1b1a;
-    border-color: #a11918; }
-  .btn-check:focus + .btn-red, .btn-red:focus {
-    color: #ffffff;
-    background-color: #ac1b1a;
-    border-color: #a11918;
-    box-shadow: 0 0 0 0.25rem rgba(213, 65, 65, 0.5); }
-  .btn-check:checked + .btn-red,
-  .btn-check:active + .btn-red, .btn-red:active, .btn-red.active,
-  .show > .btn-red.dropdown-toggle {
-    color: #ffffff;
-    background-color: #a11918;
-    border-color: #961717; }
-    .btn-check:checked + .btn-red:focus,
-    .btn-check:active + .btn-red:focus, .btn-red:active:focus, .btn-red.active:focus,
-    .show > .btn-red.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(213, 65, 65, 0.5); }
-  .btn-red:disabled, .btn-red.disabled {
-    color: #ffffff;
-    background-color: #cd201f;
-    border-color: #cd201f; }
-
-.btn-outline-red {
-  color: #cd201f;
-  border-color: #cd201f; }
-  .btn-outline-red:hover {
-    color: #cd201f;
-    background-color: #cd201f;
-    border-color: #cd201f; }
-  .btn-check:focus + .btn-outline-red, .btn-outline-red:focus {
-    box-shadow: 0 0 0 0.25rem rgba(205, 32, 31, 0.5); }
-  .btn-check:checked + .btn-outline-red,
-  .btn-check:active + .btn-outline-red, .btn-outline-red:active, .btn-outline-red.active, .btn-outline-red.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #cd201f;
-    border-color: #cd201f; }
-    .btn-check:checked + .btn-outline-red:focus,
-    .btn-check:active + .btn-outline-red:focus, .btn-outline-red:active:focus, .btn-outline-red.active:focus, .btn-outline-red.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(205, 32, 31, 0.5); }
-  .btn-outline-red:disabled, .btn-outline-red.disabled {
-    color: #cd201f;
-    background-color: transparent; }
-
-.btn-orange {
-  color: #ffffff;
-  background-color: #ff922b;
-  border-color: #ff922b; }
-  .btn-orange:hover {
-    color: #ffffff;
-    background-color: #ff7e05;
-    border-color: #f77800; }
-  .btn-check:focus + .btn-orange, .btn-orange:focus {
-    color: #ffffff;
-    background-color: #ff7e05;
-    border-color: #f77800;
-    box-shadow: 0 0 0 0.25rem rgba(255, 162, 75, 0.5); }
-  .btn-check:checked + .btn-orange,
-  .btn-check:active + .btn-orange, .btn-orange:active, .btn-orange.active,
-  .show > .btn-orange.dropdown-toggle {
-    color: #ffffff;
-    background-color: #f77800;
-    border-color: #ea7200; }
-    .btn-check:checked + .btn-orange:focus,
-    .btn-check:active + .btn-orange:focus, .btn-orange:active:focus, .btn-orange.active:focus,
-    .show > .btn-orange.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(255, 162, 75, 0.5); }
-  .btn-orange:disabled, .btn-orange.disabled {
-    color: #ffffff;
-    background-color: #ff922b;
-    border-color: #ff922b; }
-
-.btn-outline-orange {
-  color: #ff922b;
-  border-color: #ff922b; }
-  .btn-outline-orange:hover {
-    color: #ff922b;
-    background-color: #ff922b;
-    border-color: #ff922b; }
-  .btn-check:focus + .btn-outline-orange, .btn-outline-orange:focus {
-    box-shadow: 0 0 0 0.25rem rgba(255, 146, 43, 0.5); }
-  .btn-check:checked + .btn-outline-orange,
-  .btn-check:active + .btn-outline-orange, .btn-outline-orange:active, .btn-outline-orange.active, .btn-outline-orange.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #ff922b;
-    border-color: #ff922b; }
-    .btn-check:checked + .btn-outline-orange:focus,
-    .btn-check:active + .btn-outline-orange:focus, .btn-outline-orange:active:focus, .btn-outline-orange.active:focus, .btn-outline-orange.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(255, 146, 43, 0.5); }
-  .btn-outline-orange:disabled, .btn-outline-orange.disabled {
-    color: #ff922b;
-    background-color: transparent; }
-
-.btn-yellow {
-  color: #ffffff;
-  background-color: #fab005;
-  border-color: #fab005; }
-  .btn-yellow:hover {
-    color: #ffffff;
-    background-color: #d59604;
-    border-color: #c88d04; }
-  .btn-check:focus + .btn-yellow, .btn-yellow:focus {
-    color: #ffffff;
-    background-color: #d59604;
-    border-color: #c88d04;
-    box-shadow: 0 0 0 0.25rem rgba(251, 188, 43, 0.5); }
-  .btn-check:checked + .btn-yellow,
-  .btn-check:active + .btn-yellow, .btn-yellow:active, .btn-yellow.active,
-  .show > .btn-yellow.dropdown-toggle {
-    color: #ffffff;
-    background-color: #c88d04;
-    border-color: #bc8404; }
-    .btn-check:checked + .btn-yellow:focus,
-    .btn-check:active + .btn-yellow:focus, .btn-yellow:active:focus, .btn-yellow.active:focus,
-    .show > .btn-yellow.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(251, 188, 43, 0.5); }
-  .btn-yellow:disabled, .btn-yellow.disabled {
-    color: #ffffff;
-    background-color: #fab005;
-    border-color: #fab005; }
-
-.btn-outline-yellow {
-  color: #fab005;
-  border-color: #fab005; }
-  .btn-outline-yellow:hover {
-    color: #fab005;
-    background-color: #fab005;
-    border-color: #fab005; }
-  .btn-check:focus + .btn-outline-yellow, .btn-outline-yellow:focus {
-    box-shadow: 0 0 0 0.25rem rgba(250, 176, 5, 0.5); }
-  .btn-check:checked + .btn-outline-yellow,
-  .btn-check:active + .btn-outline-yellow, .btn-outline-yellow:active, .btn-outline-yellow.active, .btn-outline-yellow.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #fab005;
-    border-color: #fab005; }
-    .btn-check:checked + .btn-outline-yellow:focus,
-    .btn-check:active + .btn-outline-yellow:focus, .btn-outline-yellow:active:focus, .btn-outline-yellow.active:focus, .btn-outline-yellow.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(250, 176, 5, 0.5); }
-  .btn-outline-yellow:disabled, .btn-outline-yellow.disabled {
-    color: #fab005;
-    background-color: transparent; }
-
-.btn-lime {
-  color: #ffffff;
-  background-color: #94d82d;
-  border-color: #94d82d; }
-  .btn-lime:hover {
-    color: #ffffff;
-    background-color: #7fbc23;
-    border-color: #78b121; }
-  .btn-check:focus + .btn-lime, .btn-lime:focus {
-    color: #ffffff;
-    background-color: #7fbc23;
-    border-color: #78b121;
-    box-shadow: 0 0 0 0.25rem rgba(164, 222, 77, 0.5); }
-  .btn-check:checked + .btn-lime,
-  .btn-check:active + .btn-lime, .btn-lime:active, .btn-lime.active,
-  .show > .btn-lime.dropdown-toggle {
-    color: #ffffff;
-    background-color: #78b121;
-    border-color: #70a61f; }
-    .btn-check:checked + .btn-lime:focus,
-    .btn-check:active + .btn-lime:focus, .btn-lime:active:focus, .btn-lime.active:focus,
-    .show > .btn-lime.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(164, 222, 77, 0.5); }
-  .btn-lime:disabled, .btn-lime.disabled {
-    color: #ffffff;
-    background-color: #94d82d;
-    border-color: #94d82d; }
-
-.btn-outline-lime {
-  color: #94d82d;
-  border-color: #94d82d; }
-  .btn-outline-lime:hover {
-    color: #94d82d;
-    background-color: #94d82d;
-    border-color: #94d82d; }
-  .btn-check:focus + .btn-outline-lime, .btn-outline-lime:focus {
-    box-shadow: 0 0 0 0.25rem rgba(148, 216, 45, 0.5); }
-  .btn-check:checked + .btn-outline-lime,
-  .btn-check:active + .btn-outline-lime, .btn-outline-lime:active, .btn-outline-lime.active, .btn-outline-lime.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #94d82d;
-    border-color: #94d82d; }
-    .btn-check:checked + .btn-outline-lime:focus,
-    .btn-check:active + .btn-outline-lime:focus, .btn-outline-lime:active:focus, .btn-outline-lime.active:focus, .btn-outline-lime.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(148, 216, 45, 0.5); }
-  .btn-outline-lime:disabled, .btn-outline-lime.disabled {
-    color: #94d82d;
-    background-color: transparent; }
-
-.btn-green {
-  color: #ffffff;
-  background-color: #5eba00;
-  border-color: #5eba00; }
-  .btn-green:hover {
-    color: #ffffff;
-    background-color: #4b9400;
-    border-color: #448700; }
-  .btn-check:focus + .btn-green, .btn-green:focus {
-    color: #ffffff;
-    background-color: #4b9400;
-    border-color: #448700;
-    box-shadow: 0 0 0 0.25rem rgba(118, 196, 38, 0.5); }
-  .btn-check:checked + .btn-green,
-  .btn-check:active + .btn-green, .btn-green:active, .btn-green.active,
-  .show > .btn-green.dropdown-toggle {
-    color: #ffffff;
-    background-color: #448700;
-    border-color: #3e7a00; }
-    .btn-check:checked + .btn-green:focus,
-    .btn-check:active + .btn-green:focus, .btn-green:active:focus, .btn-green.active:focus,
-    .show > .btn-green.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(118, 196, 38, 0.5); }
-  .btn-green:disabled, .btn-green.disabled {
-    color: #ffffff;
-    background-color: #5eba00;
-    border-color: #5eba00; }
-
-.btn-outline-green {
-  color: #5eba00;
-  border-color: #5eba00; }
-  .btn-outline-green:hover {
-    color: #5eba00;
-    background-color: #5eba00;
-    border-color: #5eba00; }
-  .btn-check:focus + .btn-outline-green, .btn-outline-green:focus {
-    box-shadow: 0 0 0 0.25rem rgba(94, 186, 0, 0.5); }
-  .btn-check:checked + .btn-outline-green,
-  .btn-check:active + .btn-outline-green, .btn-outline-green:active, .btn-outline-green.active, .btn-outline-green.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #5eba00;
-    border-color: #5eba00; }
-    .btn-check:checked + .btn-outline-green:focus,
-    .btn-check:active + .btn-outline-green:focus, .btn-outline-green:active:focus, .btn-outline-green.active:focus, .btn-outline-green.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(94, 186, 0, 0.5); }
-  .btn-outline-green:disabled, .btn-outline-green.disabled {
-    color: #5eba00;
-    background-color: transparent; }
-
-.btn-teal {
-  color: #ffffff;
-  background-color: #2bcbba;
-  border-color: #2bcbba; }
-  .btn-teal:hover {
-    color: #ffffff;
-    background-color: #24ab9d;
-    border-color: #22a193; }
-  .btn-check:focus + .btn-teal, .btn-teal:focus {
-    color: #ffffff;
-    background-color: #24ab9d;
-    border-color: #22a193;
-    box-shadow: 0 0 0 0.25rem rgba(75, 211, 196, 0.5); }
-  .btn-check:checked + .btn-teal,
-  .btn-check:active + .btn-teal, .btn-teal:active, .btn-teal.active,
-  .show > .btn-teal.dropdown-toggle {
-    color: #ffffff;
-    background-color: #22a193;
-    border-color: #20968a; }
-    .btn-check:checked + .btn-teal:focus,
-    .btn-check:active + .btn-teal:focus, .btn-teal:active:focus, .btn-teal.active:focus,
-    .show > .btn-teal.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(75, 211, 196, 0.5); }
-  .btn-teal:disabled, .btn-teal.disabled {
-    color: #ffffff;
-    background-color: #2bcbba;
-    border-color: #2bcbba; }
-
-.btn-outline-teal {
-  color: #2bcbba;
-  border-color: #2bcbba; }
-  .btn-outline-teal:hover {
-    color: #2bcbba;
-    background-color: #2bcbba;
-    border-color: #2bcbba; }
-  .btn-check:focus + .btn-outline-teal, .btn-outline-teal:focus {
-    box-shadow: 0 0 0 0.25rem rgba(43, 203, 186, 0.5); }
-  .btn-check:checked + .btn-outline-teal,
-  .btn-check:active + .btn-outline-teal, .btn-outline-teal:active, .btn-outline-teal.active, .btn-outline-teal.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #2bcbba;
-    border-color: #2bcbba; }
-    .btn-check:checked + .btn-outline-teal:focus,
-    .btn-check:active + .btn-outline-teal:focus, .btn-outline-teal:active:focus, .btn-outline-teal.active:focus, .btn-outline-teal.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(43, 203, 186, 0.5); }
-  .btn-outline-teal:disabled, .btn-outline-teal.disabled {
-    color: #2bcbba;
-    background-color: transparent; }
-
-.btn-cyan {
-  color: #ffffff;
-  background-color: #17a2b8;
-  border-color: #17a2b8; }
-  .btn-cyan:hover {
-    color: #ffffff;
-    background-color: #138496;
-    border-color: #117a8b; }
-  .btn-check:focus + .btn-cyan, .btn-cyan:focus {
-    color: #ffffff;
-    background-color: #138496;
-    border-color: #117a8b;
-    box-shadow: 0 0 0 0.25rem rgba(58, 176, 195, 0.5); }
-  .btn-check:checked + .btn-cyan,
-  .btn-check:active + .btn-cyan, .btn-cyan:active, .btn-cyan.active,
-  .show > .btn-cyan.dropdown-toggle {
-    color: #ffffff;
-    background-color: #117a8b;
-    border-color: #10707f; }
-    .btn-check:checked + .btn-cyan:focus,
-    .btn-check:active + .btn-cyan:focus, .btn-cyan:active:focus, .btn-cyan.active:focus,
-    .show > .btn-cyan.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(58, 176, 195, 0.5); }
-  .btn-cyan:disabled, .btn-cyan.disabled {
-    color: #ffffff;
-    background-color: #17a2b8;
-    border-color: #17a2b8; }
-
-.btn-outline-cyan {
-  color: #17a2b8;
-  border-color: #17a2b8; }
-  .btn-outline-cyan:hover {
-    color: #17a2b8;
-    background-color: #17a2b8;
-    border-color: #17a2b8; }
-  .btn-check:focus + .btn-outline-cyan, .btn-outline-cyan:focus {
-    box-shadow: 0 0 0 0.25rem rgba(23, 162, 184, 0.5); }
-  .btn-check:checked + .btn-outline-cyan,
-  .btn-check:active + .btn-outline-cyan, .btn-outline-cyan:active, .btn-outline-cyan.active, .btn-outline-cyan.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #17a2b8;
-    border-color: #17a2b8; }
-    .btn-check:checked + .btn-outline-cyan:focus,
-    .btn-check:active + .btn-outline-cyan:focus, .btn-outline-cyan:active:focus, .btn-outline-cyan.active:focus, .btn-outline-cyan.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(23, 162, 184, 0.5); }
-  .btn-outline-cyan:disabled, .btn-outline-cyan.disabled {
-    color: #17a2b8;
-    background-color: transparent; }
-
-.btn-gray {
-  color: #ffffff;
-  background-color: #a8aeb7;
-  border-color: #a8aeb7; }
-  .btn-gray:hover {
-    color: #ffffff;
-    background-color: #939ba6;
-    border-color: #8c94a0; }
-  .btn-check:focus + .btn-gray, .btn-gray:focus {
-    color: #ffffff;
-    background-color: #939ba6;
-    border-color: #8c94a0;
-    box-shadow: 0 0 0 0.25rem rgba(181, 186, 194, 0.5); }
-  .btn-check:checked + .btn-gray,
-  .btn-check:active + .btn-gray, .btn-gray:active, .btn-gray.active,
-  .show > .btn-gray.dropdown-toggle {
-    color: #ffffff;
-    background-color: #8c94a0;
-    border-color: #858e9a; }
-    .btn-check:checked + .btn-gray:focus,
-    .btn-check:active + .btn-gray:focus, .btn-gray:active:focus, .btn-gray.active:focus,
-    .show > .btn-gray.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(181, 186, 194, 0.5); }
-  .btn-gray:disabled, .btn-gray.disabled {
-    color: #ffffff;
-    background-color: #a8aeb7;
-    border-color: #a8aeb7; }
-
-.btn-outline-gray {
-  color: #a8aeb7;
-  border-color: #a8aeb7; }
-  .btn-outline-gray:hover {
-    color: #a8aeb7;
-    background-color: #a8aeb7;
-    border-color: #a8aeb7; }
-  .btn-check:focus + .btn-outline-gray, .btn-outline-gray:focus {
-    box-shadow: 0 0 0 0.25rem rgba(168, 174, 183, 0.5); }
-  .btn-check:checked + .btn-outline-gray,
-  .btn-check:active + .btn-outline-gray, .btn-outline-gray:active, .btn-outline-gray.active, .btn-outline-gray.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #a8aeb7;
-    border-color: #a8aeb7; }
-    .btn-check:checked + .btn-outline-gray:focus,
-    .btn-check:active + .btn-outline-gray:focus, .btn-outline-gray:active:focus, .btn-outline-gray.active:focus, .btn-outline-gray.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(168, 174, 183, 0.5); }
-  .btn-outline-gray:disabled, .btn-outline-gray.disabled {
-    color: #a8aeb7;
-    background-color: transparent; }
-
-.btn-gray-dark {
-  color: #ffffff;
-  background-color: #545d6d;
-  border-color: #545d6d; }
-  .btn-gray-dark:hover {
-    color: #ffffff;
-    background-color: #434b57;
-    border-color: #3e4450; }
-  .btn-check:focus + .btn-gray-dark, .btn-gray-dark:focus {
-    color: #ffffff;
-    background-color: #434b57;
-    border-color: #3e4450;
-    box-shadow: 0 0 0 0.25rem rgba(110, 117, 131, 0.5); }
-  .btn-check:checked + .btn-gray-dark,
-  .btn-check:active + .btn-gray-dark, .btn-gray-dark:active, .btn-gray-dark.active,
-  .show > .btn-gray-dark.dropdown-toggle {
-    color: #ffffff;
-    background-color: #3e4450;
-    border-color: #383e49; }
-    .btn-check:checked + .btn-gray-dark:focus,
-    .btn-check:active + .btn-gray-dark:focus, .btn-gray-dark:active:focus, .btn-gray-dark.active:focus,
-    .show > .btn-gray-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(110, 117, 131, 0.5); }
-  .btn-gray-dark:disabled, .btn-gray-dark.disabled {
-    color: #ffffff;
-    background-color: #545d6d;
-    border-color: #545d6d; }
-
-.btn-outline-gray-dark {
-  color: #545d6d;
-  border-color: #545d6d; }
-  .btn-outline-gray-dark:hover {
-    color: #545d6d;
-    background-color: #545d6d;
-    border-color: #545d6d; }
-  .btn-check:focus + .btn-outline-gray-dark, .btn-outline-gray-dark:focus {
-    box-shadow: 0 0 0 0.25rem rgba(84, 93, 109, 0.5); }
-  .btn-check:checked + .btn-outline-gray-dark,
-  .btn-check:active + .btn-outline-gray-dark, .btn-outline-gray-dark:active, .btn-outline-gray-dark.active, .btn-outline-gray-dark.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #545d6d;
-    border-color: #545d6d; }
-    .btn-check:checked + .btn-outline-gray-dark:focus,
-    .btn-check:active + .btn-outline-gray-dark:focus, .btn-outline-gray-dark:active:focus, .btn-outline-gray-dark.active:focus, .btn-outline-gray-dark.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(84, 93, 109, 0.5); }
-  .btn-outline-gray-dark:disabled, .btn-outline-gray-dark.disabled {
-    color: #545d6d;
-    background-color: transparent; }
-
-.btn-dark {
-  color: #ffffff;
-  background-color: #354052;
-  border-color: #354052; }
-  .btn-dark:hover {
-    color: #ffffff;
-    background-color: #262e3b;
-    border-color: #212833; }
-  .btn-check:focus + .btn-dark, .btn-dark:focus {
-    color: #ffffff;
-    background-color: #262e3b;
-    border-color: #212833;
-    box-shadow: 0 0 0 0.25rem rgba(83, 93, 108, 0.5); }
-  .btn-check:checked + .btn-dark,
-  .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active,
-  .show > .btn-dark.dropdown-toggle {
-    color: #ffffff;
-    background-color: #212833;
-    border-color: #1c222b; }
-    .btn-check:checked + .btn-dark:focus,
-    .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus,
-    .show > .btn-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(83, 93, 108, 0.5); }
-  .btn-dark:disabled, .btn-dark.disabled {
-    color: #ffffff;
-    background-color: #354052;
-    border-color: #354052; }
-
-.btn-outline-dark {
-  color: #354052;
-  border-color: #354052; }
-  .btn-outline-dark:hover {
-    color: #354052;
-    background-color: #354052;
-    border-color: #354052; }
-  .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
-    box-shadow: 0 0 0 0.25rem rgba(53, 64, 82, 0.5); }
-  .btn-check:checked + .btn-outline-dark,
-  .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #354052;
-    border-color: #354052; }
-    .btn-check:checked + .btn-outline-dark:focus,
-    .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(53, 64, 82, 0.5); }
-  .btn-outline-dark:disabled, .btn-outline-dark.disabled {
-    color: #354052;
-    background-color: transparent; }
diff --git a/dist/css/tabler-buttons.min.css b/dist/css/tabler-buttons.min.css
deleted file mode 100644
index 4534bf821..000000000
--- a/dist/css/tabler-buttons.min.css
+++ /dev/null
@@ -1,9 +0,0 @@
-/*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
-* @link https://tabler.io
-* Copyright 2018-2020 The Tabler Authors
-* Copyright 2018-2020 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-*/
-.btn-ghost-primary{color:#206bc4;background-color:transparent;border-color:transparent}.btn-ghost-primary:hover{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-check:focus+.btn-ghost-primary,.btn-ghost-primary:focus{color:#fff;background-color:#206bc4;border-color:#206bc4;box-shadow:0 0 0 .25rem rgba(32,107,196,.5)}.btn-check:active+.btn-ghost-primary,.btn-check:checked+.btn-ghost-primary,.btn-ghost-primary.active,.btn-ghost-primary:active,.show>.btn-ghost-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-check:active+.btn-ghost-primary:focus,.btn-check:checked+.btn-ghost-primary:focus,.btn-ghost-primary.active:focus,.btn-ghost-primary:active:focus,.show>.btn-ghost-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(32,107,196,.5)}.btn-ghost-primary.disabled,.btn-ghost-primary:disabled{color:#fff;background-color:transparent;border-color:transparent}.btn-ghost-secondary{color:#5f666e;background-color:transparent;border-color:transparent}.btn-ghost-secondary:hover{color:#fff;background-color:#5f666e;border-color:#5f666e}.btn-check:focus+.btn-ghost-secondary,.btn-ghost-secondary:focus{color:#fff;background-color:#5f666e;border-color:#5f666e;box-shadow:0 0 0 .25rem rgba(95,102,110,.5)}.btn-check:active+.btn-ghost-secondary,.btn-check:checked+.btn-ghost-secondary,.btn-ghost-secondary.active,.btn-ghost-secondary:active,.show>.btn-ghost-secondary.dropdown-toggle{color:#fff;background-color:#5f666e;border-color:#5f666e}.btn-check:active+.btn-ghost-secondary:focus,.btn-check:checked+.btn-ghost-secondary:focus,.btn-ghost-secondary.active:focus,.btn-ghost-secondary:active:focus,.show>.btn-ghost-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(95,102,110,.5)}.btn-ghost-secondary.disabled,.btn-ghost-secondary:disabled{color:#fff;background-color:transparent;border-color:transparent}.btn-ghost-success{color:#5eba00;background-color:transparent;border-color:transparent}.btn-ghost-success:hover{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-check:focus+.btn-ghost-success,.btn-ghost-success:focus{color:#fff;background-color:#5eba00;border-color:#5eba00;box-shadow:0 0 0 .25rem rgba(94,186,0,.5)}.btn-check:active+.btn-ghost-success,.btn-check:checked+.btn-ghost-success,.btn-ghost-success.active,.btn-ghost-success:active,.show>.btn-ghost-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-check:active+.btn-ghost-success:focus,.btn-check:checked+.btn-ghost-success:focus,.btn-ghost-success.active:focus,.btn-ghost-success:active:focus,.show>.btn-ghost-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(94,186,0,.5)}.btn-ghost-success.disabled,.btn-ghost-success:disabled{color:#fff;background-color:transparent;border-color:transparent}.btn-ghost-info{color:#45aaf2;background-color:transparent;border-color:transparent}.btn-ghost-info:hover{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-check:focus+.btn-ghost-info,.btn-ghost-info:focus{color:#fff;background-color:#45aaf2;border-color:#45aaf2;box-shadow:0 0 0 .25rem rgba(69,170,242,.5)}.btn-check:active+.btn-ghost-info,.btn-check:checked+.btn-ghost-info,.btn-ghost-info.active,.btn-ghost-info:active,.show>.btn-ghost-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-check:active+.btn-ghost-info:focus,.btn-check:checked+.btn-ghost-info:focus,.btn-ghost-info.active:focus,.btn-ghost-info:active:focus,.show>.btn-ghost-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(69,170,242,.5)}.btn-ghost-info.disabled,.btn-ghost-info:disabled{color:#fff;background-color:transparent;border-color:transparent}.btn-ghost-warning{color:#fab005;background-color:transparent;border-color:transparent}.btn-ghost-warning:hover{color:#fff;background-color:#fab005;border-color:#fab005}.btn-check:focus+.btn-ghost-warning,.btn-ghost-warning:focus{color:#fff;background-color:#fab005;border-color:#fab005;box-shadow:0 0 0 .25rem rgba(250,176,5,.5)}.btn-check:active+.btn-ghost-warning,.btn-check:checked+.btn-ghost-warning,.btn-ghost-warning.active,.btn-ghost-warning:active,.show>.btn-ghost-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-check:active+.btn-ghost-warning:focus,.btn-check:checked+.btn-ghost-warning:focus,.btn-ghost-warning.active:focus,.btn-ghost-warning:active:focus,.show>.btn-ghost-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(250,176,5,.5)}.btn-ghost-warning.disabled,.btn-ghost-warning:disabled{color:#fff;background-color:transparent;border-color:transparent}.btn-ghost-danger{color:#cd201f;background-color:transparent;border-color:transparent}.btn-ghost-danger:hover{color:#fff;background-color:#cd201f;border-color:#cd201f}.btn-check:focus+.btn-ghost-danger,.btn-ghost-danger:focus{color:#fff;background-color:#cd201f;border-color:#cd201f;box-shadow:0 0 0 .25rem rgba(205,32,31,.5)}.btn-check:active+.btn-ghost-danger,.btn-check:checked+.btn-ghost-danger,.btn-ghost-danger.active,.btn-ghost-danger:active,.show>.btn-ghost-danger.dropdown-toggle{color:#fff;background-color:#cd201f;border-color:#cd201f}.btn-check:active+.btn-ghost-danger:focus,.btn-check:checked+.btn-ghost-danger:focus,.btn-ghost-danger.active:focus,.btn-ghost-danger:active:focus,.show>.btn-ghost-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(205,32,31,.5)}.btn-ghost-danger.disabled,.btn-ghost-danger:disabled{color:#fff;background-color:transparent;border-color:transparent}.btn-ghost-light{color:#f5f7fb;background-color:transparent;border-color:transparent}.btn-ghost-light:hover{color:#fff;background-color:#f5f7fb;border-color:#f5f7fb}.btn-check:focus+.btn-ghost-light,.btn-ghost-light:focus{color:#fff;background-color:#f5f7fb;border-color:#f5f7fb;box-shadow:0 0 0 .25rem rgba(245,247,251,.5)}.btn-check:active+.btn-ghost-light,.btn-check:checked+.btn-ghost-light,.btn-ghost-light.active,.btn-ghost-light:active,.show>.btn-ghost-light.dropdown-toggle{color:#000;background-color:#f5f7fb;border-color:#f5f7fb}.btn-check:active+.btn-ghost-light:focus,.btn-check:checked+.btn-ghost-light:focus,.btn-ghost-light.active:focus,.btn-ghost-light:active:focus,.show>.btn-ghost-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(245,247,251,.5)}.btn-ghost-light.disabled,.btn-ghost-light:disabled{color:#fff;background-color:transparent;border-color:transparent}.btn-ghost-dark{color:#354052;background-color:transparent;border-color:transparent}.btn-ghost-dark:hover{color:#fff;background-color:#354052;border-color:#354052}.btn-check:focus+.btn-ghost-dark,.btn-ghost-dark:focus{color:#fff;background-color:#354052;border-color:#354052;box-shadow:0 0 0 .25rem rgba(53,64,82,.5)}.btn-check:active+.btn-ghost-dark,.btn-check:checked+.btn-ghost-dark,.btn-ghost-dark.active,.btn-ghost-dark:active,.show>.btn-ghost-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-check:active+.btn-ghost-dark:focus,.btn-check:checked+.btn-ghost-dark:focus,.btn-ghost-dark.active:focus,.btn-ghost-dark:active:focus,.show>.btn-ghost-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(53,64,82,.5)}.btn-ghost-dark.disabled,.btn-ghost-dark:disabled{color:#fff;background-color:transparent;border-color:transparent}.btn-facebook{color:#fff;background-color:#3b5998;border-color:#3b5998}.btn-facebook:hover{color:#fff;background-color:#30497c;border-color:#2d4373}.btn-check:focus+.btn-facebook,.btn-facebook:focus{color:#fff;background-color:#30497c;border-color:#2d4373;box-shadow:0 0 0 .25rem rgba(88,114,167,.5)}.btn-check:active+.btn-facebook,.btn-check:checked+.btn-facebook,.btn-facebook.active,.btn-facebook:active,.show>.btn-facebook.dropdown-toggle{color:#fff;background-color:#2d4373;border-color:#293e6a}.btn-check:active+.btn-facebook:focus,.btn-check:checked+.btn-facebook:focus,.btn-facebook.active:focus,.btn-facebook:active:focus,.show>.btn-facebook.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(88,114,167,.5)}.btn-facebook.disabled,.btn-facebook:disabled{color:#fff;background-color:#3b5998;border-color:#3b5998}.btn-outline-facebook{color:#3b5998;border-color:#3b5998}.btn-outline-facebook:hover{color:#3b5998;background-color:#3b5998;border-color:#3b5998}.btn-check:focus+.btn-outline-facebook,.btn-outline-facebook:focus{box-shadow:0 0 0 .25rem rgba(59,89,152,.5)}.btn-check:active+.btn-outline-facebook,.btn-check:checked+.btn-outline-facebook,.btn-outline-facebook.active,.btn-outline-facebook.dropdown-toggle.show,.btn-outline-facebook:active{color:#fff;background-color:#3b5998;border-color:#3b5998}.btn-check:active+.btn-outline-facebook:focus,.btn-check:checked+.btn-outline-facebook:focus,.btn-outline-facebook.active:focus,.btn-outline-facebook.dropdown-toggle.show:focus,.btn-outline-facebook:active:focus{box-shadow:0 0 0 .25rem rgba(59,89,152,.5)}.btn-outline-facebook.disabled,.btn-outline-facebook:disabled{color:#3b5998;background-color:transparent}.btn-twitter{color:#fff;background-color:#1da1f2;border-color:#1da1f2}.btn-twitter:hover{color:#fff;background-color:#0d8ddc;border-color:#0c85d0}.btn-check:focus+.btn-twitter,.btn-twitter:focus{color:#fff;background-color:#0d8ddc;border-color:#0c85d0;box-shadow:0 0 0 .25rem rgba(63,175,244,.5)}.btn-check:active+.btn-twitter,.btn-check:checked+.btn-twitter,.btn-twitter.active,.btn-twitter:active,.show>.btn-twitter.dropdown-toggle{color:#fff;background-color:#0c85d0;border-color:#0b7ec4}.btn-check:active+.btn-twitter:focus,.btn-check:checked+.btn-twitter:focus,.btn-twitter.active:focus,.btn-twitter:active:focus,.show>.btn-twitter.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(63,175,244,.5)}.btn-twitter.disabled,.btn-twitter:disabled{color:#fff;background-color:#1da1f2;border-color:#1da1f2}.btn-outline-twitter{color:#1da1f2;border-color:#1da1f2}.btn-outline-twitter:hover{color:#1da1f2;background-color:#1da1f2;border-color:#1da1f2}.btn-check:focus+.btn-outline-twitter,.btn-outline-twitter:focus{box-shadow:0 0 0 .25rem rgba(29,161,242,.5)}.btn-check:active+.btn-outline-twitter,.btn-check:checked+.btn-outline-twitter,.btn-outline-twitter.active,.btn-outline-twitter.dropdown-toggle.show,.btn-outline-twitter:active{color:#fff;background-color:#1da1f2;border-color:#1da1f2}.btn-check:active+.btn-outline-twitter:focus,.btn-check:checked+.btn-outline-twitter:focus,.btn-outline-twitter.active:focus,.btn-outline-twitter.dropdown-toggle.show:focus,.btn-outline-twitter:active:focus{box-shadow:0 0 0 .25rem rgba(29,161,242,.5)}.btn-outline-twitter.disabled,.btn-outline-twitter:disabled{color:#1da1f2;background-color:transparent}.btn-google{color:#fff;background-color:#dc4e41;border-color:#dc4e41}.btn-google:hover{color:#fff;background-color:#d03526;border-color:#c63224}.btn-check:focus+.btn-google,.btn-google:focus{color:#fff;background-color:#d03526;border-color:#c63224;box-shadow:0 0 0 .25rem rgba(225,105,94,.5)}.btn-check:active+.btn-google,.btn-check:checked+.btn-google,.btn-google.active,.btn-google:active,.show>.btn-google.dropdown-toggle{color:#fff;background-color:#c63224;border-color:#bb2f22}.btn-check:active+.btn-google:focus,.btn-check:checked+.btn-google:focus,.btn-google.active:focus,.btn-google:active:focus,.show>.btn-google.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(225,105,94,.5)}.btn-google.disabled,.btn-google:disabled{color:#fff;background-color:#dc4e41;border-color:#dc4e41}.btn-outline-google{color:#dc4e41;border-color:#dc4e41}.btn-outline-google:hover{color:#dc4e41;background-color:#dc4e41;border-color:#dc4e41}.btn-check:focus+.btn-outline-google,.btn-outline-google:focus{box-shadow:0 0 0 .25rem rgba(220,78,65,.5)}.btn-check:active+.btn-outline-google,.btn-check:checked+.btn-outline-google,.btn-outline-google.active,.btn-outline-google.dropdown-toggle.show,.btn-outline-google:active{color:#fff;background-color:#dc4e41;border-color:#dc4e41}.btn-check:active+.btn-outline-google:focus,.btn-check:checked+.btn-outline-google:focus,.btn-outline-google.active:focus,.btn-outline-google.dropdown-toggle.show:focus,.btn-outline-google:active:focus{box-shadow:0 0 0 .25rem rgba(220,78,65,.5)}.btn-outline-google.disabled,.btn-outline-google:disabled{color:#dc4e41;background-color:transparent}.btn-youtube{color:#fff;background-color:red;border-color:red}.btn-youtube:hover{color:#fff;background-color:#d90000;border-color:#c00}.btn-check:focus+.btn-youtube,.btn-youtube:focus{color:#fff;background-color:#d90000;border-color:#c00;box-shadow:0 0 0 .25rem rgba(255,38,38,.5)}.btn-check:active+.btn-youtube,.btn-check:checked+.btn-youtube,.btn-youtube.active,.btn-youtube:active,.show>.btn-youtube.dropdown-toggle{color:#fff;background-color:#c00;border-color:#bf0000}.btn-check:active+.btn-youtube:focus,.btn-check:checked+.btn-youtube:focus,.btn-youtube.active:focus,.btn-youtube:active:focus,.show>.btn-youtube.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(255,38,38,.5)}.btn-youtube.disabled,.btn-youtube:disabled{color:#fff;background-color:red;border-color:red}.btn-outline-youtube{color:red;border-color:red}.btn-outline-youtube:hover{color:red;background-color:red;border-color:red}.btn-check:focus+.btn-outline-youtube,.btn-outline-youtube:focus{box-shadow:0 0 0 .25rem rgba(255,0,0,.5)}.btn-check:active+.btn-outline-youtube,.btn-check:checked+.btn-outline-youtube,.btn-outline-youtube.active,.btn-outline-youtube.dropdown-toggle.show,.btn-outline-youtube:active{color:#fff;background-color:red;border-color:red}.btn-check:active+.btn-outline-youtube:focus,.btn-check:checked+.btn-outline-youtube:focus,.btn-outline-youtube.active:focus,.btn-outline-youtube.dropdown-toggle.show:focus,.btn-outline-youtube:active:focus{box-shadow:0 0 0 .25rem rgba(255,0,0,.5)}.btn-outline-youtube.disabled,.btn-outline-youtube:disabled{color:red;background-color:transparent}.btn-vimeo{color:#fff;background-color:#1ab7ea;border-color:#1ab7ea}.btn-vimeo:hover{color:#fff;background-color:#139ecb;border-color:#1295bf}.btn-check:focus+.btn-vimeo,.btn-vimeo:focus{color:#fff;background-color:#139ecb;border-color:#1295bf;box-shadow:0 0 0 .25rem rgba(60,194,237,.5)}.btn-check:active+.btn-vimeo,.btn-check:checked+.btn-vimeo,.btn-vimeo.active,.btn-vimeo:active,.show>.btn-vimeo.dropdown-toggle{color:#fff;background-color:#1295bf;border-color:#108cb4}.btn-check:active+.btn-vimeo:focus,.btn-check:checked+.btn-vimeo:focus,.btn-vimeo.active:focus,.btn-vimeo:active:focus,.show>.btn-vimeo.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(60,194,237,.5)}.btn-vimeo.disabled,.btn-vimeo:disabled{color:#fff;background-color:#1ab7ea;border-color:#1ab7ea}.btn-outline-vimeo{color:#1ab7ea;border-color:#1ab7ea}.btn-outline-vimeo:hover{color:#1ab7ea;background-color:#1ab7ea;border-color:#1ab7ea}.btn-check:focus+.btn-outline-vimeo,.btn-outline-vimeo:focus{box-shadow:0 0 0 .25rem rgba(26,183,234,.5)}.btn-check:active+.btn-outline-vimeo,.btn-check:checked+.btn-outline-vimeo,.btn-outline-vimeo.active,.btn-outline-vimeo.dropdown-toggle.show,.btn-outline-vimeo:active{color:#fff;background-color:#1ab7ea;border-color:#1ab7ea}.btn-check:active+.btn-outline-vimeo:focus,.btn-check:checked+.btn-outline-vimeo:focus,.btn-outline-vimeo.active:focus,.btn-outline-vimeo.dropdown-toggle.show:focus,.btn-outline-vimeo:active:focus{box-shadow:0 0 0 .25rem rgba(26,183,234,.5)}.btn-outline-vimeo.disabled,.btn-outline-vimeo:disabled{color:#1ab7ea;background-color:transparent}.btn-dribbble{color:#fff;background-color:#ea4c89;border-color:#ea4c89}.btn-dribbble:hover{color:#fff;background-color:#e62a72;border-color:#e51e6b}.btn-check:focus+.btn-dribbble,.btn-dribbble:focus{color:#fff;background-color:#e62a72;border-color:#e51e6b;box-shadow:0 0 0 .25rem rgba(237,103,155,.5)}.btn-check:active+.btn-dribbble,.btn-check:checked+.btn-dribbble,.btn-dribbble.active,.btn-dribbble:active,.show>.btn-dribbble.dropdown-toggle{color:#fff;background-color:#e51e6b;border-color:#dc1a65}.btn-check:active+.btn-dribbble:focus,.btn-check:checked+.btn-dribbble:focus,.btn-dribbble.active:focus,.btn-dribbble:active:focus,.show>.btn-dribbble.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(237,103,155,.5)}.btn-dribbble.disabled,.btn-dribbble:disabled{color:#fff;background-color:#ea4c89;border-color:#ea4c89}.btn-outline-dribbble{color:#ea4c89;border-color:#ea4c89}.btn-outline-dribbble:hover{color:#ea4c89;background-color:#ea4c89;border-color:#ea4c89}.btn-check:focus+.btn-outline-dribbble,.btn-outline-dribbble:focus{box-shadow:0 0 0 .25rem rgba(234,76,137,.5)}.btn-check:active+.btn-outline-dribbble,.btn-check:checked+.btn-outline-dribbble,.btn-outline-dribbble.active,.btn-outline-dribbble.dropdown-toggle.show,.btn-outline-dribbble:active{color:#fff;background-color:#ea4c89;border-color:#ea4c89}.btn-check:active+.btn-outline-dribbble:focus,.btn-check:checked+.btn-outline-dribbble:focus,.btn-outline-dribbble.active:focus,.btn-outline-dribbble.dropdown-toggle.show:focus,.btn-outline-dribbble:active:focus{box-shadow:0 0 0 .25rem rgba(234,76,137,.5)}.btn-outline-dribbble.disabled,.btn-outline-dribbble:disabled{color:#ea4c89;background-color:transparent}.btn-github{color:#fff;background-color:#181717;border-color:#181717}.btn-github:hover{color:#fff;background-color:#040404;border-color:#000}.btn-check:focus+.btn-github,.btn-github:focus{color:#fff;background-color:#040404;border-color:#000;box-shadow:0 0 0 .25rem rgba(59,58,58,.5)}.btn-check:active+.btn-github,.btn-check:checked+.btn-github,.btn-github.active,.btn-github:active,.show>.btn-github.dropdown-toggle{color:#fff;background-color:#000;border-color:#000}.btn-check:active+.btn-github:focus,.btn-check:checked+.btn-github:focus,.btn-github.active:focus,.btn-github:active:focus,.show>.btn-github.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(59,58,58,.5)}.btn-github.disabled,.btn-github:disabled{color:#fff;background-color:#181717;border-color:#181717}.btn-outline-github{color:#181717;border-color:#181717}.btn-outline-github:hover{color:#181717;background-color:#181717;border-color:#181717}.btn-check:focus+.btn-outline-github,.btn-outline-github:focus{box-shadow:0 0 0 .25rem rgba(24,23,23,.5)}.btn-check:active+.btn-outline-github,.btn-check:checked+.btn-outline-github,.btn-outline-github.active,.btn-outline-github.dropdown-toggle.show,.btn-outline-github:active{color:#fff;background-color:#181717;border-color:#181717}.btn-check:active+.btn-outline-github:focus,.btn-check:checked+.btn-outline-github:focus,.btn-outline-github.active:focus,.btn-outline-github.dropdown-toggle.show:focus,.btn-outline-github:active:focus{box-shadow:0 0 0 .25rem rgba(24,23,23,.5)}.btn-outline-github.disabled,.btn-outline-github:disabled{color:#181717;background-color:transparent}.btn-instagram{color:#fff;background-color:#e4405f;border-color:#e4405f}.btn-instagram:hover{color:#fff;background-color:#de1f44;border-color:#d31e40}.btn-check:focus+.btn-instagram,.btn-instagram:focus{color:#fff;background-color:#de1f44;border-color:#d31e40;box-shadow:0 0 0 .25rem rgba(232,93,119,.5)}.btn-check:active+.btn-instagram,.btn-check:checked+.btn-instagram,.btn-instagram.active,.btn-instagram:active,.show>.btn-instagram.dropdown-toggle{color:#fff;background-color:#d31e40;border-color:#c81c3d}.btn-check:active+.btn-instagram:focus,.btn-check:checked+.btn-instagram:focus,.btn-instagram.active:focus,.btn-instagram:active:focus,.show>.btn-instagram.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(232,93,119,.5)}.btn-instagram.disabled,.btn-instagram:disabled{color:#fff;background-color:#e4405f;border-color:#e4405f}.btn-outline-instagram{color:#e4405f;border-color:#e4405f}.btn-outline-instagram:hover{color:#e4405f;background-color:#e4405f;border-color:#e4405f}.btn-check:focus+.btn-outline-instagram,.btn-outline-instagram:focus{box-shadow:0 0 0 .25rem rgba(228,64,95,.5)}.btn-check:active+.btn-outline-instagram,.btn-check:checked+.btn-outline-instagram,.btn-outline-instagram.active,.btn-outline-instagram.dropdown-toggle.show,.btn-outline-instagram:active{color:#fff;background-color:#e4405f;border-color:#e4405f}.btn-check:active+.btn-outline-instagram:focus,.btn-check:checked+.btn-outline-instagram:focus,.btn-outline-instagram.active:focus,.btn-outline-instagram.dropdown-toggle.show:focus,.btn-outline-instagram:active:focus{box-shadow:0 0 0 .25rem rgba(228,64,95,.5)}.btn-outline-instagram.disabled,.btn-outline-instagram:disabled{color:#e4405f;background-color:transparent}.btn-pinterest{color:#fff;background-color:#bd081c;border-color:#bd081c}.btn-pinterest:hover{color:#fff;background-color:#980617;border-color:#8c0615}.btn-check:focus+.btn-pinterest,.btn-pinterest:focus{color:#fff;background-color:#980617;border-color:#8c0615;box-shadow:0 0 0 .25rem rgba(199,45,62,.5)}.btn-check:active+.btn-pinterest,.btn-check:checked+.btn-pinterest,.btn-pinterest.active,.btn-pinterest:active,.show>.btn-pinterest.dropdown-toggle{color:#fff;background-color:#8c0615;border-color:#800513}.btn-check:active+.btn-pinterest:focus,.btn-check:checked+.btn-pinterest:focus,.btn-pinterest.active:focus,.btn-pinterest:active:focus,.show>.btn-pinterest.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(199,45,62,.5)}.btn-pinterest.disabled,.btn-pinterest:disabled{color:#fff;background-color:#bd081c;border-color:#bd081c}.btn-outline-pinterest{color:#bd081c;border-color:#bd081c}.btn-outline-pinterest:hover{color:#bd081c;background-color:#bd081c;border-color:#bd081c}.btn-check:focus+.btn-outline-pinterest,.btn-outline-pinterest:focus{box-shadow:0 0 0 .25rem rgba(189,8,28,.5)}.btn-check:active+.btn-outline-pinterest,.btn-check:checked+.btn-outline-pinterest,.btn-outline-pinterest.active,.btn-outline-pinterest.dropdown-toggle.show,.btn-outline-pinterest:active{color:#fff;background-color:#bd081c;border-color:#bd081c}.btn-check:active+.btn-outline-pinterest:focus,.btn-check:checked+.btn-outline-pinterest:focus,.btn-outline-pinterest.active:focus,.btn-outline-pinterest.dropdown-toggle.show:focus,.btn-outline-pinterest:active:focus{box-shadow:0 0 0 .25rem rgba(189,8,28,.5)}.btn-outline-pinterest.disabled,.btn-outline-pinterest:disabled{color:#bd081c;background-color:transparent}.btn-vk{color:#fff;background-color:#6383a8;border-color:#6383a8}.btn-vk:hover{color:#fff;background-color:#527093;border-color:#4d6a8b}.btn-check:focus+.btn-vk,.btn-vk:focus{color:#fff;background-color:#527093;border-color:#4d6a8b;box-shadow:0 0 0 .25rem rgba(122,150,181,.5)}.btn-check:active+.btn-vk,.btn-check:checked+.btn-vk,.btn-vk.active,.btn-vk:active,.show>.btn-vk.dropdown-toggle{color:#fff;background-color:#4d6a8b;border-color:#496482}.btn-check:active+.btn-vk:focus,.btn-check:checked+.btn-vk:focus,.btn-vk.active:focus,.btn-vk:active:focus,.show>.btn-vk.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(122,150,181,.5)}.btn-vk.disabled,.btn-vk:disabled{color:#fff;background-color:#6383a8;border-color:#6383a8}.btn-outline-vk{color:#6383a8;border-color:#6383a8}.btn-outline-vk:hover{color:#6383a8;background-color:#6383a8;border-color:#6383a8}.btn-check:focus+.btn-outline-vk,.btn-outline-vk:focus{box-shadow:0 0 0 .25rem rgba(99,131,168,.5)}.btn-check:active+.btn-outline-vk,.btn-check:checked+.btn-outline-vk,.btn-outline-vk.active,.btn-outline-vk.dropdown-toggle.show,.btn-outline-vk:active{color:#fff;background-color:#6383a8;border-color:#6383a8}.btn-check:active+.btn-outline-vk:focus,.btn-check:checked+.btn-outline-vk:focus,.btn-outline-vk.active:focus,.btn-outline-vk.dropdown-toggle.show:focus,.btn-outline-vk:active:focus{box-shadow:0 0 0 .25rem rgba(99,131,168,.5)}.btn-outline-vk.disabled,.btn-outline-vk:disabled{color:#6383a8;background-color:transparent}.btn-rss{color:#fff;background-color:orange;border-color:orange}.btn-rss:hover{color:#fff;background-color:#d98c00;border-color:#cc8400}.btn-check:focus+.btn-rss,.btn-rss:focus{color:#fff;background-color:#d98c00;border-color:#cc8400;box-shadow:0 0 0 .25rem rgba(255,179,38,.5)}.btn-check:active+.btn-rss,.btn-check:checked+.btn-rss,.btn-rss.active,.btn-rss:active,.show>.btn-rss.dropdown-toggle{color:#fff;background-color:#cc8400;border-color:#bf7c00}.btn-check:active+.btn-rss:focus,.btn-check:checked+.btn-rss:focus,.btn-rss.active:focus,.btn-rss:active:focus,.show>.btn-rss.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(255,179,38,.5)}.btn-rss.disabled,.btn-rss:disabled{color:#fff;background-color:orange;border-color:orange}.btn-outline-rss{color:orange;border-color:orange}.btn-outline-rss:hover{color:orange;background-color:orange;border-color:orange}.btn-check:focus+.btn-outline-rss,.btn-outline-rss:focus{box-shadow:0 0 0 .25rem rgba(255,165,0,.5)}.btn-check:active+.btn-outline-rss,.btn-check:checked+.btn-outline-rss,.btn-outline-rss.active,.btn-outline-rss.dropdown-toggle.show,.btn-outline-rss:active{color:#fff;background-color:orange;border-color:orange}.btn-check:active+.btn-outline-rss:focus,.btn-check:checked+.btn-outline-rss:focus,.btn-outline-rss.active:focus,.btn-outline-rss.dropdown-toggle.show:focus,.btn-outline-rss:active:focus{box-shadow:0 0 0 .25rem rgba(255,165,0,.5)}.btn-outline-rss.disabled,.btn-outline-rss:disabled{color:orange;background-color:transparent}.btn-flickr{color:#fff;background-color:#0063dc;border-color:#0063dc}.btn-flickr:hover{color:#fff;background-color:#0052b6;border-color:#004ca9}.btn-check:focus+.btn-flickr,.btn-flickr:focus{color:#fff;background-color:#0052b6;border-color:#004ca9;box-shadow:0 0 0 .25rem rgba(38,122,225,.5)}.btn-check:active+.btn-flickr,.btn-check:checked+.btn-flickr,.btn-flickr.active,.btn-flickr:active,.show>.btn-flickr.dropdown-toggle{color:#fff;background-color:#004ca9;border-color:#00469c}.btn-check:active+.btn-flickr:focus,.btn-check:checked+.btn-flickr:focus,.btn-flickr.active:focus,.btn-flickr:active:focus,.show>.btn-flickr.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(38,122,225,.5)}.btn-flickr.disabled,.btn-flickr:disabled{color:#fff;background-color:#0063dc;border-color:#0063dc}.btn-outline-flickr{color:#0063dc;border-color:#0063dc}.btn-outline-flickr:hover{color:#0063dc;background-color:#0063dc;border-color:#0063dc}.btn-check:focus+.btn-outline-flickr,.btn-outline-flickr:focus{box-shadow:0 0 0 .25rem rgba(0,99,220,.5)}.btn-check:active+.btn-outline-flickr,.btn-check:checked+.btn-outline-flickr,.btn-outline-flickr.active,.btn-outline-flickr.dropdown-toggle.show,.btn-outline-flickr:active{color:#fff;background-color:#0063dc;border-color:#0063dc}.btn-check:active+.btn-outline-flickr:focus,.btn-check:checked+.btn-outline-flickr:focus,.btn-outline-flickr.active:focus,.btn-outline-flickr.dropdown-toggle.show:focus,.btn-outline-flickr:active:focus{box-shadow:0 0 0 .25rem rgba(0,99,220,.5)}.btn-outline-flickr.disabled,.btn-outline-flickr:disabled{color:#0063dc;background-color:transparent}.btn-bitbucket{color:#fff;background-color:#0052cc;border-color:#0052cc}.btn-bitbucket:hover{color:#fff;background-color:#0043a6;border-color:#003e99}.btn-bitbucket:focus,.btn-check:focus+.btn-bitbucket{color:#fff;background-color:#0043a6;border-color:#003e99;box-shadow:0 0 0 .25rem rgba(38,108,212,.5)}.btn-bitbucket.active,.btn-bitbucket:active,.btn-check:active+.btn-bitbucket,.btn-check:checked+.btn-bitbucket,.show>.btn-bitbucket.dropdown-toggle{color:#fff;background-color:#003e99;border-color:#00388c}.btn-bitbucket.active:focus,.btn-bitbucket:active:focus,.btn-check:active+.btn-bitbucket:focus,.btn-check:checked+.btn-bitbucket:focus,.show>.btn-bitbucket.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(38,108,212,.5)}.btn-bitbucket.disabled,.btn-bitbucket:disabled{color:#fff;background-color:#0052cc;border-color:#0052cc}.btn-outline-bitbucket{color:#0052cc;border-color:#0052cc}.btn-outline-bitbucket:hover{color:#0052cc;background-color:#0052cc;border-color:#0052cc}.btn-check:focus+.btn-outline-bitbucket,.btn-outline-bitbucket:focus{box-shadow:0 0 0 .25rem rgba(0,82,204,.5)}.btn-check:active+.btn-outline-bitbucket,.btn-check:checked+.btn-outline-bitbucket,.btn-outline-bitbucket.active,.btn-outline-bitbucket.dropdown-toggle.show,.btn-outline-bitbucket:active{color:#fff;background-color:#0052cc;border-color:#0052cc}.btn-check:active+.btn-outline-bitbucket:focus,.btn-check:checked+.btn-outline-bitbucket:focus,.btn-outline-bitbucket.active:focus,.btn-outline-bitbucket.dropdown-toggle.show:focus,.btn-outline-bitbucket:active:focus{box-shadow:0 0 0 .25rem rgba(0,82,204,.5)}.btn-outline-bitbucket.disabled,.btn-outline-bitbucket:disabled{color:#0052cc;background-color:transparent}.btn-tabler{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-tabler:hover{color:#fff;background-color:#1b59a3;border-color:#195398}.btn-check:focus+.btn-tabler,.btn-tabler:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .25rem rgba(65,129,205,.5)}.btn-check:active+.btn-tabler,.btn-check:checked+.btn-tabler,.btn-tabler.active,.btn-tabler:active,.show>.btn-tabler.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-check:active+.btn-tabler:focus,.btn-check:checked+.btn-tabler:focus,.btn-tabler.active:focus,.btn-tabler:active:focus,.show>.btn-tabler.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(65,129,205,.5)}.btn-tabler.disabled,.btn-tabler:disabled{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-tabler{color:#206bc4;border-color:#206bc4}.btn-outline-tabler:hover{color:#206bc4;background-color:#206bc4;border-color:#206bc4}.btn-check:focus+.btn-outline-tabler,.btn-outline-tabler:focus{box-shadow:0 0 0 .25rem rgba(32,107,196,.5)}.btn-check:active+.btn-outline-tabler,.btn-check:checked+.btn-outline-tabler,.btn-outline-tabler.active,.btn-outline-tabler.dropdown-toggle.show,.btn-outline-tabler:active{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-check:active+.btn-outline-tabler:focus,.btn-check:checked+.btn-outline-tabler:focus,.btn-outline-tabler.active:focus,.btn-outline-tabler.dropdown-toggle.show:focus,.btn-outline-tabler:active:focus{box-shadow:0 0 0 .25rem rgba(32,107,196,.5)}.btn-outline-tabler.disabled,.btn-outline-tabler:disabled{color:#206bc4;background-color:transparent}.btn-blue{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-blue:hover{color:#fff;background-color:#1b59a3;border-color:#195398}.btn-blue:focus,.btn-check:focus+.btn-blue{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .25rem rgba(65,129,205,.5)}.btn-blue.active,.btn-blue:active,.btn-check:active+.btn-blue,.btn-check:checked+.btn-blue,.show>.btn-blue.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-blue.active:focus,.btn-blue:active:focus,.btn-check:active+.btn-blue:focus,.btn-check:checked+.btn-blue:focus,.show>.btn-blue.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(65,129,205,.5)}.btn-blue.disabled,.btn-blue:disabled{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-blue{color:#206bc4;border-color:#206bc4}.btn-outline-blue:hover{color:#206bc4;background-color:#206bc4;border-color:#206bc4}.btn-check:focus+.btn-outline-blue,.btn-outline-blue:focus{box-shadow:0 0 0 .25rem rgba(32,107,196,.5)}.btn-check:active+.btn-outline-blue,.btn-check:checked+.btn-outline-blue,.btn-outline-blue.active,.btn-outline-blue.dropdown-toggle.show,.btn-outline-blue:active{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-check:active+.btn-outline-blue:focus,.btn-check:checked+.btn-outline-blue:focus,.btn-outline-blue.active:focus,.btn-outline-blue.dropdown-toggle.show:focus,.btn-outline-blue:active:focus{box-shadow:0 0 0 .25rem rgba(32,107,196,.5)}.btn-outline-blue.disabled,.btn-outline-blue:disabled{color:#206bc4;background-color:transparent}.btn-azure{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-azure:hover{color:#fff;background-color:#219af0;border-color:#1594ef}.btn-azure:focus,.btn-check:focus+.btn-azure{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .25rem rgba(97,183,244,.5)}.btn-azure.active,.btn-azure:active,.btn-check:active+.btn-azure,.btn-check:checked+.btn-azure,.show>.btn-azure.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-azure.active:focus,.btn-azure:active:focus,.btn-check:active+.btn-azure:focus,.btn-check:checked+.btn-azure:focus,.show>.btn-azure.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(97,183,244,.5)}.btn-azure.disabled,.btn-azure:disabled{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-azure{color:#45aaf2;border-color:#45aaf2}.btn-outline-azure:hover{color:#45aaf2;background-color:#45aaf2;border-color:#45aaf2}.btn-check:focus+.btn-outline-azure,.btn-outline-azure:focus{box-shadow:0 0 0 .25rem rgba(69,170,242,.5)}.btn-check:active+.btn-outline-azure,.btn-check:checked+.btn-outline-azure,.btn-outline-azure.active,.btn-outline-azure.dropdown-toggle.show,.btn-outline-azure:active{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-check:active+.btn-outline-azure:focus,.btn-check:checked+.btn-outline-azure:focus,.btn-outline-azure.active:focus,.btn-outline-azure.dropdown-toggle.show:focus,.btn-outline-azure:active:focus{box-shadow:0 0 0 .25rem rgba(69,170,242,.5)}.btn-outline-azure.disabled,.btn-outline-azure:disabled{color:#45aaf2;background-color:transparent}.btn-indigo{color:#fff;background-color:#6574cd;border-color:#6574cd}.btn-indigo:hover{color:#fff;background-color:#485ac4;border-color:#3f51c1}.btn-check:focus+.btn-indigo,.btn-indigo:focus{color:#fff;background-color:#485ac4;border-color:#3f51c1;box-shadow:0 0 0 .25rem rgba(124,137,213,.5)}.btn-check:active+.btn-indigo,.btn-check:checked+.btn-indigo,.btn-indigo.active,.btn-indigo:active,.show>.btn-indigo.dropdown-toggle{color:#fff;background-color:#3f51c1;border-color:#3b4db7}.btn-check:active+.btn-indigo:focus,.btn-check:checked+.btn-indigo:focus,.btn-indigo.active:focus,.btn-indigo:active:focus,.show>.btn-indigo.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(124,137,213,.5)}.btn-indigo.disabled,.btn-indigo:disabled{color:#fff;background-color:#6574cd;border-color:#6574cd}.btn-outline-indigo{color:#6574cd;border-color:#6574cd}.btn-outline-indigo:hover{color:#6574cd;background-color:#6574cd;border-color:#6574cd}.btn-check:focus+.btn-outline-indigo,.btn-outline-indigo:focus{box-shadow:0 0 0 .25rem rgba(101,116,205,.5)}.btn-check:active+.btn-outline-indigo,.btn-check:checked+.btn-outline-indigo,.btn-outline-indigo.active,.btn-outline-indigo.dropdown-toggle.show,.btn-outline-indigo:active{color:#fff;background-color:#6574cd;border-color:#6574cd}.btn-check:active+.btn-outline-indigo:focus,.btn-check:checked+.btn-outline-indigo:focus,.btn-outline-indigo.active:focus,.btn-outline-indigo.dropdown-toggle.show:focus,.btn-outline-indigo:active:focus{box-shadow:0 0 0 .25rem rgba(101,116,205,.5)}.btn-outline-indigo.disabled,.btn-outline-indigo:disabled{color:#6574cd;background-color:transparent}.btn-purple{color:#fff;background-color:#a55eea;border-color:#a55eea}.btn-purple:hover{color:#fff;background-color:#923ce6;border-color:#8c31e4}.btn-check:focus+.btn-purple,.btn-purple:focus{color:#fff;background-color:#923ce6;border-color:#8c31e4;box-shadow:0 0 0 .25rem rgba(179,118,237,.5)}.btn-check:active+.btn-purple,.btn-check:checked+.btn-purple,.btn-purple.active,.btn-purple:active,.show>.btn-purple.dropdown-toggle{color:#fff;background-color:#8c31e4;border-color:#8526e3}.btn-check:active+.btn-purple:focus,.btn-check:checked+.btn-purple:focus,.btn-purple.active:focus,.btn-purple:active:focus,.show>.btn-purple.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(179,118,237,.5)}.btn-purple.disabled,.btn-purple:disabled{color:#fff;background-color:#a55eea;border-color:#a55eea}.btn-outline-purple{color:#a55eea;border-color:#a55eea}.btn-outline-purple:hover{color:#a55eea;background-color:#a55eea;border-color:#a55eea}.btn-check:focus+.btn-outline-purple,.btn-outline-purple:focus{box-shadow:0 0 0 .25rem rgba(165,94,234,.5)}.btn-check:active+.btn-outline-purple,.btn-check:checked+.btn-outline-purple,.btn-outline-purple.active,.btn-outline-purple.dropdown-toggle.show,.btn-outline-purple:active{color:#fff;background-color:#a55eea;border-color:#a55eea}.btn-check:active+.btn-outline-purple:focus,.btn-check:checked+.btn-outline-purple:focus,.btn-outline-purple.active:focus,.btn-outline-purple.dropdown-toggle.show:focus,.btn-outline-purple:active:focus{box-shadow:0 0 0 .25rem rgba(165,94,234,.5)}.btn-outline-purple.disabled,.btn-outline-purple:disabled{color:#a55eea;background-color:transparent}.btn-pink{color:#fff;background-color:#f66d9b;border-color:#f66d9b}.btn-pink:hover{color:#fff;background-color:#f44982;border-color:#f33d7a}.btn-check:focus+.btn-pink,.btn-pink:focus{color:#fff;background-color:#f44982;border-color:#f33d7a;box-shadow:0 0 0 .25rem rgba(247,131,170,.5)}.btn-check:active+.btn-pink,.btn-check:checked+.btn-pink,.btn-pink.active,.btn-pink:active,.show>.btn-pink.dropdown-toggle{color:#fff;background-color:#f33d7a;border-color:#f23172}.btn-check:active+.btn-pink:focus,.btn-check:checked+.btn-pink:focus,.btn-pink.active:focus,.btn-pink:active:focus,.show>.btn-pink.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(247,131,170,.5)}.btn-pink.disabled,.btn-pink:disabled{color:#fff;background-color:#f66d9b;border-color:#f66d9b}.btn-outline-pink{color:#f66d9b;border-color:#f66d9b}.btn-outline-pink:hover{color:#f66d9b;background-color:#f66d9b;border-color:#f66d9b}.btn-check:focus+.btn-outline-pink,.btn-outline-pink:focus{box-shadow:0 0 0 .25rem rgba(246,109,155,.5)}.btn-check:active+.btn-outline-pink,.btn-check:checked+.btn-outline-pink,.btn-outline-pink.active,.btn-outline-pink.dropdown-toggle.show,.btn-outline-pink:active{color:#fff;background-color:#f66d9b;border-color:#f66d9b}.btn-check:active+.btn-outline-pink:focus,.btn-check:checked+.btn-outline-pink:focus,.btn-outline-pink.active:focus,.btn-outline-pink.dropdown-toggle.show:focus,.btn-outline-pink:active:focus{box-shadow:0 0 0 .25rem rgba(246,109,155,.5)}.btn-outline-pink.disabled,.btn-outline-pink:disabled{color:#f66d9b;background-color:transparent}.btn-red{color:#fff;background-color:#cd201f;border-color:#cd201f}.btn-red:hover{color:#fff;background-color:#ac1b1a;border-color:#a11918}.btn-check:focus+.btn-red,.btn-red:focus{color:#fff;background-color:#ac1b1a;border-color:#a11918;box-shadow:0 0 0 .25rem rgba(213,65,65,.5)}.btn-check:active+.btn-red,.btn-check:checked+.btn-red,.btn-red.active,.btn-red:active,.show>.btn-red.dropdown-toggle{color:#fff;background-color:#a11918;border-color:#961717}.btn-check:active+.btn-red:focus,.btn-check:checked+.btn-red:focus,.btn-red.active:focus,.btn-red:active:focus,.show>.btn-red.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(213,65,65,.5)}.btn-red.disabled,.btn-red:disabled{color:#fff;background-color:#cd201f;border-color:#cd201f}.btn-outline-red{color:#cd201f;border-color:#cd201f}.btn-outline-red:hover{color:#cd201f;background-color:#cd201f;border-color:#cd201f}.btn-check:focus+.btn-outline-red,.btn-outline-red:focus{box-shadow:0 0 0 .25rem rgba(205,32,31,.5)}.btn-check:active+.btn-outline-red,.btn-check:checked+.btn-outline-red,.btn-outline-red.active,.btn-outline-red.dropdown-toggle.show,.btn-outline-red:active{color:#fff;background-color:#cd201f;border-color:#cd201f}.btn-check:active+.btn-outline-red:focus,.btn-check:checked+.btn-outline-red:focus,.btn-outline-red.active:focus,.btn-outline-red.dropdown-toggle.show:focus,.btn-outline-red:active:focus{box-shadow:0 0 0 .25rem rgba(205,32,31,.5)}.btn-outline-red.disabled,.btn-outline-red:disabled{color:#cd201f;background-color:transparent}.btn-orange{color:#fff;background-color:#ff922b;border-color:#ff922b}.btn-orange:hover{color:#fff;background-color:#ff7e05;border-color:#f77800}.btn-check:focus+.btn-orange,.btn-orange:focus{color:#fff;background-color:#ff7e05;border-color:#f77800;box-shadow:0 0 0 .25rem rgba(255,162,75,.5)}.btn-check:active+.btn-orange,.btn-check:checked+.btn-orange,.btn-orange.active,.btn-orange:active,.show>.btn-orange.dropdown-toggle{color:#fff;background-color:#f77800;border-color:#ea7200}.btn-check:active+.btn-orange:focus,.btn-check:checked+.btn-orange:focus,.btn-orange.active:focus,.btn-orange:active:focus,.show>.btn-orange.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(255,162,75,.5)}.btn-orange.disabled,.btn-orange:disabled{color:#fff;background-color:#ff922b;border-color:#ff922b}.btn-outline-orange{color:#ff922b;border-color:#ff922b}.btn-outline-orange:hover{color:#ff922b;background-color:#ff922b;border-color:#ff922b}.btn-check:focus+.btn-outline-orange,.btn-outline-orange:focus{box-shadow:0 0 0 .25rem rgba(255,146,43,.5)}.btn-check:active+.btn-outline-orange,.btn-check:checked+.btn-outline-orange,.btn-outline-orange.active,.btn-outline-orange.dropdown-toggle.show,.btn-outline-orange:active{color:#fff;background-color:#ff922b;border-color:#ff922b}.btn-check:active+.btn-outline-orange:focus,.btn-check:checked+.btn-outline-orange:focus,.btn-outline-orange.active:focus,.btn-outline-orange.dropdown-toggle.show:focus,.btn-outline-orange:active:focus{box-shadow:0 0 0 .25rem rgba(255,146,43,.5)}.btn-outline-orange.disabled,.btn-outline-orange:disabled{color:#ff922b;background-color:transparent}.btn-yellow{color:#fff;background-color:#fab005;border-color:#fab005}.btn-yellow:hover{color:#fff;background-color:#d59604;border-color:#c88d04}.btn-check:focus+.btn-yellow,.btn-yellow:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .25rem rgba(251,188,43,.5)}.btn-check:active+.btn-yellow,.btn-check:checked+.btn-yellow,.btn-yellow.active,.btn-yellow:active,.show>.btn-yellow.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-check:active+.btn-yellow:focus,.btn-check:checked+.btn-yellow:focus,.btn-yellow.active:focus,.btn-yellow:active:focus,.show>.btn-yellow.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(251,188,43,.5)}.btn-yellow.disabled,.btn-yellow:disabled{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-yellow{color:#fab005;border-color:#fab005}.btn-outline-yellow:hover{color:#fab005;background-color:#fab005;border-color:#fab005}.btn-check:focus+.btn-outline-yellow,.btn-outline-yellow:focus{box-shadow:0 0 0 .25rem rgba(250,176,5,.5)}.btn-check:active+.btn-outline-yellow,.btn-check:checked+.btn-outline-yellow,.btn-outline-yellow.active,.btn-outline-yellow.dropdown-toggle.show,.btn-outline-yellow:active{color:#fff;background-color:#fab005;border-color:#fab005}.btn-check:active+.btn-outline-yellow:focus,.btn-check:checked+.btn-outline-yellow:focus,.btn-outline-yellow.active:focus,.btn-outline-yellow.dropdown-toggle.show:focus,.btn-outline-yellow:active:focus{box-shadow:0 0 0 .25rem rgba(250,176,5,.5)}.btn-outline-yellow.disabled,.btn-outline-yellow:disabled{color:#fab005;background-color:transparent}.btn-lime{color:#fff;background-color:#94d82d;border-color:#94d82d}.btn-lime:hover{color:#fff;background-color:#7fbc23;border-color:#78b121}.btn-check:focus+.btn-lime,.btn-lime:focus{color:#fff;background-color:#7fbc23;border-color:#78b121;box-shadow:0 0 0 .25rem rgba(164,222,77,.5)}.btn-check:active+.btn-lime,.btn-check:checked+.btn-lime,.btn-lime.active,.btn-lime:active,.show>.btn-lime.dropdown-toggle{color:#fff;background-color:#78b121;border-color:#70a61f}.btn-check:active+.btn-lime:focus,.btn-check:checked+.btn-lime:focus,.btn-lime.active:focus,.btn-lime:active:focus,.show>.btn-lime.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(164,222,77,.5)}.btn-lime.disabled,.btn-lime:disabled{color:#fff;background-color:#94d82d;border-color:#94d82d}.btn-outline-lime{color:#94d82d;border-color:#94d82d}.btn-outline-lime:hover{color:#94d82d;background-color:#94d82d;border-color:#94d82d}.btn-check:focus+.btn-outline-lime,.btn-outline-lime:focus{box-shadow:0 0 0 .25rem rgba(148,216,45,.5)}.btn-check:active+.btn-outline-lime,.btn-check:checked+.btn-outline-lime,.btn-outline-lime.active,.btn-outline-lime.dropdown-toggle.show,.btn-outline-lime:active{color:#fff;background-color:#94d82d;border-color:#94d82d}.btn-check:active+.btn-outline-lime:focus,.btn-check:checked+.btn-outline-lime:focus,.btn-outline-lime.active:focus,.btn-outline-lime.dropdown-toggle.show:focus,.btn-outline-lime:active:focus{box-shadow:0 0 0 .25rem rgba(148,216,45,.5)}.btn-outline-lime.disabled,.btn-outline-lime:disabled{color:#94d82d;background-color:transparent}.btn-green{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-green:hover{color:#fff;background-color:#4b9400;border-color:#448700}.btn-check:focus+.btn-green,.btn-green:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .25rem rgba(118,196,38,.5)}.btn-check:active+.btn-green,.btn-check:checked+.btn-green,.btn-green.active,.btn-green:active,.show>.btn-green.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-check:active+.btn-green:focus,.btn-check:checked+.btn-green:focus,.btn-green.active:focus,.btn-green:active:focus,.show>.btn-green.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(118,196,38,.5)}.btn-green.disabled,.btn-green:disabled{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-green{color:#5eba00;border-color:#5eba00}.btn-outline-green:hover{color:#5eba00;background-color:#5eba00;border-color:#5eba00}.btn-check:focus+.btn-outline-green,.btn-outline-green:focus{box-shadow:0 0 0 .25rem rgba(94,186,0,.5)}.btn-check:active+.btn-outline-green,.btn-check:checked+.btn-outline-green,.btn-outline-green.active,.btn-outline-green.dropdown-toggle.show,.btn-outline-green:active{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-check:active+.btn-outline-green:focus,.btn-check:checked+.btn-outline-green:focus,.btn-outline-green.active:focus,.btn-outline-green.dropdown-toggle.show:focus,.btn-outline-green:active:focus{box-shadow:0 0 0 .25rem rgba(94,186,0,.5)}.btn-outline-green.disabled,.btn-outline-green:disabled{color:#5eba00;background-color:transparent}.btn-teal{color:#fff;background-color:#2bcbba;border-color:#2bcbba}.btn-teal:hover{color:#fff;background-color:#24ab9d;border-color:#22a193}.btn-check:focus+.btn-teal,.btn-teal:focus{color:#fff;background-color:#24ab9d;border-color:#22a193;box-shadow:0 0 0 .25rem rgba(75,211,196,.5)}.btn-check:active+.btn-teal,.btn-check:checked+.btn-teal,.btn-teal.active,.btn-teal:active,.show>.btn-teal.dropdown-toggle{color:#fff;background-color:#22a193;border-color:#20968a}.btn-check:active+.btn-teal:focus,.btn-check:checked+.btn-teal:focus,.btn-teal.active:focus,.btn-teal:active:focus,.show>.btn-teal.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(75,211,196,.5)}.btn-teal.disabled,.btn-teal:disabled{color:#fff;background-color:#2bcbba;border-color:#2bcbba}.btn-outline-teal{color:#2bcbba;border-color:#2bcbba}.btn-outline-teal:hover{color:#2bcbba;background-color:#2bcbba;border-color:#2bcbba}.btn-check:focus+.btn-outline-teal,.btn-outline-teal:focus{box-shadow:0 0 0 .25rem rgba(43,203,186,.5)}.btn-check:active+.btn-outline-teal,.btn-check:checked+.btn-outline-teal,.btn-outline-teal.active,.btn-outline-teal.dropdown-toggle.show,.btn-outline-teal:active{color:#fff;background-color:#2bcbba;border-color:#2bcbba}.btn-check:active+.btn-outline-teal:focus,.btn-check:checked+.btn-outline-teal:focus,.btn-outline-teal.active:focus,.btn-outline-teal.dropdown-toggle.show:focus,.btn-outline-teal:active:focus{box-shadow:0 0 0 .25rem rgba(43,203,186,.5)}.btn-outline-teal.disabled,.btn-outline-teal:disabled{color:#2bcbba;background-color:transparent}.btn-cyan{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-cyan:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-check:focus+.btn-cyan,.btn-cyan:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .25rem rgba(58,176,195,.5)}.btn-check:active+.btn-cyan,.btn-check:checked+.btn-cyan,.btn-cyan.active,.btn-cyan:active,.show>.btn-cyan.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-check:active+.btn-cyan:focus,.btn-check:checked+.btn-cyan:focus,.btn-cyan.active:focus,.btn-cyan:active:focus,.show>.btn-cyan.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(58,176,195,.5)}.btn-cyan.disabled,.btn-cyan:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-cyan{color:#17a2b8;border-color:#17a2b8}.btn-outline-cyan:hover{color:#17a2b8;background-color:#17a2b8;border-color:#17a2b8}.btn-check:focus+.btn-outline-cyan,.btn-outline-cyan:focus{box-shadow:0 0 0 .25rem rgba(23,162,184,.5)}.btn-check:active+.btn-outline-cyan,.btn-check:checked+.btn-outline-cyan,.btn-outline-cyan.active,.btn-outline-cyan.dropdown-toggle.show,.btn-outline-cyan:active{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-check:active+.btn-outline-cyan:focus,.btn-check:checked+.btn-outline-cyan:focus,.btn-outline-cyan.active:focus,.btn-outline-cyan.dropdown-toggle.show:focus,.btn-outline-cyan:active:focus{box-shadow:0 0 0 .25rem rgba(23,162,184,.5)}.btn-outline-cyan.disabled,.btn-outline-cyan:disabled{color:#17a2b8;background-color:transparent}.btn-gray{color:#fff;background-color:#a8aeb7;border-color:#a8aeb7}.btn-gray:hover{color:#fff;background-color:#939ba6;border-color:#8c94a0}.btn-check:focus+.btn-gray,.btn-gray:focus{color:#fff;background-color:#939ba6;border-color:#8c94a0;box-shadow:0 0 0 .25rem rgba(181,186,194,.5)}.btn-check:active+.btn-gray,.btn-check:checked+.btn-gray,.btn-gray.active,.btn-gray:active,.show>.btn-gray.dropdown-toggle{color:#fff;background-color:#8c94a0;border-color:#858e9a}.btn-check:active+.btn-gray:focus,.btn-check:checked+.btn-gray:focus,.btn-gray.active:focus,.btn-gray:active:focus,.show>.btn-gray.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(181,186,194,.5)}.btn-gray.disabled,.btn-gray:disabled{color:#fff;background-color:#a8aeb7;border-color:#a8aeb7}.btn-outline-gray{color:#a8aeb7;border-color:#a8aeb7}.btn-outline-gray:hover{color:#a8aeb7;background-color:#a8aeb7;border-color:#a8aeb7}.btn-check:focus+.btn-outline-gray,.btn-outline-gray:focus{box-shadow:0 0 0 .25rem rgba(168,174,183,.5)}.btn-check:active+.btn-outline-gray,.btn-check:checked+.btn-outline-gray,.btn-outline-gray.active,.btn-outline-gray.dropdown-toggle.show,.btn-outline-gray:active{color:#fff;background-color:#a8aeb7;border-color:#a8aeb7}.btn-check:active+.btn-outline-gray:focus,.btn-check:checked+.btn-outline-gray:focus,.btn-outline-gray.active:focus,.btn-outline-gray.dropdown-toggle.show:focus,.btn-outline-gray:active:focus{box-shadow:0 0 0 .25rem rgba(168,174,183,.5)}.btn-outline-gray.disabled,.btn-outline-gray:disabled{color:#a8aeb7;background-color:transparent}.btn-gray-dark{color:#fff;background-color:#545d6d;border-color:#545d6d}.btn-gray-dark:hover{color:#fff;background-color:#434b57;border-color:#3e4450}.btn-check:focus+.btn-gray-dark,.btn-gray-dark:focus{color:#fff;background-color:#434b57;border-color:#3e4450;box-shadow:0 0 0 .25rem rgba(110,117,131,.5)}.btn-check:active+.btn-gray-dark,.btn-check:checked+.btn-gray-dark,.btn-gray-dark.active,.btn-gray-dark:active,.show>.btn-gray-dark.dropdown-toggle{color:#fff;background-color:#3e4450;border-color:#383e49}.btn-check:active+.btn-gray-dark:focus,.btn-check:checked+.btn-gray-dark:focus,.btn-gray-dark.active:focus,.btn-gray-dark:active:focus,.show>.btn-gray-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(110,117,131,.5)}.btn-gray-dark.disabled,.btn-gray-dark:disabled{color:#fff;background-color:#545d6d;border-color:#545d6d}.btn-outline-gray-dark{color:#545d6d;border-color:#545d6d}.btn-outline-gray-dark:hover{color:#545d6d;background-color:#545d6d;border-color:#545d6d}.btn-check:focus+.btn-outline-gray-dark,.btn-outline-gray-dark:focus{box-shadow:0 0 0 .25rem rgba(84,93,109,.5)}.btn-check:active+.btn-outline-gray-dark,.btn-check:checked+.btn-outline-gray-dark,.btn-outline-gray-dark.active,.btn-outline-gray-dark.dropdown-toggle.show,.btn-outline-gray-dark:active{color:#fff;background-color:#545d6d;border-color:#545d6d}.btn-check:active+.btn-outline-gray-dark:focus,.btn-check:checked+.btn-outline-gray-dark:focus,.btn-outline-gray-dark.active:focus,.btn-outline-gray-dark.dropdown-toggle.show:focus,.btn-outline-gray-dark:active:focus{box-shadow:0 0 0 .25rem rgba(84,93,109,.5)}.btn-outline-gray-dark.disabled,.btn-outline-gray-dark:disabled{color:#545d6d;background-color:transparent}.btn-dark{color:#fff;background-color:#354052;border-color:#354052}.btn-dark:hover{color:#fff;background-color:#262e3b;border-color:#212833}.btn-check:focus+.btn-dark,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .25rem rgba(83,93,108,.5)}.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(83,93,108,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark{color:#354052;border-color:#354052}.btn-outline-dark:hover{color:#354052;background-color:#354052;border-color:#354052}.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{box-shadow:0 0 0 .25rem rgba(53,64,82,.5)}.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active{color:#fff;background-color:#354052;border-color:#354052}.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus{box-shadow:0 0 0 .25rem rgba(53,64,82,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#354052;background-color:transparent}
\ No newline at end of file
diff --git a/dist/css/tabler-flags.css b/dist/css/tabler-flags.css
index dbf6cb38c..e11b9a800 100644
--- a/dist/css/tabler-flags.css
+++ b/dist/css/tabler-flags.css
@@ -1,6 +1,6 @@
 /*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
+* Tabler v1.0.0-alpha.9 (https://tabler.io)
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -15,7 +15,7 @@
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid #e8e9ea;
   border-radius: 3px; }
 
 .flag-country-ad {
@@ -786,14 +786,22 @@
 .flag-country-un {
   background-image: url("../img/flags/un.svg"); }
 
-.flag-md {
+.flag-xs {
+  width: 1.6666625rem;
+  height: 1.25rem; }
+
+.flag-sm {
   width: 2.66666rem;
   height: 2rem; }
 
+.flag-md {
+  width: 4.9999875rem;
+  height: 3.75rem; }
+
 .flag-lg {
-  width: 3.99999rem;
-  height: 3rem; }
+  width: 6.66665rem;
+  height: 5rem; }
 
 .flag-xl {
-  width: 5.33332rem;
-  height: 4rem; }
+  width: 9.33331rem;
+  height: 7rem; }
diff --git a/dist/css/tabler-flags.min.css b/dist/css/tabler-flags.min.css
index 31fb29807..61b487c77 100644
--- a/dist/css/tabler-flags.min.css
+++ b/dist/css/tabler-flags.min.css
@@ -1,9 +1,9 @@
 /*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
+* Tabler v1.0.0-alpha.9 (https://tabler.io)
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 */
-.flag{position:relative;display:inline-block;width:1.33333em;height:1em;vertical-align:-3px;background-repeat:no-repeat;background-position:center;background-size:cover;border:1px solid rgba(95,102,110,.2);border-radius:3px}.flag-country-ad{background-image:url(../img/flags/ad.svg)}.flag-country-ae{background-image:url(../img/flags/ae.svg)}.flag-country-af{background-image:url(../img/flags/af.svg)}.flag-country-ag{background-image:url(../img/flags/ag.svg)}.flag-country-ai{background-image:url(../img/flags/ai.svg)}.flag-country-al{background-image:url(../img/flags/al.svg)}.flag-country-am{background-image:url(../img/flags/am.svg)}.flag-country-ao{background-image:url(../img/flags/ao.svg)}.flag-country-aq{background-image:url(../img/flags/aq.svg)}.flag-country-ar{background-image:url(../img/flags/ar.svg)}.flag-country-as{background-image:url(../img/flags/as.svg)}.flag-country-at{background-image:url(../img/flags/at.svg)}.flag-country-au{background-image:url(../img/flags/au.svg)}.flag-country-aw{background-image:url(../img/flags/aw.svg)}.flag-country-ax{background-image:url(../img/flags/ax.svg)}.flag-country-az{background-image:url(../img/flags/az.svg)}.flag-country-ba{background-image:url(../img/flags/ba.svg)}.flag-country-bb{background-image:url(../img/flags/bb.svg)}.flag-country-bd{background-image:url(../img/flags/bd.svg)}.flag-country-be{background-image:url(../img/flags/be.svg)}.flag-country-bf{background-image:url(../img/flags/bf.svg)}.flag-country-bg{background-image:url(../img/flags/bg.svg)}.flag-country-bh{background-image:url(../img/flags/bh.svg)}.flag-country-bi{background-image:url(../img/flags/bi.svg)}.flag-country-bj{background-image:url(../img/flags/bj.svg)}.flag-country-bl{background-image:url(../img/flags/bl.svg)}.flag-country-bm{background-image:url(../img/flags/bm.svg)}.flag-country-bn{background-image:url(../img/flags/bn.svg)}.flag-country-bo{background-image:url(../img/flags/bo.svg)}.flag-country-bq{background-image:url(../img/flags/bq.svg)}.flag-country-br{background-image:url(../img/flags/br.svg)}.flag-country-bs{background-image:url(../img/flags/bs.svg)}.flag-country-bt{background-image:url(../img/flags/bt.svg)}.flag-country-bv{background-image:url(../img/flags/bv.svg)}.flag-country-bw{background-image:url(../img/flags/bw.svg)}.flag-country-by{background-image:url(../img/flags/by.svg)}.flag-country-bz{background-image:url(../img/flags/bz.svg)}.flag-country-ca{background-image:url(../img/flags/ca.svg)}.flag-country-cc{background-image:url(../img/flags/cc.svg)}.flag-country-cd{background-image:url(../img/flags/cd.svg)}.flag-country-cf{background-image:url(../img/flags/cf.svg)}.flag-country-cg{background-image:url(../img/flags/cg.svg)}.flag-country-ch{background-image:url(../img/flags/ch.svg)}.flag-country-ci{background-image:url(../img/flags/ci.svg)}.flag-country-ck{background-image:url(../img/flags/ck.svg)}.flag-country-cl{background-image:url(../img/flags/cl.svg)}.flag-country-cm{background-image:url(../img/flags/cm.svg)}.flag-country-cn{background-image:url(../img/flags/cn.svg)}.flag-country-co{background-image:url(../img/flags/co.svg)}.flag-country-cr{background-image:url(../img/flags/cr.svg)}.flag-country-cu{background-image:url(../img/flags/cu.svg)}.flag-country-cv{background-image:url(../img/flags/cv.svg)}.flag-country-cw{background-image:url(../img/flags/cw.svg)}.flag-country-cx{background-image:url(../img/flags/cx.svg)}.flag-country-cy{background-image:url(../img/flags/cy.svg)}.flag-country-cz{background-image:url(../img/flags/cz.svg)}.flag-country-de{background-image:url(../img/flags/de.svg)}.flag-country-dj{background-image:url(../img/flags/dj.svg)}.flag-country-dk{background-image:url(../img/flags/dk.svg)}.flag-country-dm{background-image:url(../img/flags/dm.svg)}.flag-country-do{background-image:url(../img/flags/do.svg)}.flag-country-dz{background-image:url(../img/flags/dz.svg)}.flag-country-ec{background-image:url(../img/flags/ec.svg)}.flag-country-ee{background-image:url(../img/flags/ee.svg)}.flag-country-eg{background-image:url(../img/flags/eg.svg)}.flag-country-eh{background-image:url(../img/flags/eh.svg)}.flag-country-er{background-image:url(../img/flags/er.svg)}.flag-country-es{background-image:url(../img/flags/es.svg)}.flag-country-et{background-image:url(../img/flags/et.svg)}.flag-country-fi{background-image:url(../img/flags/fi.svg)}.flag-country-fj{background-image:url(../img/flags/fj.svg)}.flag-country-fk{background-image:url(../img/flags/fk.svg)}.flag-country-fm{background-image:url(../img/flags/fm.svg)}.flag-country-fo{background-image:url(../img/flags/fo.svg)}.flag-country-fr{background-image:url(../img/flags/fr.svg)}.flag-country-ga{background-image:url(../img/flags/ga.svg)}.flag-country-gb{background-image:url(../img/flags/gb.svg)}.flag-country-gd{background-image:url(../img/flags/gd.svg)}.flag-country-ge{background-image:url(../img/flags/ge.svg)}.flag-country-gf{background-image:url(../img/flags/gf.svg)}.flag-country-gg{background-image:url(../img/flags/gg.svg)}.flag-country-gh{background-image:url(../img/flags/gh.svg)}.flag-country-gi{background-image:url(../img/flags/gi.svg)}.flag-country-gl{background-image:url(../img/flags/gl.svg)}.flag-country-gm{background-image:url(../img/flags/gm.svg)}.flag-country-gn{background-image:url(../img/flags/gn.svg)}.flag-country-gp{background-image:url(../img/flags/gp.svg)}.flag-country-gq{background-image:url(../img/flags/gq.svg)}.flag-country-gr{background-image:url(../img/flags/gr.svg)}.flag-country-gs{background-image:url(../img/flags/gs.svg)}.flag-country-gt{background-image:url(../img/flags/gt.svg)}.flag-country-gu{background-image:url(../img/flags/gu.svg)}.flag-country-gw{background-image:url(../img/flags/gw.svg)}.flag-country-gy{background-image:url(../img/flags/gy.svg)}.flag-country-hk{background-image:url(../img/flags/hk.svg)}.flag-country-hm{background-image:url(../img/flags/hm.svg)}.flag-country-hn{background-image:url(../img/flags/hn.svg)}.flag-country-hr{background-image:url(../img/flags/hr.svg)}.flag-country-ht{background-image:url(../img/flags/ht.svg)}.flag-country-hu{background-image:url(../img/flags/hu.svg)}.flag-country-id{background-image:url(../img/flags/id.svg)}.flag-country-ie{background-image:url(../img/flags/ie.svg)}.flag-country-il{background-image:url(../img/flags/il.svg)}.flag-country-im{background-image:url(../img/flags/im.svg)}.flag-country-in{background-image:url(../img/flags/in.svg)}.flag-country-io{background-image:url(../img/flags/io.svg)}.flag-country-iq{background-image:url(../img/flags/iq.svg)}.flag-country-ir{background-image:url(../img/flags/ir.svg)}.flag-country-is{background-image:url(../img/flags/is.svg)}.flag-country-it{background-image:url(../img/flags/it.svg)}.flag-country-je{background-image:url(../img/flags/je.svg)}.flag-country-jm{background-image:url(../img/flags/jm.svg)}.flag-country-jo{background-image:url(../img/flags/jo.svg)}.flag-country-jp{background-image:url(../img/flags/jp.svg)}.flag-country-ke{background-image:url(../img/flags/ke.svg)}.flag-country-kg{background-image:url(../img/flags/kg.svg)}.flag-country-kh{background-image:url(../img/flags/kh.svg)}.flag-country-ki{background-image:url(../img/flags/ki.svg)}.flag-country-km{background-image:url(../img/flags/km.svg)}.flag-country-kn{background-image:url(../img/flags/kn.svg)}.flag-country-kp{background-image:url(../img/flags/kp.svg)}.flag-country-kr{background-image:url(../img/flags/kr.svg)}.flag-country-kw{background-image:url(../img/flags/kw.svg)}.flag-country-ky{background-image:url(../img/flags/ky.svg)}.flag-country-kz{background-image:url(../img/flags/kz.svg)}.flag-country-la{background-image:url(../img/flags/la.svg)}.flag-country-lb{background-image:url(../img/flags/lb.svg)}.flag-country-lc{background-image:url(../img/flags/lc.svg)}.flag-country-li{background-image:url(../img/flags/li.svg)}.flag-country-lk{background-image:url(../img/flags/lk.svg)}.flag-country-lr{background-image:url(../img/flags/lr.svg)}.flag-country-ls{background-image:url(../img/flags/ls.svg)}.flag-country-lt{background-image:url(../img/flags/lt.svg)}.flag-country-lu{background-image:url(../img/flags/lu.svg)}.flag-country-lv{background-image:url(../img/flags/lv.svg)}.flag-country-ly{background-image:url(../img/flags/ly.svg)}.flag-country-ma{background-image:url(../img/flags/ma.svg)}.flag-country-mc{background-image:url(../img/flags/mc.svg)}.flag-country-md{background-image:url(../img/flags/md.svg)}.flag-country-me{background-image:url(../img/flags/me.svg)}.flag-country-mf{background-image:url(../img/flags/mf.svg)}.flag-country-mg{background-image:url(../img/flags/mg.svg)}.flag-country-mh{background-image:url(../img/flags/mh.svg)}.flag-country-mk{background-image:url(../img/flags/mk.svg)}.flag-country-ml{background-image:url(../img/flags/ml.svg)}.flag-country-mm{background-image:url(../img/flags/mm.svg)}.flag-country-mn{background-image:url(../img/flags/mn.svg)}.flag-country-mo{background-image:url(../img/flags/mo.svg)}.flag-country-mp{background-image:url(../img/flags/mp.svg)}.flag-country-mq{background-image:url(../img/flags/mq.svg)}.flag-country-mr{background-image:url(../img/flags/mr.svg)}.flag-country-ms{background-image:url(../img/flags/ms.svg)}.flag-country-mt{background-image:url(../img/flags/mt.svg)}.flag-country-mu{background-image:url(../img/flags/mu.svg)}.flag-country-mv{background-image:url(../img/flags/mv.svg)}.flag-country-mw{background-image:url(../img/flags/mw.svg)}.flag-country-mx{background-image:url(../img/flags/mx.svg)}.flag-country-my{background-image:url(../img/flags/my.svg)}.flag-country-mz{background-image:url(../img/flags/mz.svg)}.flag-country-na{background-image:url(../img/flags/na.svg)}.flag-country-nc{background-image:url(../img/flags/nc.svg)}.flag-country-ne{background-image:url(../img/flags/ne.svg)}.flag-country-nf{background-image:url(../img/flags/nf.svg)}.flag-country-ng{background-image:url(../img/flags/ng.svg)}.flag-country-ni{background-image:url(../img/flags/ni.svg)}.flag-country-nl{background-image:url(../img/flags/nl.svg)}.flag-country-no{background-image:url(../img/flags/no.svg)}.flag-country-np{background-image:url(../img/flags/np.svg)}.flag-country-nr{background-image:url(../img/flags/nr.svg)}.flag-country-nu{background-image:url(../img/flags/nu.svg)}.flag-country-nz{background-image:url(../img/flags/nz.svg)}.flag-country-om{background-image:url(../img/flags/om.svg)}.flag-country-pa{background-image:url(../img/flags/pa.svg)}.flag-country-pe{background-image:url(../img/flags/pe.svg)}.flag-country-pf{background-image:url(../img/flags/pf.svg)}.flag-country-pg{background-image:url(../img/flags/pg.svg)}.flag-country-ph{background-image:url(../img/flags/ph.svg)}.flag-country-pk{background-image:url(../img/flags/pk.svg)}.flag-country-pl{background-image:url(../img/flags/pl.svg)}.flag-country-pm{background-image:url(../img/flags/pm.svg)}.flag-country-pn{background-image:url(../img/flags/pn.svg)}.flag-country-pr{background-image:url(../img/flags/pr.svg)}.flag-country-ps{background-image:url(../img/flags/ps.svg)}.flag-country-pt{background-image:url(../img/flags/pt.svg)}.flag-country-pw{background-image:url(../img/flags/pw.svg)}.flag-country-py{background-image:url(../img/flags/py.svg)}.flag-country-qa{background-image:url(../img/flags/qa.svg)}.flag-country-re{background-image:url(../img/flags/re.svg)}.flag-country-ro{background-image:url(../img/flags/ro.svg)}.flag-country-rs{background-image:url(../img/flags/rs.svg)}.flag-country-ru{background-image:url(../img/flags/ru.svg)}.flag-country-rw{background-image:url(../img/flags/rw.svg)}.flag-country-sa{background-image:url(../img/flags/sa.svg)}.flag-country-sb{background-image:url(../img/flags/sb.svg)}.flag-country-sc{background-image:url(../img/flags/sc.svg)}.flag-country-sd{background-image:url(../img/flags/sd.svg)}.flag-country-se{background-image:url(../img/flags/se.svg)}.flag-country-sg{background-image:url(../img/flags/sg.svg)}.flag-country-sh{background-image:url(../img/flags/sh.svg)}.flag-country-si{background-image:url(../img/flags/si.svg)}.flag-country-sj{background-image:url(../img/flags/sj.svg)}.flag-country-sk{background-image:url(../img/flags/sk.svg)}.flag-country-sl{background-image:url(../img/flags/sl.svg)}.flag-country-sm{background-image:url(../img/flags/sm.svg)}.flag-country-sn{background-image:url(../img/flags/sn.svg)}.flag-country-so{background-image:url(../img/flags/so.svg)}.flag-country-sr{background-image:url(../img/flags/sr.svg)}.flag-country-ss{background-image:url(../img/flags/ss.svg)}.flag-country-st{background-image:url(../img/flags/st.svg)}.flag-country-sv{background-image:url(../img/flags/sv.svg)}.flag-country-sx{background-image:url(../img/flags/sx.svg)}.flag-country-sy{background-image:url(../img/flags/sy.svg)}.flag-country-sz{background-image:url(../img/flags/sz.svg)}.flag-country-tc{background-image:url(../img/flags/tc.svg)}.flag-country-td{background-image:url(../img/flags/td.svg)}.flag-country-tf{background-image:url(../img/flags/tf.svg)}.flag-country-tg{background-image:url(../img/flags/tg.svg)}.flag-country-th{background-image:url(../img/flags/th.svg)}.flag-country-tj{background-image:url(../img/flags/tj.svg)}.flag-country-tk{background-image:url(../img/flags/tk.svg)}.flag-country-tl{background-image:url(../img/flags/tl.svg)}.flag-country-tm{background-image:url(../img/flags/tm.svg)}.flag-country-tn{background-image:url(../img/flags/tn.svg)}.flag-country-to{background-image:url(../img/flags/to.svg)}.flag-country-tr{background-image:url(../img/flags/tr.svg)}.flag-country-tt{background-image:url(../img/flags/tt.svg)}.flag-country-tv{background-image:url(../img/flags/tv.svg)}.flag-country-tw{background-image:url(../img/flags/tw.svg)}.flag-country-tz{background-image:url(../img/flags/tz.svg)}.flag-country-ua{background-image:url(../img/flags/ua.svg)}.flag-country-ug{background-image:url(../img/flags/ug.svg)}.flag-country-um{background-image:url(../img/flags/um.svg)}.flag-country-us{background-image:url(../img/flags/us.svg)}.flag-country-uy{background-image:url(../img/flags/uy.svg)}.flag-country-uz{background-image:url(../img/flags/uz.svg)}.flag-country-va{background-image:url(../img/flags/va.svg)}.flag-country-vc{background-image:url(../img/flags/vc.svg)}.flag-country-ve{background-image:url(../img/flags/ve.svg)}.flag-country-vg{background-image:url(../img/flags/vg.svg)}.flag-country-vi{background-image:url(../img/flags/vi.svg)}.flag-country-vn{background-image:url(../img/flags/vn.svg)}.flag-country-vu{background-image:url(../img/flags/vu.svg)}.flag-country-wf{background-image:url(../img/flags/wf.svg)}.flag-country-ws{background-image:url(../img/flags/ws.svg)}.flag-country-ye{background-image:url(../img/flags/ye.svg)}.flag-country-yt{background-image:url(../img/flags/yt.svg)}.flag-country-za{background-image:url(../img/flags/za.svg)}.flag-country-zm{background-image:url(../img/flags/zm.svg)}.flag-country-zw{background-image:url(../img/flags/zw.svg)}.flag-country-es-ct{background-image:url(../img/flags/es-ct.svg)}.flag-country-eu{background-image:url(../img/flags/eu.svg)}.flag-country-gb-eng{background-image:url(../img/flags/gb-eng.svg)}.flag-country-gb-nir{background-image:url(../img/flags/gb-nir.svg)}.flag-country-gb-sct{background-image:url(../img/flags/gb-sct.svg)}.flag-country-gb-wls{background-image:url(../img/flags/gb-wls.svg)}.flag-country-un{background-image:url(../img/flags/un.svg)}.flag-md{width:2.66666rem;height:2rem}.flag-lg{width:3.99999rem;height:3rem}.flag-xl{width:5.33332rem;height:4rem}
\ No newline at end of file
+.flag{position:relative;display:inline-block;width:1.33333em;height:1em;vertical-align:-3px;background-repeat:no-repeat;background-position:center;background-size:cover;border:1px solid #e8e9ea;border-radius:3px}.flag-country-ad{background-image:url(../img/flags/ad.svg)}.flag-country-ae{background-image:url(../img/flags/ae.svg)}.flag-country-af{background-image:url(../img/flags/af.svg)}.flag-country-ag{background-image:url(../img/flags/ag.svg)}.flag-country-ai{background-image:url(../img/flags/ai.svg)}.flag-country-al{background-image:url(../img/flags/al.svg)}.flag-country-am{background-image:url(../img/flags/am.svg)}.flag-country-ao{background-image:url(../img/flags/ao.svg)}.flag-country-aq{background-image:url(../img/flags/aq.svg)}.flag-country-ar{background-image:url(../img/flags/ar.svg)}.flag-country-as{background-image:url(../img/flags/as.svg)}.flag-country-at{background-image:url(../img/flags/at.svg)}.flag-country-au{background-image:url(../img/flags/au.svg)}.flag-country-aw{background-image:url(../img/flags/aw.svg)}.flag-country-ax{background-image:url(../img/flags/ax.svg)}.flag-country-az{background-image:url(../img/flags/az.svg)}.flag-country-ba{background-image:url(../img/flags/ba.svg)}.flag-country-bb{background-image:url(../img/flags/bb.svg)}.flag-country-bd{background-image:url(../img/flags/bd.svg)}.flag-country-be{background-image:url(../img/flags/be.svg)}.flag-country-bf{background-image:url(../img/flags/bf.svg)}.flag-country-bg{background-image:url(../img/flags/bg.svg)}.flag-country-bh{background-image:url(../img/flags/bh.svg)}.flag-country-bi{background-image:url(../img/flags/bi.svg)}.flag-country-bj{background-image:url(../img/flags/bj.svg)}.flag-country-bl{background-image:url(../img/flags/bl.svg)}.flag-country-bm{background-image:url(../img/flags/bm.svg)}.flag-country-bn{background-image:url(../img/flags/bn.svg)}.flag-country-bo{background-image:url(../img/flags/bo.svg)}.flag-country-bq{background-image:url(../img/flags/bq.svg)}.flag-country-br{background-image:url(../img/flags/br.svg)}.flag-country-bs{background-image:url(../img/flags/bs.svg)}.flag-country-bt{background-image:url(../img/flags/bt.svg)}.flag-country-bv{background-image:url(../img/flags/bv.svg)}.flag-country-bw{background-image:url(../img/flags/bw.svg)}.flag-country-by{background-image:url(../img/flags/by.svg)}.flag-country-bz{background-image:url(../img/flags/bz.svg)}.flag-country-ca{background-image:url(../img/flags/ca.svg)}.flag-country-cc{background-image:url(../img/flags/cc.svg)}.flag-country-cd{background-image:url(../img/flags/cd.svg)}.flag-country-cf{background-image:url(../img/flags/cf.svg)}.flag-country-cg{background-image:url(../img/flags/cg.svg)}.flag-country-ch{background-image:url(../img/flags/ch.svg)}.flag-country-ci{background-image:url(../img/flags/ci.svg)}.flag-country-ck{background-image:url(../img/flags/ck.svg)}.flag-country-cl{background-image:url(../img/flags/cl.svg)}.flag-country-cm{background-image:url(../img/flags/cm.svg)}.flag-country-cn{background-image:url(../img/flags/cn.svg)}.flag-country-co{background-image:url(../img/flags/co.svg)}.flag-country-cr{background-image:url(../img/flags/cr.svg)}.flag-country-cu{background-image:url(../img/flags/cu.svg)}.flag-country-cv{background-image:url(../img/flags/cv.svg)}.flag-country-cw{background-image:url(../img/flags/cw.svg)}.flag-country-cx{background-image:url(../img/flags/cx.svg)}.flag-country-cy{background-image:url(../img/flags/cy.svg)}.flag-country-cz{background-image:url(../img/flags/cz.svg)}.flag-country-de{background-image:url(../img/flags/de.svg)}.flag-country-dj{background-image:url(../img/flags/dj.svg)}.flag-country-dk{background-image:url(../img/flags/dk.svg)}.flag-country-dm{background-image:url(../img/flags/dm.svg)}.flag-country-do{background-image:url(../img/flags/do.svg)}.flag-country-dz{background-image:url(../img/flags/dz.svg)}.flag-country-ec{background-image:url(../img/flags/ec.svg)}.flag-country-ee{background-image:url(../img/flags/ee.svg)}.flag-country-eg{background-image:url(../img/flags/eg.svg)}.flag-country-eh{background-image:url(../img/flags/eh.svg)}.flag-country-er{background-image:url(../img/flags/er.svg)}.flag-country-es{background-image:url(../img/flags/es.svg)}.flag-country-et{background-image:url(../img/flags/et.svg)}.flag-country-fi{background-image:url(../img/flags/fi.svg)}.flag-country-fj{background-image:url(../img/flags/fj.svg)}.flag-country-fk{background-image:url(../img/flags/fk.svg)}.flag-country-fm{background-image:url(../img/flags/fm.svg)}.flag-country-fo{background-image:url(../img/flags/fo.svg)}.flag-country-fr{background-image:url(../img/flags/fr.svg)}.flag-country-ga{background-image:url(../img/flags/ga.svg)}.flag-country-gb{background-image:url(../img/flags/gb.svg)}.flag-country-gd{background-image:url(../img/flags/gd.svg)}.flag-country-ge{background-image:url(../img/flags/ge.svg)}.flag-country-gf{background-image:url(../img/flags/gf.svg)}.flag-country-gg{background-image:url(../img/flags/gg.svg)}.flag-country-gh{background-image:url(../img/flags/gh.svg)}.flag-country-gi{background-image:url(../img/flags/gi.svg)}.flag-country-gl{background-image:url(../img/flags/gl.svg)}.flag-country-gm{background-image:url(../img/flags/gm.svg)}.flag-country-gn{background-image:url(../img/flags/gn.svg)}.flag-country-gp{background-image:url(../img/flags/gp.svg)}.flag-country-gq{background-image:url(../img/flags/gq.svg)}.flag-country-gr{background-image:url(../img/flags/gr.svg)}.flag-country-gs{background-image:url(../img/flags/gs.svg)}.flag-country-gt{background-image:url(../img/flags/gt.svg)}.flag-country-gu{background-image:url(../img/flags/gu.svg)}.flag-country-gw{background-image:url(../img/flags/gw.svg)}.flag-country-gy{background-image:url(../img/flags/gy.svg)}.flag-country-hk{background-image:url(../img/flags/hk.svg)}.flag-country-hm{background-image:url(../img/flags/hm.svg)}.flag-country-hn{background-image:url(../img/flags/hn.svg)}.flag-country-hr{background-image:url(../img/flags/hr.svg)}.flag-country-ht{background-image:url(../img/flags/ht.svg)}.flag-country-hu{background-image:url(../img/flags/hu.svg)}.flag-country-id{background-image:url(../img/flags/id.svg)}.flag-country-ie{background-image:url(../img/flags/ie.svg)}.flag-country-il{background-image:url(../img/flags/il.svg)}.flag-country-im{background-image:url(../img/flags/im.svg)}.flag-country-in{background-image:url(../img/flags/in.svg)}.flag-country-io{background-image:url(../img/flags/io.svg)}.flag-country-iq{background-image:url(../img/flags/iq.svg)}.flag-country-ir{background-image:url(../img/flags/ir.svg)}.flag-country-is{background-image:url(../img/flags/is.svg)}.flag-country-it{background-image:url(../img/flags/it.svg)}.flag-country-je{background-image:url(../img/flags/je.svg)}.flag-country-jm{background-image:url(../img/flags/jm.svg)}.flag-country-jo{background-image:url(../img/flags/jo.svg)}.flag-country-jp{background-image:url(../img/flags/jp.svg)}.flag-country-ke{background-image:url(../img/flags/ke.svg)}.flag-country-kg{background-image:url(../img/flags/kg.svg)}.flag-country-kh{background-image:url(../img/flags/kh.svg)}.flag-country-ki{background-image:url(../img/flags/ki.svg)}.flag-country-km{background-image:url(../img/flags/km.svg)}.flag-country-kn{background-image:url(../img/flags/kn.svg)}.flag-country-kp{background-image:url(../img/flags/kp.svg)}.flag-country-kr{background-image:url(../img/flags/kr.svg)}.flag-country-kw{background-image:url(../img/flags/kw.svg)}.flag-country-ky{background-image:url(../img/flags/ky.svg)}.flag-country-kz{background-image:url(../img/flags/kz.svg)}.flag-country-la{background-image:url(../img/flags/la.svg)}.flag-country-lb{background-image:url(../img/flags/lb.svg)}.flag-country-lc{background-image:url(../img/flags/lc.svg)}.flag-country-li{background-image:url(../img/flags/li.svg)}.flag-country-lk{background-image:url(../img/flags/lk.svg)}.flag-country-lr{background-image:url(../img/flags/lr.svg)}.flag-country-ls{background-image:url(../img/flags/ls.svg)}.flag-country-lt{background-image:url(../img/flags/lt.svg)}.flag-country-lu{background-image:url(../img/flags/lu.svg)}.flag-country-lv{background-image:url(../img/flags/lv.svg)}.flag-country-ly{background-image:url(../img/flags/ly.svg)}.flag-country-ma{background-image:url(../img/flags/ma.svg)}.flag-country-mc{background-image:url(../img/flags/mc.svg)}.flag-country-md{background-image:url(../img/flags/md.svg)}.flag-country-me{background-image:url(../img/flags/me.svg)}.flag-country-mf{background-image:url(../img/flags/mf.svg)}.flag-country-mg{background-image:url(../img/flags/mg.svg)}.flag-country-mh{background-image:url(../img/flags/mh.svg)}.flag-country-mk{background-image:url(../img/flags/mk.svg)}.flag-country-ml{background-image:url(../img/flags/ml.svg)}.flag-country-mm{background-image:url(../img/flags/mm.svg)}.flag-country-mn{background-image:url(../img/flags/mn.svg)}.flag-country-mo{background-image:url(../img/flags/mo.svg)}.flag-country-mp{background-image:url(../img/flags/mp.svg)}.flag-country-mq{background-image:url(../img/flags/mq.svg)}.flag-country-mr{background-image:url(../img/flags/mr.svg)}.flag-country-ms{background-image:url(../img/flags/ms.svg)}.flag-country-mt{background-image:url(../img/flags/mt.svg)}.flag-country-mu{background-image:url(../img/flags/mu.svg)}.flag-country-mv{background-image:url(../img/flags/mv.svg)}.flag-country-mw{background-image:url(../img/flags/mw.svg)}.flag-country-mx{background-image:url(../img/flags/mx.svg)}.flag-country-my{background-image:url(../img/flags/my.svg)}.flag-country-mz{background-image:url(../img/flags/mz.svg)}.flag-country-na{background-image:url(../img/flags/na.svg)}.flag-country-nc{background-image:url(../img/flags/nc.svg)}.flag-country-ne{background-image:url(../img/flags/ne.svg)}.flag-country-nf{background-image:url(../img/flags/nf.svg)}.flag-country-ng{background-image:url(../img/flags/ng.svg)}.flag-country-ni{background-image:url(../img/flags/ni.svg)}.flag-country-nl{background-image:url(../img/flags/nl.svg)}.flag-country-no{background-image:url(../img/flags/no.svg)}.flag-country-np{background-image:url(../img/flags/np.svg)}.flag-country-nr{background-image:url(../img/flags/nr.svg)}.flag-country-nu{background-image:url(../img/flags/nu.svg)}.flag-country-nz{background-image:url(../img/flags/nz.svg)}.flag-country-om{background-image:url(../img/flags/om.svg)}.flag-country-pa{background-image:url(../img/flags/pa.svg)}.flag-country-pe{background-image:url(../img/flags/pe.svg)}.flag-country-pf{background-image:url(../img/flags/pf.svg)}.flag-country-pg{background-image:url(../img/flags/pg.svg)}.flag-country-ph{background-image:url(../img/flags/ph.svg)}.flag-country-pk{background-image:url(../img/flags/pk.svg)}.flag-country-pl{background-image:url(../img/flags/pl.svg)}.flag-country-pm{background-image:url(../img/flags/pm.svg)}.flag-country-pn{background-image:url(../img/flags/pn.svg)}.flag-country-pr{background-image:url(../img/flags/pr.svg)}.flag-country-ps{background-image:url(../img/flags/ps.svg)}.flag-country-pt{background-image:url(../img/flags/pt.svg)}.flag-country-pw{background-image:url(../img/flags/pw.svg)}.flag-country-py{background-image:url(../img/flags/py.svg)}.flag-country-qa{background-image:url(../img/flags/qa.svg)}.flag-country-re{background-image:url(../img/flags/re.svg)}.flag-country-ro{background-image:url(../img/flags/ro.svg)}.flag-country-rs{background-image:url(../img/flags/rs.svg)}.flag-country-ru{background-image:url(../img/flags/ru.svg)}.flag-country-rw{background-image:url(../img/flags/rw.svg)}.flag-country-sa{background-image:url(../img/flags/sa.svg)}.flag-country-sb{background-image:url(../img/flags/sb.svg)}.flag-country-sc{background-image:url(../img/flags/sc.svg)}.flag-country-sd{background-image:url(../img/flags/sd.svg)}.flag-country-se{background-image:url(../img/flags/se.svg)}.flag-country-sg{background-image:url(../img/flags/sg.svg)}.flag-country-sh{background-image:url(../img/flags/sh.svg)}.flag-country-si{background-image:url(../img/flags/si.svg)}.flag-country-sj{background-image:url(../img/flags/sj.svg)}.flag-country-sk{background-image:url(../img/flags/sk.svg)}.flag-country-sl{background-image:url(../img/flags/sl.svg)}.flag-country-sm{background-image:url(../img/flags/sm.svg)}.flag-country-sn{background-image:url(../img/flags/sn.svg)}.flag-country-so{background-image:url(../img/flags/so.svg)}.flag-country-sr{background-image:url(../img/flags/sr.svg)}.flag-country-ss{background-image:url(../img/flags/ss.svg)}.flag-country-st{background-image:url(../img/flags/st.svg)}.flag-country-sv{background-image:url(../img/flags/sv.svg)}.flag-country-sx{background-image:url(../img/flags/sx.svg)}.flag-country-sy{background-image:url(../img/flags/sy.svg)}.flag-country-sz{background-image:url(../img/flags/sz.svg)}.flag-country-tc{background-image:url(../img/flags/tc.svg)}.flag-country-td{background-image:url(../img/flags/td.svg)}.flag-country-tf{background-image:url(../img/flags/tf.svg)}.flag-country-tg{background-image:url(../img/flags/tg.svg)}.flag-country-th{background-image:url(../img/flags/th.svg)}.flag-country-tj{background-image:url(../img/flags/tj.svg)}.flag-country-tk{background-image:url(../img/flags/tk.svg)}.flag-country-tl{background-image:url(../img/flags/tl.svg)}.flag-country-tm{background-image:url(../img/flags/tm.svg)}.flag-country-tn{background-image:url(../img/flags/tn.svg)}.flag-country-to{background-image:url(../img/flags/to.svg)}.flag-country-tr{background-image:url(../img/flags/tr.svg)}.flag-country-tt{background-image:url(../img/flags/tt.svg)}.flag-country-tv{background-image:url(../img/flags/tv.svg)}.flag-country-tw{background-image:url(../img/flags/tw.svg)}.flag-country-tz{background-image:url(../img/flags/tz.svg)}.flag-country-ua{background-image:url(../img/flags/ua.svg)}.flag-country-ug{background-image:url(../img/flags/ug.svg)}.flag-country-um{background-image:url(../img/flags/um.svg)}.flag-country-us{background-image:url(../img/flags/us.svg)}.flag-country-uy{background-image:url(../img/flags/uy.svg)}.flag-country-uz{background-image:url(../img/flags/uz.svg)}.flag-country-va{background-image:url(../img/flags/va.svg)}.flag-country-vc{background-image:url(../img/flags/vc.svg)}.flag-country-ve{background-image:url(../img/flags/ve.svg)}.flag-country-vg{background-image:url(../img/flags/vg.svg)}.flag-country-vi{background-image:url(../img/flags/vi.svg)}.flag-country-vn{background-image:url(../img/flags/vn.svg)}.flag-country-vu{background-image:url(../img/flags/vu.svg)}.flag-country-wf{background-image:url(../img/flags/wf.svg)}.flag-country-ws{background-image:url(../img/flags/ws.svg)}.flag-country-ye{background-image:url(../img/flags/ye.svg)}.flag-country-yt{background-image:url(../img/flags/yt.svg)}.flag-country-za{background-image:url(../img/flags/za.svg)}.flag-country-zm{background-image:url(../img/flags/zm.svg)}.flag-country-zw{background-image:url(../img/flags/zw.svg)}.flag-country-es-ct{background-image:url(../img/flags/es-ct.svg)}.flag-country-eu{background-image:url(../img/flags/eu.svg)}.flag-country-gb-eng{background-image:url(../img/flags/gb-eng.svg)}.flag-country-gb-nir{background-image:url(../img/flags/gb-nir.svg)}.flag-country-gb-sct{background-image:url(../img/flags/gb-sct.svg)}.flag-country-gb-wls{background-image:url(../img/flags/gb-wls.svg)}.flag-country-un{background-image:url(../img/flags/un.svg)}.flag-xs{width:1.6666625rem;height:1.25rem}.flag-sm{width:2.66666rem;height:2rem}.flag-md{width:4.9999875rem;height:3.75rem}.flag-lg{width:6.66665rem;height:5rem}.flag-xl{width:9.33331rem;height:7rem}
\ No newline at end of file
diff --git a/dist/css/tabler-payments.css b/dist/css/tabler-payments.css
index 82668b45a..7e8325742 100644
--- a/dist/css/tabler-payments.css
+++ b/dist/css/tabler-payments.css
@@ -1,6 +1,6 @@
 /*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
+* Tabler v1.0.0-alpha.9 (https://tabler.io)
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -370,14 +370,22 @@
 .payment-provider-worldpay-dark {
   background-image: url("../img/payments/worldpay-dark.svg"); }
 
+.payment-xs {
+  width: 2.083325rem;
+  height: 1.25rem; }
+
 .payment-sm {
-  width: 2.49999rem;
-  height: 1.5rem; }
+  width: 3.33332rem;
+  height: 2rem; }
+
+.payment-md {
+  width: 6.249975rem;
+  height: 3.75rem; }
 
 .payment-lg {
-  width: 4.99998rem;
-  height: 3rem; }
+  width: 8.3333rem;
+  height: 5rem; }
 
 .payment-xl {
-  width: 6.66664rem;
-  height: 4rem; }
+  width: 11.66662rem;
+  height: 7rem; }
diff --git a/dist/css/tabler-payments.min.css b/dist/css/tabler-payments.min.css
index d6ab71ed3..c6471dcc8 100644
--- a/dist/css/tabler-payments.min.css
+++ b/dist/css/tabler-payments.min.css
@@ -1,9 +1,9 @@
 /*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
+* Tabler v1.0.0-alpha.9 (https://tabler.io)
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 */
-.payment{width:3.33332rem;height:2rem;display:inline-block;background:no-repeat center/100% 100%;vertical-align:bottom;font-style:normal;box-shadow:0 0 1px 1px rgba(0,0,0,.1);border-radius:2px}.payment-provider-2checkout{background-image:url(../img/payments/2checkout.svg)}.payment-provider-2checkout-dark{background-image:url(../img/payments/2checkout-dark.svg)}.payment-provider-alipay{background-image:url(../img/payments/alipay.svg)}.payment-provider-alipay-dark{background-image:url(../img/payments/alipay-dark.svg)}.payment-provider-amazon{background-image:url(../img/payments/amazon.svg)}.payment-provider-amazon-dark{background-image:url(../img/payments/amazon-dark.svg)}.payment-provider-americanexpress{background-image:url(../img/payments/americanexpress.svg)}.payment-provider-americanexpress-dark{background-image:url(../img/payments/americanexpress-dark.svg)}.payment-provider-applepay{background-image:url(../img/payments/applepay.svg)}.payment-provider-applepay-dark{background-image:url(../img/payments/applepay-dark.svg)}.payment-provider-bancontact{background-image:url(../img/payments/bancontact.svg)}.payment-provider-bancontact-dark{background-image:url(../img/payments/bancontact-dark.svg)}.payment-provider-bitcoin{background-image:url(../img/payments/bitcoin.svg)}.payment-provider-bitcoin-dark{background-image:url(../img/payments/bitcoin-dark.svg)}.payment-provider-bitpay{background-image:url(../img/payments/bitpay.svg)}.payment-provider-bitpay-dark{background-image:url(../img/payments/bitpay-dark.svg)}.payment-provider-blik{background-image:url(../img/payments/blik.svg)}.payment-provider-blik-dark{background-image:url(../img/payments/blik-dark.svg)}.payment-provider-cirrus{background-image:url(../img/payments/cirrus.svg)}.payment-provider-cirrus-dark{background-image:url(../img/payments/cirrus-dark.svg)}.payment-provider-clickandbuy{background-image:url(../img/payments/clickandbuy.svg)}.payment-provider-clickandbuy-dark{background-image:url(../img/payments/clickandbuy-dark.svg)}.payment-provider-coinkite{background-image:url(../img/payments/coinkite.svg)}.payment-provider-coinkite-dark{background-image:url(../img/payments/coinkite-dark.svg)}.payment-provider-dinersclub{background-image:url(../img/payments/dinersclub.svg)}.payment-provider-dinersclub-dark{background-image:url(../img/payments/dinersclub-dark.svg)}.payment-provider-directdebit{background-image:url(../img/payments/directdebit.svg)}.payment-provider-directdebit-dark{background-image:url(../img/payments/directdebit-dark.svg)}.payment-provider-discover{background-image:url(../img/payments/discover.svg)}.payment-provider-discover-dark{background-image:url(../img/payments/discover-dark.svg)}.payment-provider-dotpay{background-image:url(../img/payments/dotpay.svg)}.payment-provider-dotpay-dark{background-image:url(../img/payments/dotpay-dark.svg)}.payment-provider-dwolla{background-image:url(../img/payments/dwolla.svg)}.payment-provider-dwolla-dark{background-image:url(../img/payments/dwolla-dark.svg)}.payment-provider-ebay{background-image:url(../img/payments/ebay.svg)}.payment-provider-ebay-dark{background-image:url(../img/payments/ebay-dark.svg)}.payment-provider-eway{background-image:url(../img/payments/eway.svg)}.payment-provider-eway-dark{background-image:url(../img/payments/eway-dark.svg)}.payment-provider-giropay{background-image:url(../img/payments/giropay.svg)}.payment-provider-giropay-dark{background-image:url(../img/payments/giropay-dark.svg)}.payment-provider-googlewallet{background-image:url(../img/payments/googlewallet.svg)}.payment-provider-googlewallet-dark{background-image:url(../img/payments/googlewallet-dark.svg)}.payment-provider-ingenico{background-image:url(../img/payments/ingenico.svg)}.payment-provider-ingenico-dark{background-image:url(../img/payments/ingenico-dark.svg)}.payment-provider-jcb{background-image:url(../img/payments/jcb.svg)}.payment-provider-jcb-dark{background-image:url(../img/payments/jcb-dark.svg)}.payment-provider-klarna{background-image:url(../img/payments/klarna.svg)}.payment-provider-klarna-dark{background-image:url(../img/payments/klarna-dark.svg)}.payment-provider-laser{background-image:url(../img/payments/laser.svg)}.payment-provider-laser-dark{background-image:url(../img/payments/laser-dark.svg)}.payment-provider-maestro{background-image:url(../img/payments/maestro.svg)}.payment-provider-maestro-dark{background-image:url(../img/payments/maestro-dark.svg)}.payment-provider-mastercard{background-image:url(../img/payments/mastercard.svg)}.payment-provider-mastercard-dark{background-image:url(../img/payments/mastercard-dark.svg)}.payment-provider-mir{background-image:url(../img/payments/mir.svg)}.payment-provider-mir-dark{background-image:url(../img/payments/mir-dark.svg)}.payment-provider-monero{background-image:url(../img/payments/monero.svg)}.payment-provider-monero-dark{background-image:url(../img/payments/monero-dark.svg)}.payment-provider-neteller{background-image:url(../img/payments/neteller.svg)}.payment-provider-neteller-dark{background-image:url(../img/payments/neteller-dark.svg)}.payment-provider-ogone{background-image:url(../img/payments/ogone.svg)}.payment-provider-ogone-dark{background-image:url(../img/payments/ogone-dark.svg)}.payment-provider-okpay{background-image:url(../img/payments/okpay.svg)}.payment-provider-okpay-dark{background-image:url(../img/payments/okpay-dark.svg)}.payment-provider-paybox{background-image:url(../img/payments/paybox.svg)}.payment-provider-paybox-dark{background-image:url(../img/payments/paybox-dark.svg)}.payment-provider-paymill{background-image:url(../img/payments/paymill.svg)}.payment-provider-paymill-dark{background-image:url(../img/payments/paymill-dark.svg)}.payment-provider-payone{background-image:url(../img/payments/payone.svg)}.payment-provider-payone-dark{background-image:url(../img/payments/payone-dark.svg)}.payment-provider-payoneer{background-image:url(../img/payments/payoneer.svg)}.payment-provider-payoneer-dark{background-image:url(../img/payments/payoneer-dark.svg)}.payment-provider-paypal{background-image:url(../img/payments/paypal.svg)}.payment-provider-paypal-dark{background-image:url(../img/payments/paypal-dark.svg)}.payment-provider-paysafecard{background-image:url(../img/payments/paysafecard.svg)}.payment-provider-paysafecard-dark{background-image:url(../img/payments/paysafecard-dark.svg)}.payment-provider-payu{background-image:url(../img/payments/payu.svg)}.payment-provider-payu-dark{background-image:url(../img/payments/payu-dark.svg)}.payment-provider-payza{background-image:url(../img/payments/payza.svg)}.payment-provider-payza-dark{background-image:url(../img/payments/payza-dark.svg)}.payment-provider-przelewy24{background-image:url(../img/payments/przelewy24.svg)}.payment-provider-przelewy24-dark{background-image:url(../img/payments/przelewy24-dark.svg)}.payment-provider-ripple{background-image:url(../img/payments/ripple.svg)}.payment-provider-ripple-dark{background-image:url(../img/payments/ripple-dark.svg)}.payment-provider-sage{background-image:url(../img/payments/sage.svg)}.payment-provider-sage-dark{background-image:url(../img/payments/sage-dark.svg)}.payment-provider-sepa{background-image:url(../img/payments/sepa.svg)}.payment-provider-sepa-dark{background-image:url(../img/payments/sepa-dark.svg)}.payment-provider-shopify{background-image:url(../img/payments/shopify.svg)}.payment-provider-shopify-dark{background-image:url(../img/payments/shopify-dark.svg)}.payment-provider-skrill{background-image:url(../img/payments/skrill.svg)}.payment-provider-skrill-dark{background-image:url(../img/payments/skrill-dark.svg)}.payment-provider-solo{background-image:url(../img/payments/solo.svg)}.payment-provider-solo-dark{background-image:url(../img/payments/solo-dark.svg)}.payment-provider-square{background-image:url(../img/payments/square.svg)}.payment-provider-square-dark{background-image:url(../img/payments/square-dark.svg)}.payment-provider-stripe{background-image:url(../img/payments/stripe.svg)}.payment-provider-stripe-dark{background-image:url(../img/payments/stripe-dark.svg)}.payment-provider-switch{background-image:url(../img/payments/switch.svg)}.payment-provider-switch-dark{background-image:url(../img/payments/switch-dark.svg)}.payment-provider-tpay{background-image:url(../img/payments/tpay.svg)}.payment-provider-tpay-dark{background-image:url(../img/payments/tpay-dark.svg)}.payment-provider-ukash{background-image:url(../img/payments/ukash.svg)}.payment-provider-ukash-dark{background-image:url(../img/payments/ukash-dark.svg)}.payment-provider-unionpay{background-image:url(../img/payments/unionpay.svg)}.payment-provider-unionpay-dark{background-image:url(../img/payments/unionpay-dark.svg)}.payment-provider-verifone{background-image:url(../img/payments/verifone.svg)}.payment-provider-verifone-dark{background-image:url(../img/payments/verifone-dark.svg)}.payment-provider-verisign{background-image:url(../img/payments/verisign.svg)}.payment-provider-verisign-dark{background-image:url(../img/payments/verisign-dark.svg)}.payment-provider-visa{background-image:url(../img/payments/visa.svg)}.payment-provider-visa-dark{background-image:url(../img/payments/visa-dark.svg)}.payment-provider-webmoney{background-image:url(../img/payments/webmoney.svg)}.payment-provider-webmoney-dark{background-image:url(../img/payments/webmoney-dark.svg)}.payment-provider-westernunion{background-image:url(../img/payments/westernunion.svg)}.payment-provider-westernunion-dark{background-image:url(../img/payments/westernunion-dark.svg)}.payment-provider-worldpay{background-image:url(../img/payments/worldpay.svg)}.payment-provider-worldpay-dark{background-image:url(../img/payments/worldpay-dark.svg)}.payment-sm{width:2.49999rem;height:1.5rem}.payment-lg{width:4.99998rem;height:3rem}.payment-xl{width:6.66664rem;height:4rem}
\ No newline at end of file
+.payment{width:3.33332rem;height:2rem;display:inline-block;background:no-repeat center/100% 100%;vertical-align:bottom;font-style:normal;box-shadow:0 0 1px 1px rgba(0,0,0,.1);border-radius:2px}.payment-provider-2checkout{background-image:url(../img/payments/2checkout.svg)}.payment-provider-2checkout-dark{background-image:url(../img/payments/2checkout-dark.svg)}.payment-provider-alipay{background-image:url(../img/payments/alipay.svg)}.payment-provider-alipay-dark{background-image:url(../img/payments/alipay-dark.svg)}.payment-provider-amazon{background-image:url(../img/payments/amazon.svg)}.payment-provider-amazon-dark{background-image:url(../img/payments/amazon-dark.svg)}.payment-provider-americanexpress{background-image:url(../img/payments/americanexpress.svg)}.payment-provider-americanexpress-dark{background-image:url(../img/payments/americanexpress-dark.svg)}.payment-provider-applepay{background-image:url(../img/payments/applepay.svg)}.payment-provider-applepay-dark{background-image:url(../img/payments/applepay-dark.svg)}.payment-provider-bancontact{background-image:url(../img/payments/bancontact.svg)}.payment-provider-bancontact-dark{background-image:url(../img/payments/bancontact-dark.svg)}.payment-provider-bitcoin{background-image:url(../img/payments/bitcoin.svg)}.payment-provider-bitcoin-dark{background-image:url(../img/payments/bitcoin-dark.svg)}.payment-provider-bitpay{background-image:url(../img/payments/bitpay.svg)}.payment-provider-bitpay-dark{background-image:url(../img/payments/bitpay-dark.svg)}.payment-provider-blik{background-image:url(../img/payments/blik.svg)}.payment-provider-blik-dark{background-image:url(../img/payments/blik-dark.svg)}.payment-provider-cirrus{background-image:url(../img/payments/cirrus.svg)}.payment-provider-cirrus-dark{background-image:url(../img/payments/cirrus-dark.svg)}.payment-provider-clickandbuy{background-image:url(../img/payments/clickandbuy.svg)}.payment-provider-clickandbuy-dark{background-image:url(../img/payments/clickandbuy-dark.svg)}.payment-provider-coinkite{background-image:url(../img/payments/coinkite.svg)}.payment-provider-coinkite-dark{background-image:url(../img/payments/coinkite-dark.svg)}.payment-provider-dinersclub{background-image:url(../img/payments/dinersclub.svg)}.payment-provider-dinersclub-dark{background-image:url(../img/payments/dinersclub-dark.svg)}.payment-provider-directdebit{background-image:url(../img/payments/directdebit.svg)}.payment-provider-directdebit-dark{background-image:url(../img/payments/directdebit-dark.svg)}.payment-provider-discover{background-image:url(../img/payments/discover.svg)}.payment-provider-discover-dark{background-image:url(../img/payments/discover-dark.svg)}.payment-provider-dotpay{background-image:url(../img/payments/dotpay.svg)}.payment-provider-dotpay-dark{background-image:url(../img/payments/dotpay-dark.svg)}.payment-provider-dwolla{background-image:url(../img/payments/dwolla.svg)}.payment-provider-dwolla-dark{background-image:url(../img/payments/dwolla-dark.svg)}.payment-provider-ebay{background-image:url(../img/payments/ebay.svg)}.payment-provider-ebay-dark{background-image:url(../img/payments/ebay-dark.svg)}.payment-provider-eway{background-image:url(../img/payments/eway.svg)}.payment-provider-eway-dark{background-image:url(../img/payments/eway-dark.svg)}.payment-provider-giropay{background-image:url(../img/payments/giropay.svg)}.payment-provider-giropay-dark{background-image:url(../img/payments/giropay-dark.svg)}.payment-provider-googlewallet{background-image:url(../img/payments/googlewallet.svg)}.payment-provider-googlewallet-dark{background-image:url(../img/payments/googlewallet-dark.svg)}.payment-provider-ingenico{background-image:url(../img/payments/ingenico.svg)}.payment-provider-ingenico-dark{background-image:url(../img/payments/ingenico-dark.svg)}.payment-provider-jcb{background-image:url(../img/payments/jcb.svg)}.payment-provider-jcb-dark{background-image:url(../img/payments/jcb-dark.svg)}.payment-provider-klarna{background-image:url(../img/payments/klarna.svg)}.payment-provider-klarna-dark{background-image:url(../img/payments/klarna-dark.svg)}.payment-provider-laser{background-image:url(../img/payments/laser.svg)}.payment-provider-laser-dark{background-image:url(../img/payments/laser-dark.svg)}.payment-provider-maestro{background-image:url(../img/payments/maestro.svg)}.payment-provider-maestro-dark{background-image:url(../img/payments/maestro-dark.svg)}.payment-provider-mastercard{background-image:url(../img/payments/mastercard.svg)}.payment-provider-mastercard-dark{background-image:url(../img/payments/mastercard-dark.svg)}.payment-provider-mir{background-image:url(../img/payments/mir.svg)}.payment-provider-mir-dark{background-image:url(../img/payments/mir-dark.svg)}.payment-provider-monero{background-image:url(../img/payments/monero.svg)}.payment-provider-monero-dark{background-image:url(../img/payments/monero-dark.svg)}.payment-provider-neteller{background-image:url(../img/payments/neteller.svg)}.payment-provider-neteller-dark{background-image:url(../img/payments/neteller-dark.svg)}.payment-provider-ogone{background-image:url(../img/payments/ogone.svg)}.payment-provider-ogone-dark{background-image:url(../img/payments/ogone-dark.svg)}.payment-provider-okpay{background-image:url(../img/payments/okpay.svg)}.payment-provider-okpay-dark{background-image:url(../img/payments/okpay-dark.svg)}.payment-provider-paybox{background-image:url(../img/payments/paybox.svg)}.payment-provider-paybox-dark{background-image:url(../img/payments/paybox-dark.svg)}.payment-provider-paymill{background-image:url(../img/payments/paymill.svg)}.payment-provider-paymill-dark{background-image:url(../img/payments/paymill-dark.svg)}.payment-provider-payone{background-image:url(../img/payments/payone.svg)}.payment-provider-payone-dark{background-image:url(../img/payments/payone-dark.svg)}.payment-provider-payoneer{background-image:url(../img/payments/payoneer.svg)}.payment-provider-payoneer-dark{background-image:url(../img/payments/payoneer-dark.svg)}.payment-provider-paypal{background-image:url(../img/payments/paypal.svg)}.payment-provider-paypal-dark{background-image:url(../img/payments/paypal-dark.svg)}.payment-provider-paysafecard{background-image:url(../img/payments/paysafecard.svg)}.payment-provider-paysafecard-dark{background-image:url(../img/payments/paysafecard-dark.svg)}.payment-provider-payu{background-image:url(../img/payments/payu.svg)}.payment-provider-payu-dark{background-image:url(../img/payments/payu-dark.svg)}.payment-provider-payza{background-image:url(../img/payments/payza.svg)}.payment-provider-payza-dark{background-image:url(../img/payments/payza-dark.svg)}.payment-provider-przelewy24{background-image:url(../img/payments/przelewy24.svg)}.payment-provider-przelewy24-dark{background-image:url(../img/payments/przelewy24-dark.svg)}.payment-provider-ripple{background-image:url(../img/payments/ripple.svg)}.payment-provider-ripple-dark{background-image:url(../img/payments/ripple-dark.svg)}.payment-provider-sage{background-image:url(../img/payments/sage.svg)}.payment-provider-sage-dark{background-image:url(../img/payments/sage-dark.svg)}.payment-provider-sepa{background-image:url(../img/payments/sepa.svg)}.payment-provider-sepa-dark{background-image:url(../img/payments/sepa-dark.svg)}.payment-provider-shopify{background-image:url(../img/payments/shopify.svg)}.payment-provider-shopify-dark{background-image:url(../img/payments/shopify-dark.svg)}.payment-provider-skrill{background-image:url(../img/payments/skrill.svg)}.payment-provider-skrill-dark{background-image:url(../img/payments/skrill-dark.svg)}.payment-provider-solo{background-image:url(../img/payments/solo.svg)}.payment-provider-solo-dark{background-image:url(../img/payments/solo-dark.svg)}.payment-provider-square{background-image:url(../img/payments/square.svg)}.payment-provider-square-dark{background-image:url(../img/payments/square-dark.svg)}.payment-provider-stripe{background-image:url(../img/payments/stripe.svg)}.payment-provider-stripe-dark{background-image:url(../img/payments/stripe-dark.svg)}.payment-provider-switch{background-image:url(../img/payments/switch.svg)}.payment-provider-switch-dark{background-image:url(../img/payments/switch-dark.svg)}.payment-provider-tpay{background-image:url(../img/payments/tpay.svg)}.payment-provider-tpay-dark{background-image:url(../img/payments/tpay-dark.svg)}.payment-provider-ukash{background-image:url(../img/payments/ukash.svg)}.payment-provider-ukash-dark{background-image:url(../img/payments/ukash-dark.svg)}.payment-provider-unionpay{background-image:url(../img/payments/unionpay.svg)}.payment-provider-unionpay-dark{background-image:url(../img/payments/unionpay-dark.svg)}.payment-provider-verifone{background-image:url(../img/payments/verifone.svg)}.payment-provider-verifone-dark{background-image:url(../img/payments/verifone-dark.svg)}.payment-provider-verisign{background-image:url(../img/payments/verisign.svg)}.payment-provider-verisign-dark{background-image:url(../img/payments/verisign-dark.svg)}.payment-provider-visa{background-image:url(../img/payments/visa.svg)}.payment-provider-visa-dark{background-image:url(../img/payments/visa-dark.svg)}.payment-provider-webmoney{background-image:url(../img/payments/webmoney.svg)}.payment-provider-webmoney-dark{background-image:url(../img/payments/webmoney-dark.svg)}.payment-provider-westernunion{background-image:url(../img/payments/westernunion.svg)}.payment-provider-westernunion-dark{background-image:url(../img/payments/westernunion-dark.svg)}.payment-provider-worldpay{background-image:url(../img/payments/worldpay.svg)}.payment-provider-worldpay-dark{background-image:url(../img/payments/worldpay-dark.svg)}.payment-xs{width:2.083325rem;height:1.25rem}.payment-sm{width:3.33332rem;height:2rem}.payment-md{width:6.249975rem;height:3.75rem}.payment-lg{width:8.3333rem;height:5rem}.payment-xl{width:11.66662rem;height:7rem}
\ No newline at end of file
diff --git a/dist/css/tabler.css b/dist/css/tabler.css
index 5e86ab1fa..fec86cfe4 100644
--- a/dist/css/tabler.css
+++ b/dist/css/tabler.css
@@ -1,53 +1,55 @@
 /*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
+* Tabler v1.0.0-alpha.9 (https://tabler.io)
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 */
 @charset "UTF-8";
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
 :root {
-  --bs-blue: #206bc4;
-  --bs-azure: #45aaf2;
-  --bs-indigo: #6574cd;
-  --bs-purple: #a55eea;
-  --bs-pink: #f66d9b;
-  --bs-red: #cd201f;
-  --bs-orange: #ff922b;
-  --bs-yellow: #fab005;
-  --bs-lime: #94d82d;
-  --bs-green: #5eba00;
-  --bs-teal: #2bcbba;
-  --bs-cyan: #17a2b8;
-  --bs-gray: #a8aeb7;
-  --bs-gray-dark: #545d6d;
-  --bs-dark: #354052;
-  --bs-primary: #206bc4;
-  --bs-secondary: #5f666e;
-  --bs-success: #5eba00;
-  --bs-info: #45aaf2;
-  --bs-warning: #fab005;
-  --bs-danger: #cd201f;
-  --bs-light: #f5f7fb;
-  --bs-dark: #354052;
-  --bs-font-sans-serif: false, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
-  --bs-font-monospace: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
-  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); }
+  --tblr-blue: #206bc4;
+  --tblr-azure: #4299e1;
+  --tblr-indigo: #6574cd;
+  --tblr-purple: #9f7aea;
+  --tblr-pink: #ed64a6;
+  --tblr-red: #e53e3e;
+  --tblr-orange: #ed8936;
+  --tblr-yellow: #fab005;
+  --tblr-lime: #82c91e;
+  --tblr-green: #5eba00;
+  --tblr-teal: #2bcbba;
+  --tblr-cyan: #17a2b8;
+  --tblr-primary: #206bc4;
+  --tblr-secondary: #6e757e;
+  --tblr-success: #5eba00;
+  --tblr-info: #4299e1;
+  --tblr-warning: #ed8936;
+  --tblr-danger: #e53e3e;
+  --tblr-light: #f1f4f8;
+  --tblr-dark: #232e3c;
+  --tblr-font-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+  --tblr-font-monospace: null, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
+  --tblr-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); }
 
 *,
 *::before,
 *::after {
   box-sizing: border-box; }
 
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth; } }
+
 body {
   margin: 0;
-  font-family: var(--bs-font-sans-serif);
+  font-family: var(--tblr-font-sans-serif);
   font-size: 0.875rem;
   font-weight: 400;
-  line-height: 1.71429;
-  color: #212b36;
-  background-color: #f5f7fb;
+  line-height: 1.4285714;
+  color: #232e3c;
+  background-color: #f1f4f8;
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
 
@@ -126,7 +128,7 @@ ul ol {
   margin-bottom: 0; }
 
 dt {
-  font-weight: 500; }
+  font-weight: 600; }
 
 dd {
   margin-bottom: .5rem;
@@ -140,7 +142,7 @@ strong {
   font-weight: bolder; }
 
 small, .small {
-  font-size: 0.75rem; }
+  font-size: 85.7142857%; }
 
 mark, .mark {
   padding: 0.2em;
@@ -163,7 +165,8 @@ a {
   color: #206bc4;
   text-decoration: none; }
   a:hover {
-    color: #154782; }
+    color: #1a569d;
+    text-decoration: underline; }
 
 a:not([href]):not([class]), a:not([href]):not([class]):hover {
   color: inherit;
@@ -173,7 +176,7 @@ pre,
 code,
 kbd,
 samp {
-  font-family: var(--bs-font-monospace);
+  font-family: var(--tblr-font-monospace);
   font-size: 1em; }
 
 pre {
@@ -181,7 +184,7 @@ pre {
   margin-top: 0;
   margin-bottom: 1rem;
   overflow: auto;
-  font-size: 0.75rem;
+  font-size: 85.7142857%;
   -ms-overflow-style: scrollbar; }
   pre code {
     font-size: inherit;
@@ -189,7 +192,7 @@ pre {
     word-break: normal; }
 
 code {
-  font-size: 0.75rem;
+  font-size: 85.7142857%;
   color: #206bc4;
   word-wrap: break-word; }
   a > code {
@@ -197,14 +200,14 @@ code {
 
 kbd {
   padding: 0.2rem 0.4rem;
-  font-size: 0.75rem;
+  font-size: 85.7142857%;
   color: #ffffff;
-  background-color: #354052;
+  background-color: #232e3c;
   border-radius: 0.2rem; }
   kbd kbd {
     padding: 0;
     font-size: 1em;
-    font-weight: 500; }
+    font-weight: 600; }
 
 figure {
   margin: 0 0 1rem; }
@@ -220,7 +223,7 @@ table {
 caption {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
-  color: #5f666e;
+  color: #6e757e;
   text-align: left; }
 
 th {
@@ -334,6 +337,9 @@ legend {
 ::-webkit-color-swatch-wrapper {
   padding: 0; }
 
+::file-selector-button {
+  font: inherit; }
+
 ::-webkit-file-upload-button {
   font: inherit;
   -webkit-appearance: button; }
@@ -420,7 +426,7 @@ progress {
     margin-right: 0.5rem; }
 
 .initialism {
-  font-size: 0.75rem;
+  font-size: 85.7142857%;
   text-transform: uppercase; }
 
 .blockquote {
@@ -432,8 +438,8 @@ progress {
 .blockquote-footer {
   margin-top: -1rem;
   margin-bottom: 1rem;
-  font-size: 0.75rem;
-  color: #a8aeb7; }
+  font-size: 85.7142857%;
+  color: #9fa5ad; }
   .blockquote-footer::before {
     content: "\2014\00A0"; }
 
@@ -443,8 +449,8 @@ progress {
 
 .img-thumbnail {
   padding: 0.25rem;
-  background-color: #f5f7fb;
-  border: 1px solid #e9ecf1;
+  background-color: #f1f4f8;
+  border: 1px solid #e5e8ed;
   border-radius: 3px;
   max-width: 100%;
   height: auto; }
@@ -457,53 +463,58 @@ progress {
   line-height: 1; }
 
 .figure-caption {
-  font-size: 0.75rem;
-  color: #a8aeb7; }
+  font-size: 85.7142857%;
+  color: #9fa5ad; }
 
 .container,
 .container-fluid,
 .container-sm,
 .container-md,
 .container-lg,
-.container-xl {
-  --bs-gutter-x: 0.75rem;
+.container-xl,
+.container-xxl {
+  --bs-gutter-x: 1.5rem;
   width: 100%;
   padding-right: calc(var(--bs-gutter-x) / 2);
   padding-left: calc(var(--bs-gutter-x) / 2);
   margin-right: auto;
   margin-left: auto; }
 
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .container, .container-sm {
-    max-width: 32.5rem; } }
+    max-width: 540px; } }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .container, .container-sm, .container-md {
-    max-width: 47.5rem; } }
+    max-width: 720px; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .container, .container-sm, .container-md, .container-lg {
-    max-width: 64rem; } }
+    max-width: 960px; } }
 
-@media (min-width: 75.25rem) {
+@media (min-width: 1200px) {
   .container, .container-sm, .container-md, .container-lg, .container-xl {
-    max-width: 75.25rem; } }
+    max-width: 1140px; } }
+
+@media (min-width: 1400px) {
+  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
+    max-width: 1320px; } }
 
 .row {
-  --bs-gutter-x: 1.5rem;
-  --bs-gutter-y: 0;
+  --tblr-gutter-x: 1rem;
+  --tblr-gutter-y: 0;
   display: flex;
   flex-wrap: wrap;
-  margin-top: calc(var(--bs-gutter-y) * -1);
-  margin-right: calc(var(--bs-gutter-x) / -2);
-  margin-left: calc(var(--bs-gutter-x) / -2); }
+  margin-top: calc(var(--tblr-gutter-y) * -1);
+  margin-right: calc(var(--tblr-gutter-x) / -2);
+  margin-left: calc(var(--tblr-gutter-x) / -2); }
   .row > * {
     flex-shrink: 0;
     width: 100%;
     max-width: 100%;
-    padding-right: calc(var(--bs-gutter-x) / 2);
-    padding-left: calc(var(--bs-gutter-x) / 2);
-    margin-top: var(--bs-gutter-y); }
+    padding-right: calc(var(--tblr-gutter-x) / 2);
+    padding-left: calc(var(--tblr-gutter-x) / 2);
+    margin-top: var(--tblr-gutter-y); }
 
 .col {
   flex: 1 0 0%; }
@@ -522,7 +533,7 @@ progress {
 
 .row-cols-3 > * {
   flex: 0 0 auto;
-  width: 33.33333%; }
+  width: 33.3333333%; }
 
 .row-cols-4 > * {
   flex: 0 0 auto;
@@ -534,7 +545,7 @@ progress {
 
 .row-cols-6 > * {
   flex: 0 0 auto;
-  width: 16.66667%; }
+  width: 16.6666667%; }
 
 .col-auto {
   flex: 0 0 auto;
@@ -542,11 +553,11 @@ progress {
 
 .col-1 {
   flex: 0 0 auto;
-  width: 8.33333%; }
+  width: 8.3333333%; }
 
 .col-2 {
   flex: 0 0 auto;
-  width: 16.66667%; }
+  width: 16.6666667%; }
 
 .col-3 {
   flex: 0 0 auto;
@@ -554,11 +565,11 @@ progress {
 
 .col-4 {
   flex: 0 0 auto;
-  width: 33.33333%; }
+  width: 33.3333333%; }
 
 .col-5 {
   flex: 0 0 auto;
-  width: 41.66667%; }
+  width: 41.6666667%; }
 
 .col-6 {
   flex: 0 0 auto;
@@ -566,11 +577,11 @@ progress {
 
 .col-7 {
   flex: 0 0 auto;
-  width: 58.33333%; }
+  width: 58.3333333%; }
 
 .col-8 {
   flex: 0 0 auto;
-  width: 66.66667%; }
+  width: 66.6666667%; }
 
 .col-9 {
   flex: 0 0 auto;
@@ -578,106 +589,106 @@ progress {
 
 .col-10 {
   flex: 0 0 auto;
-  width: 83.33333%; }
+  width: 83.3333333%; }
 
 .col-11 {
   flex: 0 0 auto;
-  width: 91.66667%; }
+  width: 91.6666667%; }
 
 .col-12 {
   flex: 0 0 auto;
   width: 100%; }
 
 .offset-1 {
-  margin-left: 8.33333%; }
+  margin-left: 8.3333333%; }
 
 .offset-2 {
-  margin-left: 16.66667%; }
+  margin-left: 16.6666667%; }
 
 .offset-3 {
   margin-left: 25%; }
 
 .offset-4 {
-  margin-left: 33.33333%; }
+  margin-left: 33.3333333%; }
 
 .offset-5 {
-  margin-left: 41.66667%; }
+  margin-left: 41.6666667%; }
 
 .offset-6 {
   margin-left: 50%; }
 
 .offset-7 {
-  margin-left: 58.33333%; }
+  margin-left: 58.3333333%; }
 
 .offset-8 {
-  margin-left: 66.66667%; }
+  margin-left: 66.6666667%; }
 
 .offset-9 {
   margin-left: 75%; }
 
 .offset-10 {
-  margin-left: 83.33333%; }
+  margin-left: 83.3333333%; }
 
 .offset-11 {
-  margin-left: 91.66667%; }
+  margin-left: 91.6666667%; }
 
 .g-0,
 .gx-0 {
-  --bs-gutter-x: 0; }
+  --tblr-gutter-x: 0; }
 
 .g-0,
 .gy-0 {
-  --bs-gutter-y: 0; }
+  --tblr-gutter-y: 0; }
 
 .g-1,
 .gx-1 {
-  --bs-gutter-x: 0.25rem; }
+  --tblr-gutter-x: 0.25rem; }
 
 .g-1,
 .gy-1 {
-  --bs-gutter-y: 0.25rem; }
+  --tblr-gutter-y: 0.25rem; }
 
 .g-2,
 .gx-2 {
-  --bs-gutter-x: 0.5rem; }
+  --tblr-gutter-x: 0.5rem; }
 
 .g-2,
 .gy-2 {
-  --bs-gutter-y: 0.5rem; }
+  --tblr-gutter-y: 0.5rem; }
 
 .g-3,
 .gx-3 {
-  --bs-gutter-x: 1rem; }
+  --tblr-gutter-x: 1rem; }
 
 .g-3,
 .gy-3 {
-  --bs-gutter-y: 1rem; }
+  --tblr-gutter-y: 1rem; }
 
 .g-4,
 .gx-4 {
-  --bs-gutter-x: 1.5rem; }
+  --tblr-gutter-x: 1.25rem; }
 
 .g-4,
 .gy-4 {
-  --bs-gutter-y: 1.5rem; }
+  --tblr-gutter-y: 1.25rem; }
 
 .g-5,
 .gx-5 {
-  --bs-gutter-x: 3rem; }
+  --tblr-gutter-x: 3rem; }
 
 .g-5,
 .gy-5 {
-  --bs-gutter-y: 3rem; }
+  --tblr-gutter-y: 3rem; }
 
 .g-6,
 .gx-6 {
-  --bs-gutter-x: 4.5rem; }
+  --tblr-gutter-x: 4.5rem; }
 
 .g-6,
 .gy-6 {
-  --bs-gutter-y: 4.5rem; }
+  --tblr-gutter-y: 4.5rem; }
 
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .col-sm {
     flex: 1 0 0%; }
   .row-cols-sm-auto > * {
@@ -691,7 +702,7 @@ progress {
     width: 50%; }
   .row-cols-sm-3 > * {
     flex: 0 0 auto;
-    width: 33.33333%; }
+    width: 33.3333333%; }
   .row-cols-sm-4 > * {
     flex: 0 0 auto;
     width: 25%; }
@@ -700,114 +711,114 @@ progress {
     width: 20%; }
   .row-cols-sm-6 > * {
     flex: 0 0 auto;
-    width: 16.66667%; }
+    width: 16.6666667%; }
   .col-sm-auto {
     flex: 0 0 auto;
     width: auto; }
   .col-sm-1 {
     flex: 0 0 auto;
-    width: 8.33333%; }
+    width: 8.3333333%; }
   .col-sm-2 {
     flex: 0 0 auto;
-    width: 16.66667%; }
+    width: 16.6666667%; }
   .col-sm-3 {
     flex: 0 0 auto;
     width: 25%; }
   .col-sm-4 {
     flex: 0 0 auto;
-    width: 33.33333%; }
+    width: 33.3333333%; }
   .col-sm-5 {
     flex: 0 0 auto;
-    width: 41.66667%; }
+    width: 41.6666667%; }
   .col-sm-6 {
     flex: 0 0 auto;
     width: 50%; }
   .col-sm-7 {
     flex: 0 0 auto;
-    width: 58.33333%; }
+    width: 58.3333333%; }
   .col-sm-8 {
     flex: 0 0 auto;
-    width: 66.66667%; }
+    width: 66.6666667%; }
   .col-sm-9 {
     flex: 0 0 auto;
     width: 75%; }
   .col-sm-10 {
     flex: 0 0 auto;
-    width: 83.33333%; }
+    width: 83.3333333%; }
   .col-sm-11 {
     flex: 0 0 auto;
-    width: 91.66667%; }
+    width: 91.6666667%; }
   .col-sm-12 {
     flex: 0 0 auto;
     width: 100%; }
   .offset-sm-0 {
     margin-left: 0; }
   .offset-sm-1 {
-    margin-left: 8.33333%; }
+    margin-left: 8.3333333%; }
   .offset-sm-2 {
-    margin-left: 16.66667%; }
+    margin-left: 16.6666667%; }
   .offset-sm-3 {
     margin-left: 25%; }
   .offset-sm-4 {
-    margin-left: 33.33333%; }
+    margin-left: 33.3333333%; }
   .offset-sm-5 {
-    margin-left: 41.66667%; }
+    margin-left: 41.6666667%; }
   .offset-sm-6 {
     margin-left: 50%; }
   .offset-sm-7 {
-    margin-left: 58.33333%; }
+    margin-left: 58.3333333%; }
   .offset-sm-8 {
-    margin-left: 66.66667%; }
+    margin-left: 66.6666667%; }
   .offset-sm-9 {
     margin-left: 75%; }
   .offset-sm-10 {
-    margin-left: 83.33333%; }
+    margin-left: 83.3333333%; }
   .offset-sm-11 {
-    margin-left: 91.66667%; }
+    margin-left: 91.6666667%; }
   .g-sm-0,
   .gx-sm-0 {
-    --bs-gutter-x: 0; }
+    --tblr-gutter-x: 0; }
   .g-sm-0,
   .gy-sm-0 {
-    --bs-gutter-y: 0; }
+    --tblr-gutter-y: 0; }
   .g-sm-1,
   .gx-sm-1 {
-    --bs-gutter-x: 0.25rem; }
+    --tblr-gutter-x: 0.25rem; }
   .g-sm-1,
   .gy-sm-1 {
-    --bs-gutter-y: 0.25rem; }
+    --tblr-gutter-y: 0.25rem; }
   .g-sm-2,
   .gx-sm-2 {
-    --bs-gutter-x: 0.5rem; }
+    --tblr-gutter-x: 0.5rem; }
   .g-sm-2,
   .gy-sm-2 {
-    --bs-gutter-y: 0.5rem; }
+    --tblr-gutter-y: 0.5rem; }
   .g-sm-3,
   .gx-sm-3 {
-    --bs-gutter-x: 1rem; }
+    --tblr-gutter-x: 1rem; }
   .g-sm-3,
   .gy-sm-3 {
-    --bs-gutter-y: 1rem; }
+    --tblr-gutter-y: 1rem; }
   .g-sm-4,
   .gx-sm-4 {
-    --bs-gutter-x: 1.5rem; }
+    --tblr-gutter-x: 1.25rem; }
   .g-sm-4,
   .gy-sm-4 {
-    --bs-gutter-y: 1.5rem; }
+    --tblr-gutter-y: 1.25rem; }
   .g-sm-5,
   .gx-sm-5 {
-    --bs-gutter-x: 3rem; }
+    --tblr-gutter-x: 3rem; }
   .g-sm-5,
   .gy-sm-5 {
-    --bs-gutter-y: 3rem; }
+    --tblr-gutter-y: 3rem; }
   .g-sm-6,
   .gx-sm-6 {
-    --bs-gutter-x: 4.5rem; }
+    --tblr-gutter-x: 4.5rem; }
   .g-sm-6,
   .gy-sm-6 {
-    --bs-gutter-y: 4.5rem; } }
+    --tblr-gutter-y: 4.5rem; } }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .col-md {
     flex: 1 0 0%; }
   .row-cols-md-auto > * {
@@ -821,7 +832,7 @@ progress {
     width: 50%; }
   .row-cols-md-3 > * {
     flex: 0 0 auto;
-    width: 33.33333%; }
+    width: 33.3333333%; }
   .row-cols-md-4 > * {
     flex: 0 0 auto;
     width: 25%; }
@@ -830,114 +841,114 @@ progress {
     width: 20%; }
   .row-cols-md-6 > * {
     flex: 0 0 auto;
-    width: 16.66667%; }
+    width: 16.6666667%; }
   .col-md-auto {
     flex: 0 0 auto;
     width: auto; }
   .col-md-1 {
     flex: 0 0 auto;
-    width: 8.33333%; }
+    width: 8.3333333%; }
   .col-md-2 {
     flex: 0 0 auto;
-    width: 16.66667%; }
+    width: 16.6666667%; }
   .col-md-3 {
     flex: 0 0 auto;
     width: 25%; }
   .col-md-4 {
     flex: 0 0 auto;
-    width: 33.33333%; }
+    width: 33.3333333%; }
   .col-md-5 {
     flex: 0 0 auto;
-    width: 41.66667%; }
+    width: 41.6666667%; }
   .col-md-6 {
     flex: 0 0 auto;
     width: 50%; }
   .col-md-7 {
     flex: 0 0 auto;
-    width: 58.33333%; }
+    width: 58.3333333%; }
   .col-md-8 {
     flex: 0 0 auto;
-    width: 66.66667%; }
+    width: 66.6666667%; }
   .col-md-9 {
     flex: 0 0 auto;
     width: 75%; }
   .col-md-10 {
     flex: 0 0 auto;
-    width: 83.33333%; }
+    width: 83.3333333%; }
   .col-md-11 {
     flex: 0 0 auto;
-    width: 91.66667%; }
+    width: 91.6666667%; }
   .col-md-12 {
     flex: 0 0 auto;
     width: 100%; }
   .offset-md-0 {
     margin-left: 0; }
   .offset-md-1 {
-    margin-left: 8.33333%; }
+    margin-left: 8.3333333%; }
   .offset-md-2 {
-    margin-left: 16.66667%; }
+    margin-left: 16.6666667%; }
   .offset-md-3 {
     margin-left: 25%; }
   .offset-md-4 {
-    margin-left: 33.33333%; }
+    margin-left: 33.3333333%; }
   .offset-md-5 {
-    margin-left: 41.66667%; }
+    margin-left: 41.6666667%; }
   .offset-md-6 {
     margin-left: 50%; }
   .offset-md-7 {
-    margin-left: 58.33333%; }
+    margin-left: 58.3333333%; }
   .offset-md-8 {
-    margin-left: 66.66667%; }
+    margin-left: 66.6666667%; }
   .offset-md-9 {
     margin-left: 75%; }
   .offset-md-10 {
-    margin-left: 83.33333%; }
+    margin-left: 83.3333333%; }
   .offset-md-11 {
-    margin-left: 91.66667%; }
+    margin-left: 91.6666667%; }
   .g-md-0,
   .gx-md-0 {
-    --bs-gutter-x: 0; }
+    --tblr-gutter-x: 0; }
   .g-md-0,
   .gy-md-0 {
-    --bs-gutter-y: 0; }
+    --tblr-gutter-y: 0; }
   .g-md-1,
   .gx-md-1 {
-    --bs-gutter-x: 0.25rem; }
+    --tblr-gutter-x: 0.25rem; }
   .g-md-1,
   .gy-md-1 {
-    --bs-gutter-y: 0.25rem; }
+    --tblr-gutter-y: 0.25rem; }
   .g-md-2,
   .gx-md-2 {
-    --bs-gutter-x: 0.5rem; }
+    --tblr-gutter-x: 0.5rem; }
   .g-md-2,
   .gy-md-2 {
-    --bs-gutter-y: 0.5rem; }
+    --tblr-gutter-y: 0.5rem; }
   .g-md-3,
   .gx-md-3 {
-    --bs-gutter-x: 1rem; }
+    --tblr-gutter-x: 1rem; }
   .g-md-3,
   .gy-md-3 {
-    --bs-gutter-y: 1rem; }
+    --tblr-gutter-y: 1rem; }
   .g-md-4,
   .gx-md-4 {
-    --bs-gutter-x: 1.5rem; }
+    --tblr-gutter-x: 1.25rem; }
   .g-md-4,
   .gy-md-4 {
-    --bs-gutter-y: 1.5rem; }
+    --tblr-gutter-y: 1.25rem; }
   .g-md-5,
   .gx-md-5 {
-    --bs-gutter-x: 3rem; }
+    --tblr-gutter-x: 3rem; }
   .g-md-5,
   .gy-md-5 {
-    --bs-gutter-y: 3rem; }
+    --tblr-gutter-y: 3rem; }
   .g-md-6,
   .gx-md-6 {
-    --bs-gutter-x: 4.5rem; }
+    --tblr-gutter-x: 4.5rem; }
   .g-md-6,
   .gy-md-6 {
-    --bs-gutter-y: 4.5rem; } }
+    --tblr-gutter-y: 4.5rem; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .col-lg {
     flex: 1 0 0%; }
   .row-cols-lg-auto > * {
@@ -951,7 +962,7 @@ progress {
     width: 50%; }
   .row-cols-lg-3 > * {
     flex: 0 0 auto;
-    width: 33.33333%; }
+    width: 33.3333333%; }
   .row-cols-lg-4 > * {
     flex: 0 0 auto;
     width: 25%; }
@@ -960,114 +971,114 @@ progress {
     width: 20%; }
   .row-cols-lg-6 > * {
     flex: 0 0 auto;
-    width: 16.66667%; }
+    width: 16.6666667%; }
   .col-lg-auto {
     flex: 0 0 auto;
     width: auto; }
   .col-lg-1 {
     flex: 0 0 auto;
-    width: 8.33333%; }
+    width: 8.3333333%; }
   .col-lg-2 {
     flex: 0 0 auto;
-    width: 16.66667%; }
+    width: 16.6666667%; }
   .col-lg-3 {
     flex: 0 0 auto;
     width: 25%; }
   .col-lg-4 {
     flex: 0 0 auto;
-    width: 33.33333%; }
+    width: 33.3333333%; }
   .col-lg-5 {
     flex: 0 0 auto;
-    width: 41.66667%; }
+    width: 41.6666667%; }
   .col-lg-6 {
     flex: 0 0 auto;
     width: 50%; }
   .col-lg-7 {
     flex: 0 0 auto;
-    width: 58.33333%; }
+    width: 58.3333333%; }
   .col-lg-8 {
     flex: 0 0 auto;
-    width: 66.66667%; }
+    width: 66.6666667%; }
   .col-lg-9 {
     flex: 0 0 auto;
     width: 75%; }
   .col-lg-10 {
     flex: 0 0 auto;
-    width: 83.33333%; }
+    width: 83.3333333%; }
   .col-lg-11 {
     flex: 0 0 auto;
-    width: 91.66667%; }
+    width: 91.6666667%; }
   .col-lg-12 {
     flex: 0 0 auto;
     width: 100%; }
   .offset-lg-0 {
     margin-left: 0; }
   .offset-lg-1 {
-    margin-left: 8.33333%; }
+    margin-left: 8.3333333%; }
   .offset-lg-2 {
-    margin-left: 16.66667%; }
+    margin-left: 16.6666667%; }
   .offset-lg-3 {
     margin-left: 25%; }
   .offset-lg-4 {
-    margin-left: 33.33333%; }
+    margin-left: 33.3333333%; }
   .offset-lg-5 {
-    margin-left: 41.66667%; }
+    margin-left: 41.6666667%; }
   .offset-lg-6 {
     margin-left: 50%; }
   .offset-lg-7 {
-    margin-left: 58.33333%; }
+    margin-left: 58.3333333%; }
   .offset-lg-8 {
-    margin-left: 66.66667%; }
+    margin-left: 66.6666667%; }
   .offset-lg-9 {
     margin-left: 75%; }
   .offset-lg-10 {
-    margin-left: 83.33333%; }
+    margin-left: 83.3333333%; }
   .offset-lg-11 {
-    margin-left: 91.66667%; }
+    margin-left: 91.6666667%; }
   .g-lg-0,
   .gx-lg-0 {
-    --bs-gutter-x: 0; }
+    --tblr-gutter-x: 0; }
   .g-lg-0,
   .gy-lg-0 {
-    --bs-gutter-y: 0; }
+    --tblr-gutter-y: 0; }
   .g-lg-1,
   .gx-lg-1 {
-    --bs-gutter-x: 0.25rem; }
+    --tblr-gutter-x: 0.25rem; }
   .g-lg-1,
   .gy-lg-1 {
-    --bs-gutter-y: 0.25rem; }
+    --tblr-gutter-y: 0.25rem; }
   .g-lg-2,
   .gx-lg-2 {
-    --bs-gutter-x: 0.5rem; }
+    --tblr-gutter-x: 0.5rem; }
   .g-lg-2,
   .gy-lg-2 {
-    --bs-gutter-y: 0.5rem; }
+    --tblr-gutter-y: 0.5rem; }
   .g-lg-3,
   .gx-lg-3 {
-    --bs-gutter-x: 1rem; }
+    --tblr-gutter-x: 1rem; }
   .g-lg-3,
   .gy-lg-3 {
-    --bs-gutter-y: 1rem; }
+    --tblr-gutter-y: 1rem; }
   .g-lg-4,
   .gx-lg-4 {
-    --bs-gutter-x: 1.5rem; }
+    --tblr-gutter-x: 1.25rem; }
   .g-lg-4,
   .gy-lg-4 {
-    --bs-gutter-y: 1.5rem; }
+    --tblr-gutter-y: 1.25rem; }
   .g-lg-5,
   .gx-lg-5 {
-    --bs-gutter-x: 3rem; }
+    --tblr-gutter-x: 3rem; }
   .g-lg-5,
   .gy-lg-5 {
-    --bs-gutter-y: 3rem; }
+    --tblr-gutter-y: 3rem; }
   .g-lg-6,
   .gx-lg-6 {
-    --bs-gutter-x: 4.5rem; }
+    --tblr-gutter-x: 4.5rem; }
   .g-lg-6,
   .gy-lg-6 {
-    --bs-gutter-y: 4.5rem; } }
+    --tblr-gutter-y: 4.5rem; } }
 
-@media (min-width: 75.25rem) {
+@media (min-width: 1200px) {
   .col-xl {
     flex: 1 0 0%; }
   .row-cols-xl-auto > * {
@@ -1081,7 +1092,7 @@ progress {
     width: 50%; }
   .row-cols-xl-3 > * {
     flex: 0 0 auto;
-    width: 33.33333%; }
+    width: 33.3333333%; }
   .row-cols-xl-4 > * {
     flex: 0 0 auto;
     width: 25%; }
@@ -1090,138 +1101,268 @@ progress {
     width: 20%; }
   .row-cols-xl-6 > * {
     flex: 0 0 auto;
-    width: 16.66667%; }
+    width: 16.6666667%; }
   .col-xl-auto {
     flex: 0 0 auto;
     width: auto; }
   .col-xl-1 {
     flex: 0 0 auto;
-    width: 8.33333%; }
+    width: 8.3333333%; }
   .col-xl-2 {
     flex: 0 0 auto;
-    width: 16.66667%; }
+    width: 16.6666667%; }
   .col-xl-3 {
     flex: 0 0 auto;
     width: 25%; }
   .col-xl-4 {
     flex: 0 0 auto;
-    width: 33.33333%; }
+    width: 33.3333333%; }
   .col-xl-5 {
     flex: 0 0 auto;
-    width: 41.66667%; }
+    width: 41.6666667%; }
   .col-xl-6 {
     flex: 0 0 auto;
     width: 50%; }
   .col-xl-7 {
     flex: 0 0 auto;
-    width: 58.33333%; }
+    width: 58.3333333%; }
   .col-xl-8 {
     flex: 0 0 auto;
-    width: 66.66667%; }
+    width: 66.6666667%; }
   .col-xl-9 {
     flex: 0 0 auto;
     width: 75%; }
   .col-xl-10 {
     flex: 0 0 auto;
-    width: 83.33333%; }
+    width: 83.3333333%; }
   .col-xl-11 {
     flex: 0 0 auto;
-    width: 91.66667%; }
+    width: 91.6666667%; }
   .col-xl-12 {
     flex: 0 0 auto;
     width: 100%; }
   .offset-xl-0 {
     margin-left: 0; }
   .offset-xl-1 {
-    margin-left: 8.33333%; }
+    margin-left: 8.3333333%; }
   .offset-xl-2 {
-    margin-left: 16.66667%; }
+    margin-left: 16.6666667%; }
   .offset-xl-3 {
     margin-left: 25%; }
   .offset-xl-4 {
-    margin-left: 33.33333%; }
+    margin-left: 33.3333333%; }
   .offset-xl-5 {
-    margin-left: 41.66667%; }
+    margin-left: 41.6666667%; }
   .offset-xl-6 {
     margin-left: 50%; }
   .offset-xl-7 {
-    margin-left: 58.33333%; }
+    margin-left: 58.3333333%; }
   .offset-xl-8 {
-    margin-left: 66.66667%; }
+    margin-left: 66.6666667%; }
   .offset-xl-9 {
     margin-left: 75%; }
   .offset-xl-10 {
-    margin-left: 83.33333%; }
+    margin-left: 83.3333333%; }
   .offset-xl-11 {
-    margin-left: 91.66667%; }
+    margin-left: 91.6666667%; }
   .g-xl-0,
   .gx-xl-0 {
-    --bs-gutter-x: 0; }
+    --tblr-gutter-x: 0; }
   .g-xl-0,
   .gy-xl-0 {
-    --bs-gutter-y: 0; }
+    --tblr-gutter-y: 0; }
   .g-xl-1,
   .gx-xl-1 {
-    --bs-gutter-x: 0.25rem; }
+    --tblr-gutter-x: 0.25rem; }
   .g-xl-1,
   .gy-xl-1 {
-    --bs-gutter-y: 0.25rem; }
+    --tblr-gutter-y: 0.25rem; }
   .g-xl-2,
   .gx-xl-2 {
-    --bs-gutter-x: 0.5rem; }
+    --tblr-gutter-x: 0.5rem; }
   .g-xl-2,
   .gy-xl-2 {
-    --bs-gutter-y: 0.5rem; }
+    --tblr-gutter-y: 0.5rem; }
   .g-xl-3,
   .gx-xl-3 {
-    --bs-gutter-x: 1rem; }
+    --tblr-gutter-x: 1rem; }
   .g-xl-3,
   .gy-xl-3 {
-    --bs-gutter-y: 1rem; }
+    --tblr-gutter-y: 1rem; }
   .g-xl-4,
   .gx-xl-4 {
-    --bs-gutter-x: 1.5rem; }
+    --tblr-gutter-x: 1.25rem; }
   .g-xl-4,
   .gy-xl-4 {
-    --bs-gutter-y: 1.5rem; }
+    --tblr-gutter-y: 1.25rem; }
   .g-xl-5,
   .gx-xl-5 {
-    --bs-gutter-x: 3rem; }
+    --tblr-gutter-x: 3rem; }
   .g-xl-5,
   .gy-xl-5 {
-    --bs-gutter-y: 3rem; }
+    --tblr-gutter-y: 3rem; }
   .g-xl-6,
   .gx-xl-6 {
-    --bs-gutter-x: 4.5rem; }
+    --tblr-gutter-x: 4.5rem; }
   .g-xl-6,
   .gy-xl-6 {
-    --bs-gutter-y: 4.5rem; } }
+    --tblr-gutter-y: 4.5rem; } }
+
+@media (min-width: 1400px) {
+  .col-xxl {
+    flex: 1 0 0%; }
+  .row-cols-xxl-auto > * {
+    flex: 0 0 auto;
+    width: auto; }
+  .row-cols-xxl-1 > * {
+    flex: 0 0 auto;
+    width: 100%; }
+  .row-cols-xxl-2 > * {
+    flex: 0 0 auto;
+    width: 50%; }
+  .row-cols-xxl-3 > * {
+    flex: 0 0 auto;
+    width: 33.3333333%; }
+  .row-cols-xxl-4 > * {
+    flex: 0 0 auto;
+    width: 25%; }
+  .row-cols-xxl-5 > * {
+    flex: 0 0 auto;
+    width: 20%; }
+  .row-cols-xxl-6 > * {
+    flex: 0 0 auto;
+    width: 16.6666667%; }
+  .col-xxl-auto {
+    flex: 0 0 auto;
+    width: auto; }
+  .col-xxl-1 {
+    flex: 0 0 auto;
+    width: 8.3333333%; }
+  .col-xxl-2 {
+    flex: 0 0 auto;
+    width: 16.6666667%; }
+  .col-xxl-3 {
+    flex: 0 0 auto;
+    width: 25%; }
+  .col-xxl-4 {
+    flex: 0 0 auto;
+    width: 33.3333333%; }
+  .col-xxl-5 {
+    flex: 0 0 auto;
+    width: 41.6666667%; }
+  .col-xxl-6 {
+    flex: 0 0 auto;
+    width: 50%; }
+  .col-xxl-7 {
+    flex: 0 0 auto;
+    width: 58.3333333%; }
+  .col-xxl-8 {
+    flex: 0 0 auto;
+    width: 66.6666667%; }
+  .col-xxl-9 {
+    flex: 0 0 auto;
+    width: 75%; }
+  .col-xxl-10 {
+    flex: 0 0 auto;
+    width: 83.3333333%; }
+  .col-xxl-11 {
+    flex: 0 0 auto;
+    width: 91.6666667%; }
+  .col-xxl-12 {
+    flex: 0 0 auto;
+    width: 100%; }
+  .offset-xxl-0 {
+    margin-left: 0; }
+  .offset-xxl-1 {
+    margin-left: 8.3333333%; }
+  .offset-xxl-2 {
+    margin-left: 16.6666667%; }
+  .offset-xxl-3 {
+    margin-left: 25%; }
+  .offset-xxl-4 {
+    margin-left: 33.3333333%; }
+  .offset-xxl-5 {
+    margin-left: 41.6666667%; }
+  .offset-xxl-6 {
+    margin-left: 50%; }
+  .offset-xxl-7 {
+    margin-left: 58.3333333%; }
+  .offset-xxl-8 {
+    margin-left: 66.6666667%; }
+  .offset-xxl-9 {
+    margin-left: 75%; }
+  .offset-xxl-10 {
+    margin-left: 83.3333333%; }
+  .offset-xxl-11 {
+    margin-left: 91.6666667%; }
+  .g-xxl-0,
+  .gx-xxl-0 {
+    --tblr-gutter-x: 0; }
+  .g-xxl-0,
+  .gy-xxl-0 {
+    --tblr-gutter-y: 0; }
+  .g-xxl-1,
+  .gx-xxl-1 {
+    --tblr-gutter-x: 0.25rem; }
+  .g-xxl-1,
+  .gy-xxl-1 {
+    --tblr-gutter-y: 0.25rem; }
+  .g-xxl-2,
+  .gx-xxl-2 {
+    --tblr-gutter-x: 0.5rem; }
+  .g-xxl-2,
+  .gy-xxl-2 {
+    --tblr-gutter-y: 0.5rem; }
+  .g-xxl-3,
+  .gx-xxl-3 {
+    --tblr-gutter-x: 1rem; }
+  .g-xxl-3,
+  .gy-xxl-3 {
+    --tblr-gutter-y: 1rem; }
+  .g-xxl-4,
+  .gx-xxl-4 {
+    --tblr-gutter-x: 1.25rem; }
+  .g-xxl-4,
+  .gy-xxl-4 {
+    --tblr-gutter-y: 1.25rem; }
+  .g-xxl-5,
+  .gx-xxl-5 {
+    --tblr-gutter-x: 3rem; }
+  .g-xxl-5,
+  .gy-xxl-5 {
+    --tblr-gutter-y: 3rem; }
+  .g-xxl-6,
+  .gx-xxl-6 {
+    --tblr-gutter-x: 4.5rem; }
+  .g-xxl-6,
+  .gy-xxl-6 {
+    --tblr-gutter-y: 4.5rem; } }
 
 .table, .markdown > table {
-  --bs-table-bg: transparent;
-  --bs-table-accent-bg: transparent;
-  --bs-table-striped-color: #212b36;
-  --bs-table-striped-bg: rgba(53, 64, 82, 0.024);
-  --bs-table-active-color: #212b36;
-  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
-  --bs-table-hover-color: #212b36;
-  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
+  --tblr-table-bg: transparent;
+  --tblr-table-accent-bg: transparent;
+  --tblr-table-striped-color: inherit;
+  --tblr-table-striped-bg: rgba(35, 46, 60, 0.024);
+  --tblr-table-active-color: inherit;
+  --tblr-table-active-bg: rgba(0, 0, 0, 0.1);
+  --tblr-table-hover-color: inherit;
+  --tblr-table-hover-bg: rgba(0, 0, 0, 0.075);
   width: 100%;
   margin-bottom: 1rem;
-  color: #212b36;
+  color: inherit;
   vertical-align: top;
-  border-color: rgba(95, 102, 110, 0.2); }
+  border-color: rgba(110, 117, 126, 0.16); }
   .table > :not(caption) > * > *, .markdown > table > :not(caption) > * > * {
     padding: 0.5rem 0.5rem;
-    background-color: var(--bs-table-bg);
-    background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg));
+    background-color: var(--tblr-table-bg);
+    background-image: linear-gradient(var(--tblr-table-accent-bg), var(--tblr-table-accent-bg));
     border-bottom-width: 1px; }
   .table > tbody, .markdown > table > tbody {
     vertical-align: inherit; }
   .table > thead, .markdown > table > thead {
     vertical-align: bottom; }
   .table > :not(:last-child) > :last-child > *, .markdown > table > :not(:last-child) > :last-child > * {
-    border-bottom-color: currentColor; }
+    border-bottom-color: rgba(110, 117, 126, 0.16); }
 
 .caption-top {
   caption-side: top; }
@@ -1238,138 +1379,146 @@ progress {
   border-bottom-width: 0; }
 
 .table-striped > tbody > tr:nth-of-type(even) {
-  --bs-table-accent-bg: var(--bs-table-striped-bg);
-  color: var(--bs-table-striped-color); }
+  --tblr-table-accent-bg: var(--tblr-table-striped-bg);
+  color: var(--tblr-table-striped-color); }
 
 .table-active {
-  --bs-table-accent-bg: var(--bs-table-active-bg);
-  color: var(--bs-table-active-color); }
+  --tblr-table-accent-bg: var(--tblr-table-active-bg);
+  color: var(--tblr-table-active-color); }
 
 .table-hover > tbody > tr:hover {
-  --bs-table-accent-bg: var(--bs-table-hover-bg);
-  color: var(--bs-table-hover-color); }
+  --tblr-table-accent-bg: var(--tblr-table-hover-bg);
+  color: var(--tblr-table-hover-color); }
 
 .table-primary {
-  --bs-table-bg: #e9f0f9;
-  --bs-table-striped-bg: #dde4ed;
-  --bs-table-striped-color: #000000;
-  --bs-table-active-bg: #d2d8e0;
-  --bs-table-active-color: #000000;
-  --bs-table-hover-bg: #d8dee6;
-  --bs-table-hover-color: #000000;
-  color: #000000;
-  border-color: #d2d8e0; }
+  --tblr-table-bg: #d2e1f3;
+  --tblr-table-striped-bg: #c9d8ea;
+  --tblr-table-striped-color: #232e3c;
+  --tblr-table-active-bg: #c1cfe1;
+  --tblr-table-active-color: #232e3c;
+  --tblr-table-hover-bg: #c5d4e5;
+  --tblr-table-hover-color: #232e3c;
+  color: #232e3c;
+  border-color: #c1cfe1; }
 
 .table-secondary {
-  --bs-table-bg: #eff0f1;
-  --bs-table-striped-bg: #e3e4e5;
-  --bs-table-striped-color: #000000;
-  --bs-table-active-bg: #d7d8d9;
-  --bs-table-active-color: #000000;
-  --bs-table-hover-bg: #dddedf;
-  --bs-table-hover-color: #000000;
-  color: #000000;
-  border-color: #d7d8d9; }
+  --tblr-table-bg: #e2e3e5;
+  --tblr-table-striped-bg: #d8dadd;
+  --tblr-table-striped-color: #232e3c;
+  --tblr-table-active-bg: #cfd1d4;
+  --tblr-table-active-color: #232e3c;
+  --tblr-table-hover-bg: #d4d5d8;
+  --tblr-table-hover-color: #232e3c;
+  color: #232e3c;
+  border-color: #cfd1d4; }
 
 .table-success {
-  --bs-table-bg: #eff8e6;
-  --bs-table-striped-bg: #e3ecdb;
-  --bs-table-striped-color: #000000;
-  --bs-table-active-bg: #d7dfcf;
-  --bs-table-active-color: #000000;
-  --bs-table-hover-bg: #dde5d5;
-  --bs-table-hover-color: #000000;
-  color: #000000;
-  border-color: #d7dfcf; }
+  --tblr-table-bg: #dff1cc;
+  --tblr-table-striped-bg: #d6e7c5;
+  --tblr-table-striped-color: #232e3c;
+  --tblr-table-active-bg: #ccdebe;
+  --tblr-table-active-color: #232e3c;
+  --tblr-table-hover-bg: #d1e2c1;
+  --tblr-table-hover-color: #232e3c;
+  color: #232e3c;
+  border-color: #ccdebe; }
 
 .table-info {
-  --bs-table-bg: #ecf7fe;
-  --bs-table-striped-bg: #e0ebf1;
-  --bs-table-striped-color: #000000;
-  --bs-table-active-bg: #d4dee5;
-  --bs-table-active-color: #000000;
-  --bs-table-hover-bg: #dae4eb;
-  --bs-table-hover-color: #000000;
-  color: #000000;
-  border-color: #d4dee5; }
+  --tblr-table-bg: #d9ebf9;
+  --tblr-table-striped-bg: #d0e2f0;
+  --tblr-table-striped-color: #232e3c;
+  --tblr-table-active-bg: #c7d8e6;
+  --tblr-table-active-color: #232e3c;
+  --tblr-table-hover-bg: #cbddeb;
+  --tblr-table-hover-color: #232e3c;
+  color: #232e3c;
+  border-color: #c7d8e6; }
 
 .table-warning {
-  --bs-table-bg: #fff7e6;
-  --bs-table-striped-bg: #f2ebdb;
-  --bs-table-striped-color: #000000;
-  --bs-table-active-bg: #e6decf;
-  --bs-table-active-color: #000000;
-  --bs-table-hover-bg: #ece4d5;
-  --bs-table-hover-color: #000000;
-  color: #000000;
-  border-color: #e6decf; }
+  --tblr-table-bg: #fbe7d7;
+  --tblr-table-striped-bg: #f0decf;
+  --tblr-table-striped-color: #232e3c;
+  --tblr-table-active-bg: #e5d5c8;
+  --tblr-table-active-color: #232e3c;
+  --tblr-table-hover-bg: #ebd9cb;
+  --tblr-table-hover-color: #232e3c;
+  color: #232e3c;
+  border-color: #e5d5c8; }
 
 .table-danger {
-  --bs-table-bg: #fae9e9;
-  --bs-table-striped-bg: #eedddd;
-  --bs-table-striped-color: #000000;
-  --bs-table-active-bg: #e1d2d2;
-  --bs-table-active-color: #000000;
-  --bs-table-hover-bg: #e7d8d8;
-  --bs-table-hover-color: #000000;
-  color: #000000;
-  border-color: #e1d2d2; }
+  --tblr-table-bg: #fad8d8;
+  --tblr-table-striped-bg: #efd0d0;
+  --tblr-table-striped-color: #232e3c;
+  --tblr-table-active-bg: #e5c7c8;
+  --tblr-table-active-color: #232e3c;
+  --tblr-table-hover-bg: #eacbcc;
+  --tblr-table-hover-color: #232e3c;
+  color: #232e3c;
+  border-color: #e5c7c8; }
 
 .table-light {
-  --bs-table-bg: #f5f7fb;
-  --bs-table-striped-bg: #e9ebee;
-  --bs-table-striped-color: #000000;
-  --bs-table-active-bg: #dddee2;
-  --bs-table-active-color: #000000;
-  --bs-table-hover-bg: #e3e4e8;
-  --bs-table-hover-color: #000000;
-  color: #000000;
-  border-color: #dddee2; }
+  --tblr-table-bg: #f1f4f8;
+  --tblr-table-striped-bg: #e7eaef;
+  --tblr-table-striped-color: #232e3c;
+  --tblr-table-active-bg: #dce0e5;
+  --tblr-table-active-color: #232e3c;
+  --tblr-table-hover-bg: #e2e5ea;
+  --tblr-table-hover-color: #232e3c;
+  color: #232e3c;
+  border-color: #dce0e5; }
 
 .table-dark {
-  --bs-table-bg: #354052;
-  --bs-table-striped-bg: #3f4a5b;
-  --bs-table-striped-color: #ffffff;
-  --bs-table-active-bg: #495363;
-  --bs-table-active-color: #ffffff;
-  --bs-table-hover-bg: #444e5f;
-  --bs-table-hover-color: #ffffff;
-  color: #ffffff;
-  border-color: #495363; }
+  --tblr-table-bg: #232e3c;
+  --tblr-table-striped-bg: #2d3845;
+  --tblr-table-striped-color: #f1f4f8;
+  --tblr-table-active-bg: #38424f;
+  --tblr-table-active-color: #f1f4f8;
+  --tblr-table-hover-bg: #323d4a;
+  --tblr-table-hover-color: #f1f4f8;
+  color: #f1f4f8;
+  border-color: #38424f; }
 
 .table-responsive {
   overflow-x: auto;
   -webkit-overflow-scrolling: touch; }
 
-@media (max-width: 32.98rem) {
+@media (max-width: 575.98px) {
   .table-responsive-sm {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch; } }
 
-@media (max-width: 47.98rem) {
+@media (max-width: 767.98px) {
   .table-responsive-md {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch; } }
 
-@media (max-width: 63.98rem) {
+@media (max-width: 991.98px) {
   .table-responsive-lg {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch; } }
 
-@media (max-width: 75.23rem) {
+@media (max-width: 1199.98px) {
   .table-responsive-xl {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch; } }
 
+@media (max-width: 1399.98px) {
+  .table-responsive-xxl {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch; } }
+
 .form-label {
-  margin-bottom: 0.5rem; }
+  margin-bottom: 0.5rem;
+  font-size: 0.875rem;
+  font-weight: 500; }
 
 .col-form-label {
   padding-top: calc(0.4375rem + 1px);
   padding-bottom: calc(0.4375rem + 1px);
   margin-bottom: 0;
   font-size: inherit;
-  line-height: 1.42857; }
+  font-weight: 500;
+  line-height: 1.4285714; }
 
 .col-form-label-lg {
   padding-top: calc(0.5rem + 1px);
@@ -1383,21 +1532,20 @@ progress {
 
 .form-text {
   margin-top: 0.25rem;
-  font-size: 0.75rem;
-  color: #5f666e; }
+  font-size: 85.7142857%;
+  color: #6e757e; }
 
 .form-control {
   display: block;
   width: 100%;
-  min-height: calc(1.42857em + 0.875rem + 2px);
   padding: 0.4375rem 0.75rem;
   font-size: 0.875rem;
   font-weight: 400;
-  line-height: 1.42857;
-  color: #212b36;
+  line-height: 1.4285714;
+  color: #232e3c;
   background-color: #ffffff;
   background-clip: padding-box;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid rgba(110, 117, 126, 0.24);
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
@@ -1406,38 +1554,85 @@ progress {
   @media (prefers-reduced-motion: reduce) {
     .form-control {
       transition: none; } }
+  .form-control[type="file"] {
+    overflow: hidden; }
+    .form-control[type="file"]:not(:disabled):not([readonly]) {
+      cursor: pointer; }
   .form-control:focus {
     color: inherit;
     background-color: #ffffff;
-    border-color: #7aade9;
+    border-color: #90b5e2;
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
+  .form-control::-webkit-date-and-time-value {
+    height: 1.4285714em; }
   .form-control::-webkit-input-placeholder {
-    color: #5f666e;
+    color: #a7abb1;
     opacity: 1; }
   .form-control::-moz-placeholder {
-    color: #5f666e;
+    color: #a7abb1;
     opacity: 1; }
   .form-control:-ms-input-placeholder {
-    color: #5f666e;
+    color: #a7abb1;
     opacity: 1; }
   .form-control::-ms-input-placeholder {
-    color: #5f666e;
+    color: #a7abb1;
     opacity: 1; }
   .form-control::placeholder {
-    color: #5f666e;
+    color: #a7abb1;
     opacity: 1; }
   .form-control:disabled, .form-control[readonly] {
-    background-color: #f5f7fb;
+    background-color: #f1f4f8;
     opacity: 1; }
+  .form-control::file-selector-button {
+    padding: 0.4375rem 0.75rem;
+    margin: -0.4375rem -0.75rem;
+    -webkit-margin-end: 0.75rem;
+            margin-inline-end: 0.75rem;
+    -moz-margin-end: calc(0.75rem - 5px);
+    color: #232e3c;
+    background-color: rgba(35, 46, 60, 0.024);
+    pointer-events: none;
+    border-color: inherit;
+    border-style: solid;
+    border-width: 0;
+    border-inline-end-width: 1px;
+    border-radius: 0;
+    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
+    @media (prefers-reduced-motion: reduce) {
+      .form-control::file-selector-button {
+        transition: none; } }
+  .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+    background-color: rgba(7, 9, 11, 0.0728); }
+  .form-control::-webkit-file-upload-button {
+    padding: 0.4375rem 0.75rem;
+    margin: -0.4375rem -0.75rem;
+    -webkit-margin-end: 0.75rem;
+            margin-inline-end: 0.75rem;
+    color: #232e3c;
+    background-color: rgba(35, 46, 60, 0.024);
+    pointer-events: none;
+    border-color: inherit;
+    border-style: solid;
+    border-width: 0;
+    border-inline-end-width: 1px;
+    border-radius: 0;
+    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
+    @media (prefers-reduced-motion: reduce) {
+      .form-control::-webkit-file-upload-button {
+        -webkit-transition: none;
+        transition: none; } }
+  .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+    background-color: rgba(7, 9, 11, 0.0728); }
 
 .form-control-plaintext {
   display: block;
   width: 100%;
   padding: 0.4375rem 0;
   margin-bottom: 0;
-  line-height: 1.42857;
-  color: #212b36;
+  line-height: 1.4285714;
+  color: #232e3c;
   background-color: transparent;
   border: solid transparent;
   border-width: 1px 0; }
@@ -1446,74 +1641,104 @@ progress {
     padding-left: 0; }
 
 .form-control-sm {
-  min-height: calc(1.42857em + 0.25rem + 2px);
+  min-height: calc(1.4285714em + 0.25rem + 2px);
   padding: 0.125rem 0.5rem;
   font-size: 0.75rem;
   border-radius: 0.2rem; }
+  .form-control-sm::file-selector-button {
+    padding: 0.125rem 0.5rem;
+    margin: -0.125rem -0.5rem;
+    -webkit-margin-end: 0.5rem;
+            margin-inline-end: 0.5rem;
+    -moz-margin-end: calc(0.5rem - 5px); }
+  .form-control-sm::-webkit-file-upload-button {
+    padding: 0.125rem 0.5rem;
+    margin: -0.125rem -0.5rem;
+    -webkit-margin-end: 0.5rem;
+            margin-inline-end: 0.5rem; }
 
 .form-control-lg {
-  min-height: calc(1.42857em + 1rem + 2px);
+  min-height: calc(1.4285714em + 1rem + 2px);
   padding: 0.5rem 1.5rem;
   font-size: 1.25rem;
   border-radius: 0.3rem; }
+  .form-control-lg::file-selector-button {
+    padding: 0.5rem 1.5rem;
+    margin: -0.5rem -1.5rem;
+    -webkit-margin-end: 1.5rem;
+            margin-inline-end: 1.5rem;
+    -moz-margin-end: calc(1.5rem - 5px); }
+  .form-control-lg::-webkit-file-upload-button {
+    padding: 0.5rem 1.5rem;
+    margin: -0.5rem -1.5rem;
+    -webkit-margin-end: 1.5rem;
+            margin-inline-end: 1.5rem; }
+
+textarea.form-control {
+  min-height: calc(1.4285714em + 0.875rem + 2px); }
+
+textarea.form-control-sm {
+  min-height: calc(1.4285714em + 0.25rem + 2px); }
+
+textarea.form-control-lg {
+  min-height: calc(1.4285714em + 1rem + 2px); }
 
 .form-control-color {
   max-width: 3rem;
+  height: auto;
   padding: 0.4375rem; }
-
-.form-control-color::-moz-color-swatch {
-  border-radius: 3px; }
-
-.form-control-color::-webkit-color-swatch {
-  border-radius: 3px; }
+  .form-control-color:not(:disabled):not([readonly]) {
+    cursor: pointer; }
+  .form-control-color::-moz-color-swatch {
+    height: 1.4285714em;
+    border-radius: 3px; }
+  .form-control-color::-webkit-color-swatch {
+    height: 1.4285714em;
+    border-radius: 3px; }
 
 .form-select {
   display: block;
   width: 100%;
-  height: calc(1.42857em + 0.875rem + 2px);
   padding: 0.4375rem 1.75rem 0.4375rem 0.75rem;
   font-size: 0.875rem;
   font-weight: 400;
-  line-height: 1.42857;
-  color: #212b36;
+  line-height: 1.4285714;
+  color: #232e3c;
   vertical-align: middle;
   background-color: #ffffff;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2895, 102, 110, 0.44%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dcdee0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right 0.75rem center;
   background-size: 16px 12px;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid rgba(110, 117, 126, 0.24);
   border-radius: 3px;
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none; }
   .form-select:focus {
-    border-color: #7aade9;
+    border-color: #90b5e2;
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
     .form-select:focus::-ms-value {
-      color: #212b36;
+      color: #232e3c;
       background-color: #ffffff; }
   .form-select[multiple], .form-select[size]:not([size="1"]) {
-    height: auto;
     padding-right: 0.75rem;
     background-image: none; }
   .form-select:disabled {
-    color: #a8aeb7;
-    background-color: #f1f3f8; }
+    color: #9fa5ad;
+    background-color: #edf0f4; }
   .form-select:-moz-focusring {
     color: transparent;
-    text-shadow: 0 0 0 #212b36; }
+    text-shadow: 0 0 0 #232e3c; }
 
 .form-select-sm {
-  height: calc(1.42857em + 0.25rem + 2px);
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
   padding-left: 0.5rem;
   font-size: 0.75rem; }
 
 .form-select-lg {
-  height: calc(1.42857em + 1rem + 2px);
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   padding-left: 1.5rem;
@@ -1521,9 +1746,9 @@ progress {
 
 .form-check {
   display: block;
-  min-height: 1.5rem;
+  min-height: 1.25rem;
   padding-left: 1.5rem;
-  margin-bottom: 0.125rem; }
+  margin-bottom: 0.5rem; }
   .form-check .form-check-input {
     float: left;
     margin-left: -1.5rem; }
@@ -1531,13 +1756,13 @@ progress {
 .form-check-input {
   width: 1rem;
   height: 1rem;
-  margin-top: 0.35714rem;
+  margin-top: 0.2142857rem;
   vertical-align: top;
   background-color: #ffffff;
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid rgba(110, 117, 126, 0.16);
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
@@ -1554,12 +1779,12 @@ progress {
   .form-check-input:active {
     filter: brightness(90%); }
   .form-check-input:focus {
-    border-color: #7aade9;
+    border-color: #90b5e2;
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
   .form-check-input:checked {
     background-color: #206bc4;
-    border-color: rgba(95, 102, 110, 0.2); }
+    border-color: rgba(110, 117, 126, 0.16); }
     .form-check-input:checked[type="checkbox"] {
       background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e"); }
     .form-check-input:checked[type="radio"] {
@@ -1571,20 +1796,20 @@ progress {
   .form-check-input:disabled {
     pointer-events: none;
     filter: none;
-    opacity: .5; }
+    opacity: 0.5; }
   .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
-    opacity: .5; }
+    opacity: 0.66; }
 
 .form-switch {
   padding-left: 2.25rem; }
   .form-switch .form-check-input {
     width: 1.75rem;
     margin-left: -2.25rem;
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2895, 102, 110, 0.2%29'/%3e%3c/svg%3e");
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23e8e9ea'/%3e%3c/svg%3e");
     background-position: left center;
     border-radius: 1.75rem; }
     .form-switch .form-check-input:focus {
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%237aade9'/%3e%3c/svg%3e"); }
+      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2390b5e2'/%3e%3c/svg%3e"); }
     .form-switch .form-check-input:checked {
       background-position: right center;
       background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); }
@@ -1597,80 +1822,10 @@ progress {
   position: absolute;
   clip: rect(0, 0, 0, 0);
   pointer-events: none; }
-
-.form-file {
-  --bs-form-file-height: calc(1.42857em + 0.875rem + 2px);
-  position: relative; }
-
-.form-file-input {
-  position: relative;
-  z-index: 2;
-  width: 100%;
-  height: var(--bs-form-file-height);
-  margin: 0;
-  opacity: 0; }
-  .form-file-input:focus-within ~ .form-file-label {
-    border-color: #7aade9;
-    box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
-  .form-file-input[disabled] ~ .form-file-label .form-file-text,
-  .form-file-input:disabled ~ .form-file-label .form-file-text {
-    background-color: #f5f7fb; }
-
-.form-file-label {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  z-index: 1;
-  display: flex;
-  height: var(--bs-form-file-height);
-  border-color: rgba(95, 102, 110, 0.2);
-  border-radius: 3px; }
-
-.form-file-text {
-  display: block;
-  flex-grow: 1;
-  padding: 0.4375rem 0.75rem;
-  overflow: hidden;
-  font-weight: 400;
-  line-height: 1.42857;
-  color: #212b36;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  background-color: #ffffff;
-  border-color: inherit;
-  border-style: solid;
-  border-width: 1px;
-  border-top-left-radius: inherit;
-  border-bottom-left-radius: inherit; }
-
-.form-file-button {
-  display: block;
-  flex-shrink: 0;
-  padding: 0.4375rem 0.75rem;
-  margin-left: -1px;
-  line-height: 1.42857;
-  color: #212b36;
-  background-color: rgba(53, 64, 82, 0.024);
-  border-color: inherit;
-  border-style: solid;
-  border-width: 1px;
-  border-top-right-radius: inherit;
-  border-bottom-right-radius: inherit; }
-
-.form-file-sm {
-  --bs-form-file-height: calc(1.42857em + 0.25rem + 2px);
-  font-size: 0.75rem; }
-  .form-file-sm .form-file-text,
-  .form-file-sm .form-file-button {
-    padding: 0.125rem 0.5rem; }
-
-.form-file-lg {
-  --bs-form-file-height: calc(1.42857em + 1rem + 2px);
-  font-size: 1.25rem; }
-  .form-file-lg .form-file-text,
-  .form-file-lg .form-file-button {
-    padding: 0.5rem 1.5rem; }
+  .btn-check[disabled] + .btn, .btn-check:disabled + .btn {
+    pointer-events: none;
+    filter: none;
+    opacity: 0.65; }
 
 .form-range {
   width: 100%;
@@ -1683,11 +1838,11 @@ progress {
   .form-range:focus {
     outline: none; }
     .form-range:focus::-webkit-slider-thumb {
-      box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
+      box-shadow: 0 0 0 1px #f1f4f8, 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
     .form-range:focus::-moz-range-thumb {
-      box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
+      box-shadow: 0 0 0 1px #f1f4f8, 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
     .form-range:focus::-ms-thumb {
-      box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
+      box-shadow: 0 0 0 1px #f1f4f8, 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
   .form-range::-moz-focus-outer {
     border: 0; }
   .form-range::-webkit-slider-thumb {
@@ -1706,13 +1861,13 @@ progress {
         -webkit-transition: none;
         transition: none; } }
     .form-range::-webkit-slider-thumb:active {
-      background-color: #a6c8f0; }
+      background-color: #bcd3ed; }
   .form-range::-webkit-slider-runnable-track {
     width: 100%;
     height: 0.25rem;
     color: transparent;
     cursor: pointer;
-    background-color: rgba(176, 181, 190, 0.24);
+    background-color: rgba(167, 173, 180, 0.24);
     border-color: transparent;
     border-radius: 1rem; }
   .form-range::-moz-range-thumb {
@@ -1730,13 +1885,13 @@ progress {
         -moz-transition: none;
         transition: none; } }
     .form-range::-moz-range-thumb:active {
-      background-color: #a6c8f0; }
+      background-color: #bcd3ed; }
   .form-range::-moz-range-track {
     width: 100%;
     height: 0.25rem;
     color: transparent;
     cursor: pointer;
-    background-color: rgba(176, 181, 190, 0.24);
+    background-color: rgba(167, 173, 180, 0.24);
     border-color: transparent;
     border-radius: 1rem; }
   .form-range::-ms-thumb {
@@ -1756,7 +1911,7 @@ progress {
         -ms-transition: none;
         transition: none; } }
     .form-range::-ms-thumb:active {
-      background-color: #a6c8f0; }
+      background-color: #bcd3ed; }
   .form-range::-ms-track {
     width: 100%;
     height: 0.25rem;
@@ -1766,20 +1921,92 @@ progress {
     border-color: transparent;
     border-width: 0.5rem; }
   .form-range::-ms-fill-lower {
-    background-color: rgba(176, 181, 190, 0.24);
+    background-color: rgba(167, 173, 180, 0.24);
     border-radius: 1rem; }
   .form-range::-ms-fill-upper {
     margin-right: 15px;
-    background-color: rgba(176, 181, 190, 0.24);
+    background-color: rgba(167, 173, 180, 0.24);
     border-radius: 1rem; }
   .form-range:disabled {
     pointer-events: none; }
     .form-range:disabled::-webkit-slider-thumb {
-      background-color: #cbcfd6; }
+      background-color: #c4c8cf; }
     .form-range:disabled::-moz-range-thumb {
-      background-color: #cbcfd6; }
+      background-color: #c4c8cf; }
     .form-range:disabled::-ms-thumb {
-      background-color: #cbcfd6; }
+      background-color: #c4c8cf; }
+
+.form-floating {
+  position: relative; }
+  .form-floating > .form-control,
+  .form-floating > .form-select {
+    height: calc(3.5rem + 2px);
+    padding: 1rem 0.75rem; }
+  .form-floating > label {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    padding: 1rem 0.75rem;
+    pointer-events: none;
+    border: 1px solid transparent;
+    transform-origin: 0 0;
+    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; }
+    @media (prefers-reduced-motion: reduce) {
+      .form-floating > label {
+        transition: none; } }
+  .form-floating > .form-control::-webkit-input-placeholder {
+    color: transparent; }
+  .form-floating > .form-control::-moz-placeholder {
+    color: transparent; }
+  .form-floating > .form-control:-ms-input-placeholder {
+    color: transparent; }
+  .form-floating > .form-control::-ms-input-placeholder {
+    color: transparent; }
+  .form-floating > .form-control::placeholder {
+    color: transparent; }
+  .form-floating > .form-control:not(:-moz-placeholder-shown) {
+    padding-top: 1.625rem;
+    padding-bottom: 0.625rem; }
+  .form-floating > .form-control:not(:-ms-input-placeholder) {
+    padding-top: 1.625rem;
+    padding-bottom: 0.625rem; }
+  .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
+    padding-top: 1.625rem;
+    padding-bottom: 0.625rem; }
+  .form-floating > .form-control:-webkit-autofill {
+    padding-top: 1.625rem;
+    padding-bottom: 0.625rem; }
+  .form-floating > .form-select {
+    padding-top: 1.625rem;
+    padding-bottom: 0.625rem; }
+  .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
+    opacity: 0.65;
+    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
+  .form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
+    opacity: 0.65;
+    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
+  .form-floating > .form-control:focus ~ label,
+  .form-floating > .form-control:not(:placeholder-shown) ~ label,
+  .form-floating > .form-select ~ label {
+    opacity: 0.65;
+    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
+  .form-floating > .form-control:-webkit-autofill ~ label {
+    opacity: 0.65;
+    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
+
+@supports (-ms-ime-align: auto) {
+  .form-floating {
+    display: flex;
+    flex-direction: column-reverse; }
+  .form-floating > label {
+    position: static;
+    padding: 0;
+    margin-bottom: calc(1rem / 2);
+    border: 0;
+    transition: none; }
+  .form-floating > .form-control::-ms-input-placeholder {
+    color: #a7abb1; } }
 
 .input-group {
   position: relative;
@@ -1788,24 +2015,14 @@ progress {
   align-items: stretch;
   width: 100%; }
   .input-group > .form-control,
-  .input-group > .form-select,
-  .input-group > .form-file {
+  .input-group > .form-select {
     position: relative;
     flex: 1 1 auto;
     width: 1%;
     min-width: 0; }
   .input-group > .form-control:focus,
-  .input-group > .form-select:focus,
-  .input-group > .form-file .form-file-input:focus ~ .form-file-label {
+  .input-group > .form-select:focus {
     z-index: 3; }
-  .input-group > .form-file > .form-file-input:focus {
-    z-index: 4; }
-  .input-group > .form-file:not(:last-child) > .form-file-label {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0; }
-  .input-group > .form-file:not(:first-child) > .form-file-label {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0; }
   .input-group .btn {
     position: relative;
     z-index: 2; }
@@ -1818,20 +2035,14 @@ progress {
   padding: 0.4375rem 0.75rem;
   font-size: 0.875rem;
   font-weight: 400;
-  line-height: 1.42857;
-  color: #5f666e;
+  line-height: 1.4285714;
+  color: #6e757e;
   text-align: center;
   white-space: nowrap;
-  background-color: rgba(53, 64, 82, 0.024);
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  background-color: rgba(35, 46, 60, 0.024);
+  border: 1px solid rgba(110, 117, 126, 0.24);
   border-radius: 3px; }
 
-.input-group-lg > .form-control {
-  min-height: calc(1.42857em + 1rem + 2px); }
-
-.input-group-lg > .form-select {
-  height: calc(1.42857em + 1rem + 2px); }
-
 .input-group-lg > .form-control,
 .input-group-lg > .form-select,
 .input-group-lg > .input-group-text,
@@ -1840,12 +2051,6 @@ progress {
   font-size: 1.25rem;
   border-radius: 0.3rem; }
 
-.input-group-sm > .form-control {
-  min-height: calc(1.42857em + 0.25rem + 2px); }
-
-.input-group-sm > .form-select {
-  height: calc(1.42857em + 0.25rem + 2px); }
-
 .input-group-sm > .form-control,
 .input-group-sm > .form-select,
 .input-group-sm > .input-group-text,
@@ -1858,12 +2063,17 @@ progress {
 .input-group-sm > .form-select {
   padding-right: 1.75rem; }
 
-.input-group > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
-.input-group > .dropdown-toggle:nth-last-child(n + 3) {
+.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0; }
 
-.input-group > :not(:first-child):not(.dropdown-menu) {
+.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0; }
+
+.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
   margin-left: -1px;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0; }
@@ -1872,7 +2082,7 @@ progress {
   display: none;
   width: 100%;
   margin-top: 0.25rem;
-  font-size: 0.75rem;
+  font-size: 85.7142857%;
   color: #5eba00; }
 
 .valid-tooltip {
@@ -1883,8 +2093,8 @@ progress {
   max-width: 100%;
   padding: 0.25rem 0.5rem;
   margin-top: .1rem;
-  font-size: 0.76562rem;
-  color: #ffffff;
+  font-size: 0.765625rem;
+  color: #f1f4f8;
   background-color: rgba(94, 186, 0, 0.9);
   border-radius: 3px; }
 
@@ -1896,25 +2106,25 @@ progress {
 
 .was-validated .form-control:valid, .form-control.is-valid {
   border-color: #5eba00;
-  padding-right: calc(1.42857em + 0.875rem);
+  padding-right: calc(1.4285714em + 0.875rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
   background-repeat: no-repeat;
-  background-position: right calc(0.35714em + 0.21875rem) center;
-  background-size: calc(0.71429em + 0.4375rem) calc(0.71429em + 0.4375rem); }
+  background-position: right calc(0.3571429em + 0.21875rem) center;
+  background-size: calc(0.7142857em + 0.4375rem) calc(0.7142857em + 0.4375rem); }
   .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
     border-color: #5eba00;
     box-shadow: 0 0 0 0.25rem rgba(94, 186, 0, 0.25); }
 
 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
-  padding-right: calc(1.42857em + 0.875rem);
-  background-position: top calc(0.35714em + 0.21875rem) right calc(0.35714em + 0.21875rem); }
+  padding-right: calc(1.4285714em + 0.875rem);
+  background-position: top calc(0.3571429em + 0.21875rem) right calc(0.3571429em + 0.21875rem); }
 
 .was-validated .form-select:valid, .form-select.is-valid {
   border-color: #5eba00;
   padding-right: calc(0.75em + 2.40625rem);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2895, 102, 110, 0.44%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dcdee0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
   background-position: right 0.75rem center, center right 1.75rem;
-  background-size: 16px 12px, calc(0.71429em + 0.4375rem) calc(0.71429em + 0.4375rem); }
+  background-size: 16px 12px, calc(0.7142857em + 0.4375rem) calc(0.7142857em + 0.4375rem); }
   .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
     border-color: #5eba00;
     box-shadow: 0 0 0 0.25rem rgba(94, 186, 0, 0.25); }
@@ -1931,19 +2141,12 @@ progress {
 .form-check-inline .form-check-input ~ .valid-feedback {
   margin-left: .5em; }
 
-.was-validated .form-file-input:valid ~ .form-file-label, .form-file-input.is-valid ~ .form-file-label {
-  border-color: #5eba00; }
-
-.was-validated .form-file-input:valid:focus ~ .form-file-label, .form-file-input.is-valid:focus ~ .form-file-label {
-  border-color: #5eba00;
-  box-shadow: 0 0 0 0.25rem rgba(94, 186, 0, 0.25); }
-
 .invalid-feedback {
   display: none;
   width: 100%;
   margin-top: 0.25rem;
-  font-size: 0.75rem;
-  color: #cd201f; }
+  font-size: 85.7142857%;
+  color: #e53e3e; }
 
 .invalid-tooltip {
   position: absolute;
@@ -1953,9 +2156,9 @@ progress {
   max-width: 100%;
   padding: 0.25rem 0.5rem;
   margin-top: .1rem;
-  font-size: 0.76562rem;
-  color: #ffffff;
-  background-color: rgba(205, 32, 31, 0.9);
+  font-size: 0.765625rem;
+  color: #f1f4f8;
+  background-color: rgba(229, 62, 62, 0.9);
   border-radius: 3px; }
 
 .was-validated :invalid ~ .invalid-feedback,
@@ -1965,54 +2168,47 @@ progress {
   display: block; }
 
 .was-validated .form-control:invalid, .form-control.is-invalid {
-  border-color: #cd201f;
-  padding-right: calc(1.42857em + 0.875rem);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cd201f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
+  border-color: #e53e3e;
+  padding-right: calc(1.4285714em + 0.875rem);
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e53e3e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
   background-repeat: no-repeat;
-  background-position: right calc(0.35714em + 0.21875rem) center;
-  background-size: calc(0.71429em + 0.4375rem) calc(0.71429em + 0.4375rem); }
+  background-position: right calc(0.3571429em + 0.21875rem) center;
+  background-size: calc(0.7142857em + 0.4375rem) calc(0.7142857em + 0.4375rem); }
   .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
-    border-color: #cd201f;
-    box-shadow: 0 0 0 0.25rem rgba(205, 32, 31, 0.25); }
+    border-color: #e53e3e;
+    box-shadow: 0 0 0 0.25rem rgba(229, 62, 62, 0.25); }
 
 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
-  padding-right: calc(1.42857em + 0.875rem);
-  background-position: top calc(0.35714em + 0.21875rem) right calc(0.35714em + 0.21875rem); }
+  padding-right: calc(1.4285714em + 0.875rem);
+  background-position: top calc(0.3571429em + 0.21875rem) right calc(0.3571429em + 0.21875rem); }
 
 .was-validated .form-select:invalid, .form-select.is-invalid {
-  border-color: #cd201f;
+  border-color: #e53e3e;
   padding-right: calc(0.75em + 2.40625rem);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2895, 102, 110, 0.44%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cd201f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dcdee0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e53e3e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
   background-position: right 0.75rem center, center right 1.75rem;
-  background-size: 16px 12px, calc(0.71429em + 0.4375rem) calc(0.71429em + 0.4375rem); }
+  background-size: 16px 12px, calc(0.7142857em + 0.4375rem) calc(0.7142857em + 0.4375rem); }
   .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
-    border-color: #cd201f;
-    box-shadow: 0 0 0 0.25rem rgba(205, 32, 31, 0.25); }
+    border-color: #e53e3e;
+    box-shadow: 0 0 0 0.25rem rgba(229, 62, 62, 0.25); }
 
 .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
-  border-color: #cd201f; }
+  border-color: #e53e3e; }
   .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
-    background-color: #cd201f; }
+    background-color: #e53e3e; }
   .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
-    box-shadow: 0 0 0 0.25rem rgba(205, 32, 31, 0.25); }
+    box-shadow: 0 0 0 0.25rem rgba(229, 62, 62, 0.25); }
   .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
-    color: #cd201f; }
+    color: #e53e3e; }
 
 .form-check-inline .form-check-input ~ .invalid-feedback {
   margin-left: .5em; }
 
-.was-validated .form-file-input:invalid ~ .form-file-label, .form-file-input.is-invalid ~ .form-file-label {
-  border-color: #cd201f; }
-
-.was-validated .form-file-input:invalid:focus ~ .form-file-label, .form-file-input.is-invalid:focus ~ .form-file-label {
-  border-color: #cd201f;
-  box-shadow: 0 0 0 0.25rem rgba(205, 32, 31, 0.25); }
-
 .btn {
   display: inline-block;
   font-weight: 500;
-  line-height: 1.42857;
-  color: #212b36;
+  line-height: 1.4285714;
+  color: #232e3c;
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
@@ -2030,7 +2226,8 @@ progress {
     .btn {
       transition: none; } }
   .btn:hover {
-    color: #212b36; }
+    color: #232e3c;
+    text-decoration: none; }
   .btn-check:focus + .btn, .btn:focus {
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
@@ -2039,406 +2236,17 @@ progress {
     pointer-events: none;
     opacity: 0.65; }
 
-.btn-primary {
-  color: #ffffff;
-  background-color: #206bc4;
-  border-color: #206bc4; }
-  .btn-primary:hover {
-    color: #ffffff;
-    background-color: #1b59a3;
-    border-color: #195398; }
-  .btn-check:focus + .btn-primary, .btn-primary:focus {
-    color: #ffffff;
-    background-color: #1b59a3;
-    border-color: #195398;
-    box-shadow: 0 0 0 0.25rem rgba(65, 129, 205, 0.5); }
-  .btn-check:checked + .btn-primary,
-  .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active,
-  .show > .btn-primary.dropdown-toggle {
-    color: #ffffff;
-    background-color: #195398;
-    border-color: #174d8d; }
-    .btn-check:checked + .btn-primary:focus,
-    .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus,
-    .show > .btn-primary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(65, 129, 205, 0.5); }
-  .btn-primary:disabled, .btn-primary.disabled {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-
-.btn-secondary {
-  color: #ffffff;
-  background-color: #5f666e;
-  border-color: #5f666e; }
-  .btn-secondary:hover {
-    color: #ffffff;
-    background-color: #4d5359;
-    border-color: #474d53; }
-  .btn-check:focus + .btn-secondary, .btn-secondary:focus {
-    color: #ffffff;
-    background-color: #4d5359;
-    border-color: #474d53;
-    box-shadow: 0 0 0 0.25rem rgba(119, 125, 132, 0.5); }
-  .btn-check:checked + .btn-secondary,
-  .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active,
-  .show > .btn-secondary.dropdown-toggle {
-    color: #ffffff;
-    background-color: #474d53;
-    border-color: #41464c; }
-    .btn-check:checked + .btn-secondary:focus,
-    .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus,
-    .show > .btn-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(119, 125, 132, 0.5); }
-  .btn-secondary:disabled, .btn-secondary.disabled {
-    color: #ffffff;
-    background-color: #5f666e;
-    border-color: #5f666e; }
-
-.btn-success {
-  color: #ffffff;
-  background-color: #5eba00;
-  border-color: #5eba00; }
-  .btn-success:hover {
-    color: #ffffff;
-    background-color: #4b9400;
-    border-color: #448700; }
-  .btn-check:focus + .btn-success, .btn-success:focus {
-    color: #ffffff;
-    background-color: #4b9400;
-    border-color: #448700;
-    box-shadow: 0 0 0 0.25rem rgba(118, 196, 38, 0.5); }
-  .btn-check:checked + .btn-success,
-  .btn-check:active + .btn-success, .btn-success:active, .btn-success.active,
-  .show > .btn-success.dropdown-toggle {
-    color: #ffffff;
-    background-color: #448700;
-    border-color: #3e7a00; }
-    .btn-check:checked + .btn-success:focus,
-    .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus,
-    .show > .btn-success.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(118, 196, 38, 0.5); }
-  .btn-success:disabled, .btn-success.disabled {
-    color: #ffffff;
-    background-color: #5eba00;
-    border-color: #5eba00; }
-
-.btn-info {
-  color: #ffffff;
-  background-color: #45aaf2;
-  border-color: #45aaf2; }
-  .btn-info:hover {
-    color: #ffffff;
-    background-color: #219af0;
-    border-color: #1594ef; }
-  .btn-check:focus + .btn-info, .btn-info:focus {
-    color: #ffffff;
-    background-color: #219af0;
-    border-color: #1594ef;
-    box-shadow: 0 0 0 0.25rem rgba(97, 183, 244, 0.5); }
-  .btn-check:checked + .btn-info,
-  .btn-check:active + .btn-info, .btn-info:active, .btn-info.active,
-  .show > .btn-info.dropdown-toggle {
-    color: #ffffff;
-    background-color: #1594ef;
-    border-color: #108ee7; }
-    .btn-check:checked + .btn-info:focus,
-    .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus,
-    .show > .btn-info.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(97, 183, 244, 0.5); }
-  .btn-info:disabled, .btn-info.disabled {
-    color: #ffffff;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-
-.btn-warning {
-  color: #ffffff;
-  background-color: #fab005;
-  border-color: #fab005; }
-  .btn-warning:hover {
-    color: #ffffff;
-    background-color: #d59604;
-    border-color: #c88d04; }
-  .btn-check:focus + .btn-warning, .btn-warning:focus {
-    color: #ffffff;
-    background-color: #d59604;
-    border-color: #c88d04;
-    box-shadow: 0 0 0 0.25rem rgba(251, 188, 43, 0.5); }
-  .btn-check:checked + .btn-warning,
-  .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active,
-  .show > .btn-warning.dropdown-toggle {
-    color: #ffffff;
-    background-color: #c88d04;
-    border-color: #bc8404; }
-    .btn-check:checked + .btn-warning:focus,
-    .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus,
-    .show > .btn-warning.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(251, 188, 43, 0.5); }
-  .btn-warning:disabled, .btn-warning.disabled {
-    color: #ffffff;
-    background-color: #fab005;
-    border-color: #fab005; }
-
-.btn-danger {
-  color: #ffffff;
-  background-color: #cd201f;
-  border-color: #cd201f; }
-  .btn-danger:hover {
-    color: #ffffff;
-    background-color: #ac1b1a;
-    border-color: #a11918; }
-  .btn-check:focus + .btn-danger, .btn-danger:focus {
-    color: #ffffff;
-    background-color: #ac1b1a;
-    border-color: #a11918;
-    box-shadow: 0 0 0 0.25rem rgba(213, 65, 65, 0.5); }
-  .btn-check:checked + .btn-danger,
-  .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active,
-  .show > .btn-danger.dropdown-toggle {
-    color: #ffffff;
-    background-color: #a11918;
-    border-color: #961717; }
-    .btn-check:checked + .btn-danger:focus,
-    .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus,
-    .show > .btn-danger.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(213, 65, 65, 0.5); }
-  .btn-danger:disabled, .btn-danger.disabled {
-    color: #ffffff;
-    background-color: #cd201f;
-    border-color: #cd201f; }
-
-.btn-light {
-  color: #000000;
-  background-color: #f5f7fb;
-  border-color: #f5f7fb; }
-  .btn-light:hover {
-    color: #000000;
-    background-color: white;
-    border-color: white; }
-  .btn-check:focus + .btn-light, .btn-light:focus {
-    color: #000000;
-    background-color: white;
-    border-color: white;
-    box-shadow: 0 0 0 0.25rem rgba(208, 210, 213, 0.5); }
-  .btn-check:checked + .btn-light,
-  .btn-check:active + .btn-light, .btn-light:active, .btn-light.active,
-  .show > .btn-light.dropdown-toggle {
-    color: #000000;
-    background-color: white;
-    border-color: white; }
-    .btn-check:checked + .btn-light:focus,
-    .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus,
-    .show > .btn-light.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(208, 210, 213, 0.5); }
-  .btn-light:disabled, .btn-light.disabled {
-    color: #000000;
-    background-color: #f5f7fb;
-    border-color: #f5f7fb; }
-
-.btn-dark {
-  color: #ffffff;
-  background-color: #354052;
-  border-color: #354052; }
-  .btn-dark:hover {
-    color: #ffffff;
-    background-color: #262e3b;
-    border-color: #212833; }
-  .btn-check:focus + .btn-dark, .btn-dark:focus {
-    color: #ffffff;
-    background-color: #262e3b;
-    border-color: #212833;
-    box-shadow: 0 0 0 0.25rem rgba(83, 93, 108, 0.5); }
-  .btn-check:checked + .btn-dark,
-  .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active,
-  .show > .btn-dark.dropdown-toggle {
-    color: #ffffff;
-    background-color: #212833;
-    border-color: #1c222b; }
-    .btn-check:checked + .btn-dark:focus,
-    .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus,
-    .show > .btn-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(83, 93, 108, 0.5); }
-  .btn-dark:disabled, .btn-dark.disabled {
-    color: #ffffff;
-    background-color: #354052;
-    border-color: #354052; }
-
-.btn-outline-primary {
-  color: #206bc4;
-  border-color: #206bc4; }
-  .btn-outline-primary:hover {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-  .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
-    box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.5); }
-  .btn-check:checked + .btn-outline-primary,
-  .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-    .btn-check:checked + .btn-outline-primary:focus,
-    .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.5); }
-  .btn-outline-primary:disabled, .btn-outline-primary.disabled {
-    color: #206bc4;
-    background-color: transparent; }
-
-.btn-outline-secondary {
-  color: #5f666e;
-  border-color: #5f666e; }
-  .btn-outline-secondary:hover {
-    color: #ffffff;
-    background-color: #5f666e;
-    border-color: #5f666e; }
-  .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
-    box-shadow: 0 0 0 0.25rem rgba(95, 102, 110, 0.5); }
-  .btn-check:checked + .btn-outline-secondary,
-  .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #5f666e;
-    border-color: #5f666e; }
-    .btn-check:checked + .btn-outline-secondary:focus,
-    .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(95, 102, 110, 0.5); }
-  .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
-    color: #5f666e;
-    background-color: transparent; }
-
-.btn-outline-success {
-  color: #5eba00;
-  border-color: #5eba00; }
-  .btn-outline-success:hover {
-    color: #ffffff;
-    background-color: #5eba00;
-    border-color: #5eba00; }
-  .btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
-    box-shadow: 0 0 0 0.25rem rgba(94, 186, 0, 0.5); }
-  .btn-check:checked + .btn-outline-success,
-  .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #5eba00;
-    border-color: #5eba00; }
-    .btn-check:checked + .btn-outline-success:focus,
-    .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(94, 186, 0, 0.5); }
-  .btn-outline-success:disabled, .btn-outline-success.disabled {
-    color: #5eba00;
-    background-color: transparent; }
-
-.btn-outline-info {
-  color: #45aaf2;
-  border-color: #45aaf2; }
-  .btn-outline-info:hover {
-    color: #ffffff;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-  .btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
-    box-shadow: 0 0 0 0.25rem rgba(69, 170, 242, 0.5); }
-  .btn-check:checked + .btn-outline-info,
-  .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-    .btn-check:checked + .btn-outline-info:focus,
-    .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(69, 170, 242, 0.5); }
-  .btn-outline-info:disabled, .btn-outline-info.disabled {
-    color: #45aaf2;
-    background-color: transparent; }
-
-.btn-outline-warning {
-  color: #fab005;
-  border-color: #fab005; }
-  .btn-outline-warning:hover {
-    color: #ffffff;
-    background-color: #fab005;
-    border-color: #fab005; }
-  .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
-    box-shadow: 0 0 0 0.25rem rgba(250, 176, 5, 0.5); }
-  .btn-check:checked + .btn-outline-warning,
-  .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #fab005;
-    border-color: #fab005; }
-    .btn-check:checked + .btn-outline-warning:focus,
-    .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(250, 176, 5, 0.5); }
-  .btn-outline-warning:disabled, .btn-outline-warning.disabled {
-    color: #fab005;
-    background-color: transparent; }
-
-.btn-outline-danger {
-  color: #cd201f;
-  border-color: #cd201f; }
-  .btn-outline-danger:hover {
-    color: #ffffff;
-    background-color: #cd201f;
-    border-color: #cd201f; }
-  .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
-    box-shadow: 0 0 0 0.25rem rgba(205, 32, 31, 0.5); }
-  .btn-check:checked + .btn-outline-danger,
-  .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #cd201f;
-    border-color: #cd201f; }
-    .btn-check:checked + .btn-outline-danger:focus,
-    .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(205, 32, 31, 0.5); }
-  .btn-outline-danger:disabled, .btn-outline-danger.disabled {
-    color: #cd201f;
-    background-color: transparent; }
-
-.btn-outline-light {
-  color: #f5f7fb;
-  border-color: #f5f7fb; }
-  .btn-outline-light:hover {
-    color: #000000;
-    background-color: #f5f7fb;
-    border-color: #f5f7fb; }
-  .btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
-    box-shadow: 0 0 0 0.25rem rgba(245, 247, 251, 0.5); }
-  .btn-check:checked + .btn-outline-light,
-  .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
-    color: #000000;
-    background-color: #f5f7fb;
-    border-color: #f5f7fb; }
-    .btn-check:checked + .btn-outline-light:focus,
-    .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(245, 247, 251, 0.5); }
-  .btn-outline-light:disabled, .btn-outline-light.disabled {
-    color: #f5f7fb;
-    background-color: transparent; }
-
-.btn-outline-dark {
-  color: #354052;
-  border-color: #354052; }
-  .btn-outline-dark:hover {
-    color: #ffffff;
-    background-color: #354052;
-    border-color: #354052; }
-  .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
-    box-shadow: 0 0 0 0.25rem rgba(53, 64, 82, 0.5); }
-  .btn-check:checked + .btn-outline-dark,
-  .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
-    color: #ffffff;
-    background-color: #354052;
-    border-color: #354052; }
-    .btn-check:checked + .btn-outline-dark:focus,
-    .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
-      box-shadow: 0 0 0 0.25rem rgba(53, 64, 82, 0.5); }
-  .btn-outline-dark:disabled, .btn-outline-dark.disabled {
-    color: #354052;
-    background-color: transparent; }
-
 .btn-link {
   font-weight: 400;
   color: #206bc4;
   text-decoration: none; }
   .btn-link:hover {
-    color: #154782; }
+    color: #1a569d;
+    text-decoration: underline; }
+  .btn-link:focus {
+    text-decoration: underline; }
   .btn-link:disabled, .btn-link.disabled {
-    color: #a8aeb7; }
+    color: #9fa5ad; }
 
 .btn-lg, .btn-group-lg > .btn {
   padding: 0.5rem 1.5rem;
@@ -2491,8 +2299,10 @@ progress {
     height: 0.36em;
     border-bottom: 1px solid;
     border-left: 1px solid;
-    margin-right: .1em;
-    margin-left: 0.4em;
+    -webkit-margin-end: .1em;
+            margin-inline-end: .1em;
+    -webkit-margin-start: 0.4em;
+            margin-inline-start: 0.4em;
     transform: rotate(-45deg); }
 
 .dropdown-menu {
@@ -2502,15 +2312,15 @@ progress {
   z-index: 1000;
   display: none;
   min-width: 14rem;
-  padding: 0.5rem 0;
+  padding: 0.25rem 0;
   margin: 1px 0 0;
   font-size: 0.875rem;
-  color: #212b36;
+  color: #232e3c;
   text-align: left;
   list-style: none;
   background-color: #ffffff;
   background-clip: padding-box;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid rgba(110, 117, 126, 0.16);
   border-radius: 3px; }
 
 .dropdown-menu-left {
@@ -2521,7 +2331,7 @@ progress {
   right: 0;
   left: auto; }
 
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .dropdown-menu-sm-left {
     right: auto;
     left: 0; }
@@ -2529,7 +2339,7 @@ progress {
     right: 0;
     left: auto; } }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .dropdown-menu-md-left {
     right: auto;
     left: 0; }
@@ -2537,7 +2347,7 @@ progress {
     right: 0;
     left: auto; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .dropdown-menu-lg-left {
     right: auto;
     left: 0; }
@@ -2545,7 +2355,7 @@ progress {
     right: 0;
     left: auto; } }
 
-@media (min-width: 75.25rem) {
+@media (min-width: 1200px) {
   .dropdown-menu-xl-left {
     right: auto;
     left: 0; }
@@ -2553,6 +2363,14 @@ progress {
     right: 0;
     left: auto; } }
 
+@media (min-width: 1400px) {
+  .dropdown-menu-xxl-left {
+    right: auto;
+    left: 0; }
+  .dropdown-menu-xxl-right {
+    right: 0;
+    left: auto; } }
+
 .dropup .dropdown-menu {
   top: auto;
   bottom: 100%;
@@ -2567,8 +2385,10 @@ progress {
   height: 0.36em;
   border-bottom: 1px solid;
   border-left: 1px solid;
-  margin-right: .1em;
-  margin-left: 0.4em;
+  -webkit-margin-end: .1em;
+          margin-inline-end: .1em;
+  -webkit-margin-start: 0.4em;
+          margin-inline-start: 0.4em;
   transform: rotate(135deg); }
 
 .dropright .dropdown-menu {
@@ -2586,8 +2406,10 @@ progress {
   height: 0.36em;
   border-bottom: 1px solid;
   border-left: 1px solid;
-  margin-right: .1em;
-  margin-left: 0.4em;
+  -webkit-margin-end: .1em;
+          margin-inline-end: .1em;
+  -webkit-margin-start: 0.4em;
+          margin-inline-start: 0.4em;
   transform: rotate(-135deg); }
 
 .dropright .dropdown-toggle::after {
@@ -2608,8 +2430,10 @@ progress {
   height: 0.36em;
   border-bottom: 1px solid;
   border-left: 1px solid;
-  margin-right: .1em;
-  margin-right: 0.4em;
+  -webkit-margin-end: .1em;
+          margin-inline-end: .1em;
+  -webkit-margin-end: 0.4em;
+          margin-inline-end: 0.4em;
   transform: rotate(45deg); }
 
 .dropleft .dropdown-toggle:after {
@@ -2626,28 +2450,29 @@ progress {
   height: 0;
   margin: 0.5rem 0;
   overflow: hidden;
-  border-top: 1px solid rgba(95, 102, 110, 0.2); }
+  border-top: 1px solid rgba(110, 117, 126, 0.16); }
 
 .dropdown-item {
   display: block;
   width: 100%;
-  padding: 0.25rem 1rem;
+  padding: 0.5rem 0.75rem;
   clear: both;
   font-weight: 400;
-  color: #354052;
+  color: inherit;
   text-align: inherit;
   white-space: nowrap;
   background-color: transparent;
   border: 0; }
   .dropdown-item:hover, .dropdown-item:focus {
     color: inherit;
-    background-color: rgba(95, 102, 110, 0.06); }
+    text-decoration: none;
+    background-color: rgba(110, 117, 126, 0.06); }
   .dropdown-item.active, .dropdown-item:active {
     color: #206bc4;
     text-decoration: none;
     background-color: rgba(32, 107, 196, 0.06); }
   .dropdown-item.disabled, .dropdown-item:disabled {
-    color: #a8aeb7;
+    color: #9fa5ad;
     pointer-events: none;
     background-color: transparent; }
 
@@ -2656,23 +2481,23 @@ progress {
 
 .dropdown-header {
   display: block;
-  padding: 0.5rem 1rem;
+  padding: 0.25rem 0.75rem;
   margin-bottom: 0;
-  font-size: 0.76562rem;
-  color: #a8aeb7;
+  font-size: 0.765625rem;
+  color: #9fa5ad;
   white-space: nowrap; }
 
 .dropdown-item-text {
   display: block;
-  padding: 0.25rem 1rem;
-  color: #354052; }
+  padding: 0.5rem 0.75rem;
+  color: inherit; }
 
 .dropdown-menu-dark {
-  color: #e9ecf1;
-  background-color: #545d6d;
-  border-color: rgba(95, 102, 110, 0.2); }
+  color: #e5e8ed;
+  background-color: #444e5a;
+  border-color: rgba(110, 117, 126, 0.16); }
   .dropdown-menu-dark .dropdown-item {
-    color: #e9ecf1; }
+    color: #e5e8ed; }
     .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
       color: #ffffff;
       background-color: rgba(255, 255, 255, 0.15); }
@@ -2680,13 +2505,13 @@ progress {
       color: #206bc4;
       background-color: rgba(32, 107, 196, 0.06); }
     .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
-      color: #cbcfd6; }
+      color: #c4c8cf; }
   .dropdown-menu-dark .dropdown-divider {
-    border-color: rgba(95, 102, 110, 0.2); }
+    border-color: rgba(110, 117, 126, 0.16); }
   .dropdown-menu-dark .dropdown-item-text {
-    color: #e9ecf1; }
+    color: #e5e8ed; }
   .dropdown-menu-dark .dropdown-header {
-    color: #cbcfd6; }
+    color: #c4c8cf; }
 
 .btn-group,
 .btn-group-vertical {
@@ -2784,29 +2609,31 @@ progress {
   @media (prefers-reduced-motion: reduce) {
     .nav-link {
       transition: none; } }
+  .nav-link:hover, .nav-link:focus {
+    text-decoration: none; }
   .nav-link.disabled {
-    color: #a8aeb7;
+    color: #9fa5ad;
     pointer-events: none;
     cursor: default; }
 
 .nav-tabs {
-  border-bottom: 1px solid #e9ecf1; }
+  border-bottom: 1px solid #e5e8ed; }
   .nav-tabs .nav-link {
     margin-bottom: -1px;
     border: 1px solid transparent;
     border-top-left-radius: 3px;
     border-top-right-radius: 3px; }
     .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
-      border-color: #f1f3f8 #f1f3f8 #e9ecf1; }
+      border-color: #edf0f4 #edf0f4 #e5e8ed; }
     .nav-tabs .nav-link.disabled {
-      color: #a8aeb7;
+      color: #9fa5ad;
       background-color: transparent;
       border-color: transparent; }
   .nav-tabs .nav-link.active,
   .nav-tabs .nav-item.show .nav-link {
-    color: #7a828f;
-    background-color: #f5f7fb;
-    border-color: #e9ecf1 #e9ecf1 #f5f7fb; }
+    color: #6d7580;
+    background-color: #f1f4f8;
+    border-color: #e5e8ed #e5e8ed #f1f4f8; }
   .nav-tabs .dropdown-menu {
     margin-top: -1px;
     border-top-left-radius: 0;
@@ -2846,7 +2673,7 @@ progress {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem; }
   .navbar > .container,
-  .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl {
+  .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {
     display: flex;
     flex-wrap: inherit;
     align-items: center;
@@ -2858,6 +2685,8 @@ progress {
   margin-right: 0;
   font-size: 1rem;
   white-space: nowrap; }
+  .navbar-brand:hover, .navbar-brand:focus {
+    text-decoration: none; }
 
 .navbar-nav {
   display: flex;
@@ -2906,7 +2735,7 @@ progress {
   background-position: center;
   background-size: 100%; }
 
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .navbar-expand-sm {
     flex-wrap: nowrap;
     justify-content: flex-start; }
@@ -2922,7 +2751,7 @@ progress {
     .navbar-expand-sm .navbar-toggler {
       display: none; } }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .navbar-expand-md {
     flex-wrap: nowrap;
     justify-content: flex-start; }
@@ -2938,7 +2767,7 @@ progress {
     .navbar-expand-md .navbar-toggler {
       display: none; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .navbar-expand-lg {
     flex-wrap: nowrap;
     justify-content: flex-start; }
@@ -2954,7 +2783,7 @@ progress {
     .navbar-expand-lg .navbar-toggler {
       display: none; } }
 
-@media (min-width: 75.25rem) {
+@media (min-width: 1200px) {
   .navbar-expand-xl {
     flex-wrap: nowrap;
     justify-content: flex-start; }
@@ -2970,6 +2799,22 @@ progress {
     .navbar-expand-xl .navbar-toggler {
       display: none; } }
 
+@media (min-width: 1400px) {
+  .navbar-expand-xxl {
+    flex-wrap: nowrap;
+    justify-content: flex-start; }
+    .navbar-expand-xxl .navbar-nav {
+      flex-direction: row; }
+      .navbar-expand-xxl .navbar-nav .dropdown-menu {
+        position: absolute; }
+      .navbar-expand-xxl .navbar-nav .nav-link {
+        padding-right: 0.75rem;
+        padding-left: 0.75rem; }
+    .navbar-expand-xxl .navbar-collapse {
+      display: flex !important; }
+    .navbar-expand-xxl .navbar-toggler {
+      display: none; } }
+
 .navbar-expand {
   flex-wrap: nowrap;
   justify-content: flex-start; }
@@ -2986,34 +2831,34 @@ progress {
     display: none; }
 
 .navbar-light .navbar-brand {
-  color: #212b36; }
+  color: #232e3c; }
   .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
-    color: #212b36; }
+    color: #232e3c; }
 
 .navbar-light .navbar-nav .nav-link {
-  color: rgba(33, 43, 54, 0.72); }
+  color: rgba(35, 46, 60, 0.66); }
   .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
     color: rgba(0, 0, 0, 0.7); }
   .navbar-light .navbar-nav .nav-link.disabled {
-    color: rgba(33, 43, 54, 0.3); }
+    color: rgba(35, 46, 60, 0.3); }
 
 .navbar-light .navbar-nav .show > .nav-link,
 .navbar-light .navbar-nav .nav-link.active {
-  color: #212b36; }
+  color: #232e3c; }
 
 .navbar-light .navbar-toggler {
-  color: rgba(33, 43, 54, 0.72);
+  color: rgba(35, 46, 60, 0.66);
   border-color: rgba(0, 0, 0, 0.1); }
 
 .navbar-light .navbar-toggler-icon {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 43, 54, 0.72%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2835, 46, 60, 0.66%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
 
 .navbar-light .navbar-text {
-  color: rgba(33, 43, 54, 0.72); }
+  color: rgba(35, 46, 60, 0.66); }
   .navbar-light .navbar-text a,
   .navbar-light .navbar-text a:hover,
   .navbar-light .navbar-text a:focus {
-    color: #212b36; }
+    color: #232e3c; }
 
 .navbar-dark .navbar-brand {
   color: #ffffff; }
@@ -3021,7 +2866,7 @@ progress {
     color: #ffffff; }
 
 .navbar-dark .navbar-nav .nav-link {
-  color: rgba(255, 255, 255, 0.72); }
+  color: rgba(255, 255, 255, 0.66); }
   .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
     color: rgba(255, 255, 255, 0.75); }
   .navbar-dark .navbar-nav .nav-link.disabled {
@@ -3032,14 +2877,14 @@ progress {
   color: #ffffff; }
 
 .navbar-dark .navbar-toggler {
-  color: rgba(255, 255, 255, 0.72);
+  color: rgba(255, 255, 255, 0.66);
   border-color: rgba(255, 255, 255, 0.1); }
 
 .navbar-dark .navbar-toggler-icon {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.72%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.66%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
 
 .navbar-dark .navbar-text {
-  color: rgba(255, 255, 255, 0.72); }
+  color: rgba(255, 255, 255, 0.66); }
   .navbar-dark .navbar-text a,
   .navbar-dark .navbar-text a:hover,
   .navbar-dark .navbar-text a:focus {
@@ -3053,7 +2898,7 @@ progress {
   word-wrap: break-word;
   background-color: #ffffff;
   background-clip: border-box;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid rgba(110, 117, 126, 0.16);
   border-radius: 3px; }
   .card > hr, .card > .hr {
     margin-right: 0;
@@ -3096,15 +2941,15 @@ progress {
 .card-header {
   padding: 0.75rem 1.25rem;
   margin-bottom: 0;
-  background-color: rgba(53, 64, 82, 0.024);
-  border-bottom: 1px solid rgba(95, 102, 110, 0.2); }
+  background-color: rgba(35, 46, 60, 0.024);
+  border-bottom: 1px solid rgba(110, 117, 126, 0.16); }
   .card-header:first-child {
     border-radius: 2px 2px 0 0; }
 
 .card-footer {
   padding: 0.75rem 1.25rem;
-  background-color: rgba(53, 64, 82, 0.024);
-  border-top: 1px solid rgba(95, 102, 110, 0.2); }
+  background-color: rgba(35, 46, 60, 0.024);
+  border-top: 1px solid rgba(110, 117, 126, 0.16); }
   .card-footer:last-child {
     border-radius: 0 0 2px 2px; }
 
@@ -3148,7 +2993,7 @@ progress {
 .card-group > .card {
   margin-bottom: 1.5rem; }
 
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .card-group {
     display: flex;
     flex-flow: row wrap; }
@@ -3198,20 +3043,19 @@ progress {
   padding: 0.5rem 1rem;
   margin-bottom: 1rem;
   list-style: none;
-  background-color: #f1f3f8;
+  background-color: #edf0f4;
   border-radius: 3px; }
 
-.breadcrumb-item {
-  display: flex; }
-  .breadcrumb-item + .breadcrumb-item {
-    padding-left: 0.5rem; }
-    .breadcrumb-item + .breadcrumb-item::before {
-      display: inline-block;
-      padding-right: 0.5rem;
-      color: #a8aeb7;
-      content: "/"; }
-  .breadcrumb-item.active {
-    color: #a8aeb7; }
+.breadcrumb-item + .breadcrumb-item {
+  padding-left: 0.5rem; }
+  .breadcrumb-item + .breadcrumb-item::before {
+    float: left;
+    padding-right: 0.5rem;
+    color: #9fa5ad;
+    content: "/"; }
+
+.breadcrumb-item.active {
+  color: #9fa5ad; }
 
 .pagination {
   display: flex;
@@ -3221,22 +3065,23 @@ progress {
 .page-link {
   position: relative;
   display: block;
-  color: #5f666e;
+  color: #6e757e;
   background-color: transparent;
-  border: 0 solid #e9ecf1;
+  border: 0 solid #e5e8ed;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
   @media (prefers-reduced-motion: reduce) {
     .page-link {
       transition: none; } }
   .page-link:hover {
     z-index: 2;
-    color: #154782;
-    background-color: #f1f3f8;
-    border-color: #e9ecf1; }
+    color: #1a569d;
+    text-decoration: none;
+    background-color: #edf0f4;
+    border-color: #e5e8ed; }
   .page-link:focus {
     z-index: 3;
-    color: #154782;
-    background-color: #f1f3f8;
+    color: #1a569d;
+    background-color: #edf0f4;
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
 
@@ -3250,10 +3095,10 @@ progress {
   border-color: #206bc4; }
 
 .page-item.disabled .page-link {
-  color: rgba(95, 102, 110, 0.5);
+  color: rgba(110, 117, 126, 0.5);
   pointer-events: none;
   background-color: transparent;
-  border-color: #e9ecf1; }
+  border-color: #e5e8ed; }
 
 .page-link {
   padding: 0.25rem 0.25rem; }
@@ -3280,7 +3125,7 @@ progress {
 
 .pagination-sm .page-link {
   padding: 0.25rem 0.5rem;
-  font-size: 0.76562rem; }
+  font-size: 0.765625rem; }
 
 .pagination-sm .page-item:first-child .page-link {
   border-top-left-radius: 0.2rem;
@@ -3293,7 +3138,7 @@ progress {
 .badge {
   display: inline-block;
   padding: 0.35em 0.65em;
-  font-size: 0.75em;
+  font-size: 85.7142857%;
   font-weight: 500;
   line-height: 1;
   color: #ffffff;
@@ -3319,7 +3164,7 @@ progress {
   color: inherit; }
 
 .alert-link {
-  font-weight: 500; }
+  font-weight: 600; }
 
 .alert-dismissible {
   padding-right: 3rem; }
@@ -3327,63 +3172,64 @@ progress {
     position: absolute;
     top: 0;
     right: 0;
+    z-index: 2;
     padding: 1.25rem 1rem; }
 
 .alert-primary {
-  color: #061527;
+  color: #103662;
   background-color: #d2e1f3;
-  border-color: #a6c4e7; }
+  border-color: #bcd3ed; }
   .alert-primary .alert-link {
-    color: black; }
+    color: #0d2b4e; }
 
 .alert-secondary {
-  color: #131416;
-  background-color: #dfe0e2;
-  border-color: #bfc2c5; }
+  color: #373b3f;
+  background-color: #e2e3e5;
+  border-color: #d4d6d8; }
   .alert-secondary .alert-link {
-    color: black; }
+    color: #2c2f32; }
 
 .alert-success {
-  color: #132500;
+  color: #2f5d00;
   background-color: #dff1cc;
-  border-color: #bfe399; }
+  border-color: #cfeab3; }
   .alert-success .alert-link {
-    color: black; }
+    color: #264a00; }
 
 .alert-info {
-  color: #0e2230;
-  background-color: #daeefc;
-  border-color: #b5ddfa; }
+  color: #214d71;
+  background-color: #d9ebf9;
+  border-color: #c6e0f6; }
   .alert-info .alert-link {
-    color: #020609; }
+    color: #1a3e5a; }
 
 .alert-warning {
-  color: #322301;
-  background-color: #feefcd;
-  border-color: #fddf9b; }
+  color: #77451b;
+  background-color: #fbe7d7;
+  border-color: #fadcc3; }
   .alert-warning .alert-link {
-    color: black; }
+    color: #5f3716; }
 
 .alert-danger {
-  color: #290606;
-  background-color: #f5d2d2;
-  border-color: #eba6a5; }
+  color: #731f1f;
+  background-color: #fad8d8;
+  border-color: #f7c5c5; }
   .alert-danger .alert-link {
-    color: black; }
+    color: #5c1919; }
 
 .alert-light {
-  color: #313132;
-  background-color: #fdfdfe;
+  color: #797a7c;
+  background-color: #fcfdfe;
   border-color: #fbfcfd; }
   .alert-light .alert-link {
-    color: #181818; }
+    color: #616263; }
 
 .alert-dark {
-  color: #0b0d10;
-  background-color: #d7d9dc;
-  border-color: #aeb3ba; }
+  color: #12171e;
+  background-color: #d3d5d8;
+  border-color: #bdc0c5; }
   .alert-dark .alert-link {
-    color: black; }
+    color: #0e1218; }
 
 @-webkit-keyframes progress-bar-stripes {
   0% {
@@ -3398,7 +3244,7 @@ progress {
   height: 0.5rem;
   overflow: hidden;
   font-size: 0.65625rem;
-  background-color: rgba(176, 181, 190, 0.24);
+  background-color: rgba(167, 173, 180, 0.24);
   border-radius: 3px; }
 
 .progress-bar {
@@ -3442,17 +3288,17 @@ progress {
     z-index: 1;
     color: inherit;
     text-decoration: none;
-    background-color: #f5f7fb; }
+    background-color: #f1f4f8; }
   .list-group-item-action:active {
-    color: #212b36;
-    background-color: #f1f3f8; }
+    color: #232e3c;
+    background-color: #edf0f4; }
 
 .list-group-item {
   position: relative;
   display: block;
   padding: 0.5rem 0.75rem;
   background-color: inherit;
-  border: 1px solid rgba(95, 102, 110, 0.2); }
+  border: 1px solid #e8e9ea; }
   .list-group-item:first-child {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit; }
@@ -3460,7 +3306,7 @@ progress {
     border-bottom-right-radius: inherit;
     border-bottom-left-radius: inherit; }
   .list-group-item.disabled, .list-group-item:disabled {
-    color: #a8aeb7;
+    color: #9fa5ad;
     pointer-events: none;
     background-color: inherit; }
   .list-group-item.active {
@@ -3491,7 +3337,7 @@ progress {
       margin-left: -1px;
       border-left-width: 1px; }
 
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .list-group-horizontal-sm {
     flex-direction: row; }
     .list-group-horizontal-sm > .list-group-item:first-child {
@@ -3509,7 +3355,7 @@ progress {
         margin-left: -1px;
         border-left-width: 1px; } }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .list-group-horizontal-md {
     flex-direction: row; }
     .list-group-horizontal-md > .list-group-item:first-child {
@@ -3527,7 +3373,7 @@ progress {
         margin-left: -1px;
         border-left-width: 1px; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .list-group-horizontal-lg {
     flex-direction: row; }
     .list-group-horizontal-lg > .list-group-item:first-child {
@@ -3545,7 +3391,7 @@ progress {
         margin-left: -1px;
         border-left-width: 1px; } }
 
-@media (min-width: 75.25rem) {
+@media (min-width: 1200px) {
   .list-group-horizontal-xl {
     flex-direction: row; }
     .list-group-horizontal-xl > .list-group-item:first-child {
@@ -3563,6 +3409,24 @@ progress {
         margin-left: -1px;
         border-left-width: 1px; } }
 
+@media (min-width: 1400px) {
+  .list-group-horizontal-xxl {
+    flex-direction: row; }
+    .list-group-horizontal-xxl > .list-group-item:first-child {
+      border-bottom-left-radius: 3px;
+      border-top-right-radius: 0; }
+    .list-group-horizontal-xxl > .list-group-item:last-child {
+      border-top-right-radius: 3px;
+      border-bottom-left-radius: 0; }
+    .list-group-horizontal-xxl > .list-group-item.active {
+      margin-top: 0; }
+    .list-group-horizontal-xxl > .list-group-item + .list-group-item {
+      border-top-width: 1px;
+      border-left-width: 0; }
+      .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
+        margin-left: -1px;
+        border-left-width: 1px; } }
+
 .list-group-flush {
   border-radius: 0; }
   .list-group-flush > .list-group-item {
@@ -3571,106 +3435,105 @@ progress {
       border-bottom-width: 0; }
 
 .list-group-item-primary {
-  color: #0d2b4e;
-  background-color: #e9f0f9; }
+  color: #103662;
+  background-color: #d2e1f3; }
   .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
-    color: #0d2b4e;
-    background-color: #d5e2f4; }
+    color: #103662;
+    background-color: #bdcbdb; }
   .list-group-item-primary.list-group-item-action.active {
     color: #ffffff;
-    background-color: #0d2b4e;
-    border-color: #0d2b4e; }
+    background-color: #103662;
+    border-color: #103662; }
 
 .list-group-item-secondary {
-  color: #26292c;
-  background-color: #eff0f1; }
+  color: #373b3f;
+  background-color: #e2e3e5; }
   .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
-    color: #26292c;
-    background-color: #e1e3e5; }
+    color: #373b3f;
+    background-color: #cbccce; }
   .list-group-item-secondary.list-group-item-action.active {
     color: #ffffff;
-    background-color: #26292c;
-    border-color: #26292c; }
+    background-color: #373b3f;
+    border-color: #373b3f; }
 
 .list-group-item-success {
-  color: #264a00;
-  background-color: #eff8e6; }
+  color: #2f5d00;
+  background-color: #dff1cc; }
   .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
-    color: #264a00;
-    background-color: #e2f2d2; }
+    color: #2f5d00;
+    background-color: #c9d9b8; }
   .list-group-item-success.list-group-item-action.active {
     color: #ffffff;
-    background-color: #264a00;
-    border-color: #264a00; }
+    background-color: #2f5d00;
+    border-color: #2f5d00; }
 
 .list-group-item-info {
-  color: #1c4461;
-  background-color: #ecf7fe; }
+  color: #214d71;
+  background-color: #d9ebf9; }
   .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
-    color: #1c4461;
-    background-color: #d4edfd; }
+    color: #214d71;
+    background-color: #c3d4e0; }
   .list-group-item-info.list-group-item-action.active {
     color: #ffffff;
-    background-color: #1c4461;
-    border-color: #1c4461; }
+    background-color: #214d71;
+    border-color: #214d71; }
 
 .list-group-item-warning {
-  color: #644602;
-  background-color: #fff7e6; }
+  color: #77451b;
+  background-color: #fbe7d7; }
   .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
-    color: #644602;
-    background-color: #ffefcd; }
+    color: #77451b;
+    background-color: #e2d0c2; }
   .list-group-item-warning.list-group-item-action.active {
     color: #ffffff;
-    background-color: #644602;
-    border-color: #644602; }
+    background-color: #77451b;
+    border-color: #77451b; }
 
 .list-group-item-danger {
-  color: #520d0c;
-  background-color: #fae9e9; }
+  color: #731f1f;
+  background-color: #fad8d8; }
   .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
-    color: #520d0c;
-    background-color: #f5d4d4; }
+    color: #731f1f;
+    background-color: #e1c2c2; }
   .list-group-item-danger.list-group-item-action.active {
     color: #ffffff;
-    background-color: #520d0c;
-    border-color: #520d0c; }
+    background-color: #731f1f;
+    border-color: #731f1f; }
 
 .list-group-item-light {
-  color: #626364;
-  background-color: #fefeff; }
+  color: #797a7c;
+  background-color: #fcfdfe; }
   .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
-    color: #626364;
-    background-color: #e5e5ff; }
+    color: #797a7c;
+    background-color: #e3e4e5; }
   .list-group-item-light.list-group-item-action.active {
     color: #ffffff;
-    background-color: #626364;
-    border-color: #626364; }
+    background-color: #797a7c;
+    border-color: #797a7c; }
 
 .list-group-item-dark {
-  color: #151a21;
-  background-color: #ebecee; }
+  color: #12171e;
+  background-color: #d3d5d8; }
   .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
-    color: #151a21;
-    background-color: #dddfe2; }
+    color: #12171e;
+    background-color: #bec0c2; }
   .list-group-item-dark.list-group-item-action.active {
     color: #ffffff;
-    background-color: #151a21;
-    border-color: #151a21; }
+    background-color: #12171e;
+    border-color: #12171e; }
 
 .btn-close {
   box-sizing: content-box;
-  width: 1em;
-  height: 1em;
+  width: 0.75rem;
+  height: 0.75rem;
   padding: 0.25em 0.25em;
-  color: #000000;
-  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") no-repeat center center/1em auto;
-  background-clip: content-box;
+  color: inherit;
+  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='inherit' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") no-repeat center center/0.75rem auto;
   border: 0;
   border-radius: 3px;
   opacity: 0.5; }
   .btn-close:hover {
-    color: #000000;
+    color: inherit;
     text-decoration: none;
     opacity: 0.75; }
   .btn-close:focus {
@@ -3693,7 +3556,7 @@ progress {
   font-size: 0.875rem;
   background-color: rgba(255, 255, 255, 0.85);
   background-clip: padding-box;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid #e8e9ea;
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
   opacity: 0;
   border-radius: 3px; }
@@ -3711,7 +3574,7 @@ progress {
   display: flex;
   align-items: center;
   padding: 0.5rem 0.75rem;
-  color: #5f666e;
+  color: #6e757e;
   background-color: rgba(255, 255, 255, 0.85);
   background-clip: padding-box;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
@@ -3778,7 +3641,7 @@ progress {
   pointer-events: auto;
   background-color: #fbfbfb;
   background-clip: padding-box;
-  border: 1px solid rgba(95, 102, 110, 0.1);
+  border: 1px solid transparent;
   border-radius: 3px;
   outline: 0; }
 
@@ -3789,7 +3652,7 @@ progress {
   z-index: 1040;
   width: 100vw;
   height: 100vh;
-  background-color: #354052; }
+  background-color: #232e3c; }
   .modal-backdrop.fade {
     opacity: 0; }
   .modal-backdrop.show {
@@ -3801,7 +3664,7 @@ progress {
   align-items: center;
   justify-content: space-between;
   padding: 1.5rem;
-  border-bottom: 1px solid rgba(95, 102, 110, 0.1);
+  border-bottom: 1px solid #e8e9ea;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px; }
   .modal-header .btn-close {
@@ -3810,7 +3673,7 @@ progress {
 
 .modal-title {
   margin-bottom: 0;
-  line-height: 1.71429; }
+  line-height: 1.4285714; }
 
 .modal-body {
   position: relative;
@@ -3824,7 +3687,7 @@ progress {
   align-items: center;
   justify-content: flex-end;
   padding: 1.125rem;
-  border-top: 0 solid rgba(95, 102, 110, 0.1);
+  border-top: 0 solid #e8e9ea;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px; }
   .modal-footer > * {
@@ -3837,7 +3700,7 @@ progress {
   height: 50px;
   overflow: scroll; }
 
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .modal-dialog {
     max-width: 540px;
     margin: 1.75rem auto; }
@@ -3848,12 +3711,12 @@ progress {
   .modal-sm {
     max-width: 380px; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .modal-lg,
   .modal-xl {
     max-width: 720px; } }
 
-@media (min-width: 75.25rem) {
+@media (min-width: 1200px) {
   .modal-xl {
     max-width: 1140px; } }
 
@@ -3873,7 +3736,7 @@ progress {
   .modal-fullscreen .modal-footer {
     border-radius: 0; }
 
-@media (max-width: 32.98rem) {
+@media (max-width: 575.98px) {
   .modal-fullscreen-sm-down {
     width: 100vw;
     max-width: none;
@@ -3890,7 +3753,7 @@ progress {
     .modal-fullscreen-sm-down .modal-footer {
       border-radius: 0; } }
 
-@media (max-width: 47.98rem) {
+@media (max-width: 767.98px) {
   .modal-fullscreen-md-down {
     width: 100vw;
     max-width: none;
@@ -3907,7 +3770,7 @@ progress {
     .modal-fullscreen-md-down .modal-footer {
       border-radius: 0; } }
 
-@media (max-width: 63.98rem) {
+@media (max-width: 991.98px) {
   .modal-fullscreen-lg-down {
     width: 100vw;
     max-width: none;
@@ -3924,7 +3787,7 @@ progress {
     .modal-fullscreen-lg-down .modal-footer {
       border-radius: 0; } }
 
-@media (max-width: 75.23rem) {
+@media (max-width: 1199.98px) {
   .modal-fullscreen-xl-down {
     width: 100vw;
     max-width: none;
@@ -3941,15 +3804,32 @@ progress {
     .modal-fullscreen-xl-down .modal-footer {
       border-radius: 0; } }
 
+@media (max-width: 1399.98px) {
+  .modal-fullscreen-xxl-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0; }
+    .modal-fullscreen-xxl-down .modal-content {
+      height: 100%;
+      border: 0;
+      border-radius: 0; }
+    .modal-fullscreen-xxl-down .modal-header {
+      border-radius: 0; }
+    .modal-fullscreen-xxl-down .modal-body {
+      overflow-y: auto; }
+    .modal-fullscreen-xxl-down .modal-footer {
+      border-radius: 0; } }
+
 .tooltip {
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
-  font-family: var(--bs-font-sans-serif);
+  font-family: var(--tblr-font-sans-serif);
   font-style: normal;
   font-weight: 400;
-  line-height: 1.71429;
+  line-height: 1.4285714;
   text-align: left;
   text-align: start;
   text-decoration: none;
@@ -3960,7 +3840,7 @@ progress {
   word-spacing: normal;
   white-space: normal;
   line-break: auto;
-  font-size: 0.76562rem;
+  font-size: 0.765625rem;
   word-wrap: break-word;
   opacity: 0; }
   .tooltip.show {
@@ -4031,10 +3911,10 @@ progress {
   z-index: 1060;
   display: block;
   max-width: 276px;
-  font-family: var(--bs-font-sans-serif);
+  font-family: var(--tblr-font-sans-serif);
   font-style: normal;
   font-weight: 400;
-  line-height: 1.71429;
+  line-height: 1.4285714;
   text-align: left;
   text-align: start;
   text-decoration: none;
@@ -4045,11 +3925,11 @@ progress {
   word-spacing: normal;
   white-space: normal;
   line-break: auto;
-  font-size: 0.76562rem;
+  font-size: 0.765625rem;
   word-wrap: break-word;
   background-color: #ffffff;
   background-clip: padding-box;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid #e8e9ea;
   border-radius: 0.3rem; }
   .popover .popover-arrow {
     position: absolute;
@@ -4071,7 +3951,7 @@ progress {
     .bs-popover-top > .popover-arrow::before, .bs-popover-auto[x-placement^="top"] > .popover-arrow::before {
       bottom: 0;
       border-width: 0.5rem 0.5rem 0;
-      border-top-color: rgba(95, 102, 110, 0.25); }
+      border-top-color: #e8e9ea; }
     .bs-popover-top > .popover-arrow::after, .bs-popover-auto[x-placement^="top"] > .popover-arrow::after {
       bottom: 1px;
       border-width: 0.5rem 0.5rem 0;
@@ -4087,7 +3967,7 @@ progress {
     .bs-popover-right > .popover-arrow::before, .bs-popover-auto[x-placement^="right"] > .popover-arrow::before {
       left: 0;
       border-width: 0.5rem 0.5rem 0.5rem 0;
-      border-right-color: rgba(95, 102, 110, 0.25); }
+      border-right-color: #e8e9ea; }
     .bs-popover-right > .popover-arrow::after, .bs-popover-auto[x-placement^="right"] > .popover-arrow::after {
       left: 1px;
       border-width: 0.5rem 0.5rem 0.5rem 0;
@@ -4100,7 +3980,7 @@ progress {
     .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[x-placement^="bottom"] > .popover-arrow::before {
       top: 0;
       border-width: 0 0.5rem 0.5rem 0.5rem;
-      border-bottom-color: rgba(95, 102, 110, 0.25); }
+      border-bottom-color: #e8e9ea; }
     .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[x-placement^="bottom"] > .popover-arrow::after {
       top: 1px;
       border-width: 0 0.5rem 0.5rem 0.5rem;
@@ -4113,7 +3993,7 @@ progress {
     width: 1rem;
     margin-left: -0.5rem;
     content: "";
-    border-bottom: 1px solid #f7f7f7; }
+    border-bottom: 1px solid #f0f0f0; }
 
 .bs-popover-left, .bs-popover-auto[x-placement^="left"] {
   margin-right: 0.5rem; }
@@ -4125,7 +4005,7 @@ progress {
     .bs-popover-left > .popover-arrow::before, .bs-popover-auto[x-placement^="left"] > .popover-arrow::before {
       right: 0;
       border-width: 0.5rem 0 0.5rem 0.5rem;
-      border-left-color: rgba(95, 102, 110, 0.25); }
+      border-left-color: #e8e9ea; }
     .bs-popover-left > .popover-arrow::after, .bs-popover-auto[x-placement^="left"] > .popover-arrow::after {
       right: 1px;
       border-width: 0.5rem 0 0.5rem 0.5rem;
@@ -4135,8 +4015,8 @@ progress {
   padding: 0.5rem 1rem;
   margin-bottom: 0;
   font-size: 0.875rem;
-  background-color: #f7f7f7;
-  border-bottom: 1px solid #ebebeb;
+  background-color: #f0f0f0;
+  border-bottom: 1px solid #d8d8d8;
   border-top-left-radius: calc(0.3rem - 1px);
   border-top-right-radius: calc(0.3rem - 1px); }
   .popover-header:empty {
@@ -4144,7 +4024,7 @@ progress {
 
 .popover-body {
   padding: 1rem 1rem;
-  color: #212b36; }
+  color: #232e3c; }
 
 .carousel {
   position: relative; }
@@ -4361,6 +4241,12 @@ progress {
   width: 1rem;
   height: 1rem; }
 
+@media (prefers-reduced-motion: reduce) {
+  .spinner-border,
+  .spinner-grow {
+    -webkit-animation-duration: 1.5s;
+            animation-duration: 1.5s; } }
+
 .clearfix::after {
   display: block;
   clear: both;
@@ -4369,42 +4255,42 @@ progress {
 .link-primary {
   color: #206bc4; }
   .link-primary:hover, .link-primary:focus {
-    color: #154782; }
+    color: #1a569d; }
 
 .link-secondary {
-  color: #5f666e; }
+  color: #6e757e; }
   .link-secondary:hover, .link-secondary:focus {
-    color: #3c4045; }
+    color: #585e65; }
 
 .link-success {
   color: #5eba00; }
   .link-success:hover, .link-success:focus {
-    color: #376e00; }
+    color: #4b9500; }
 
 .link-info {
-  color: #45aaf2; }
+  color: #4299e1; }
   .link-info:hover, .link-info:focus {
-    color: #0f86db; }
+    color: #357ab4; }
 
 .link-warning {
-  color: #fab005; }
+  color: #ed8936; }
   .link-warning:hover, .link-warning:focus {
-    color: #af7b04; }
+    color: #be6e2b; }
 
 .link-danger {
-  color: #cd201f; }
+  color: #e53e3e; }
   .link-danger:hover, .link-danger:focus {
-    color: #8b1615; }
+    color: #b73232; }
 
 .link-light {
-  color: #f5f7fb; }
+  color: #f1f4f8; }
   .link-light:hover, .link-light:focus {
-    color: white; }
+    color: #f4f6f9; }
 
 .link-dark {
-  color: #354052; }
+  color: #232e3c; }
   .link-dark:hover, .link-dark:focus {
-    color: #171c24; }
+    color: #1c2530; }
 
 .ratio {
   position: relative;
@@ -4452,34 +4338,41 @@ progress {
   top: 0;
   z-index: 1020; }
 
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .sticky-sm-top {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020; } }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .sticky-md-top {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .sticky-lg-top {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020; } }
 
-@media (min-width: 75.25rem) {
+@media (min-width: 1200px) {
   .sticky-xl-top {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020; } }
 
+@media (min-width: 1400px) {
+  .sticky-xxl-top {
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0;
+    z-index: 1020; } }
+
 .visually-hidden,
 .visually-hidden-focusable:not(:focus) {
   position: absolute !important;
@@ -4525,10 +4418,10 @@ progress {
   vertical-align: text-top !important; }
 
 .float-left {
-  float: left !important; }
+  float: inline-start !important; }
 
 .float-right {
-  float: right !important; }
+  float: inline-end !important; }
 
 .float-none {
   float: none !important; }
@@ -4539,6 +4432,12 @@ progress {
 .overflow-hidden {
   overflow: hidden !important; }
 
+.overflow-visible {
+  overflow: visible !important; }
+
+.overflow-scroll {
+  overflow: scroll !important; }
+
 .d-inline {
   display: inline !important; }
 
@@ -4634,46 +4533,46 @@ progress {
   transform: translateX(-50%) translateY(-50%) !important; }
 
 .border {
-  border: 1px solid rgba(95, 102, 110, 0.2) !important; }
+  border: 1px solid rgba(110, 117, 126, 0.16) !important; }
 
 .border-wide {
-  border: 2px solid rgba(95, 102, 110, 0.2) !important; }
+  border: 2px solid rgba(110, 117, 126, 0.16) !important; }
 
 .border-0 {
   border: 0 !important; }
 
 .border-top {
-  border-top: 1px solid rgba(95, 102, 110, 0.2) !important; }
+  border-top: 1px solid rgba(110, 117, 126, 0.16) !important; }
 
 .border-top-wide {
-  border-top: 2px solid rgba(95, 102, 110, 0.2) !important; }
+  border-top: 2px solid rgba(110, 117, 126, 0.16) !important; }
 
 .border-top-0 {
   border-top: 0 !important; }
 
 .border-right {
-  border-right: 1px solid rgba(95, 102, 110, 0.2) !important; }
+  border-right: 1px solid rgba(110, 117, 126, 0.16) !important; }
 
 .border-right-wide {
-  border-right: 2px solid rgba(95, 102, 110, 0.2) !important; }
+  border-right: 2px solid rgba(110, 117, 126, 0.16) !important; }
 
 .border-right-0 {
   border-right: 0 !important; }
 
 .border-bottom {
-  border-bottom: 1px solid rgba(95, 102, 110, 0.2) !important; }
+  border-bottom: 1px solid rgba(110, 117, 126, 0.16) !important; }
 
 .border-bottom-wide {
-  border-bottom: 2px solid rgba(95, 102, 110, 0.2) !important; }
+  border-bottom: 2px solid rgba(110, 117, 126, 0.16) !important; }
 
 .border-bottom-0 {
   border-bottom: 0 !important; }
 
 .border-left {
-  border-left: 1px solid rgba(95, 102, 110, 0.2) !important; }
+  border-left: 1px solid rgba(110, 117, 126, 0.16) !important; }
 
 .border-left-wide {
-  border-left: 2px solid rgba(95, 102, 110, 0.2) !important; }
+  border-left: 2px solid rgba(110, 117, 126, 0.16) !important; }
 
 .border-left-0 {
   border-left: 0 !important; }
@@ -4682,25 +4581,25 @@ progress {
   border-color: #206bc4 !important; }
 
 .border-secondary {
-  border-color: #5f666e !important; }
+  border-color: #6e757e !important; }
 
 .border-success {
   border-color: #5eba00 !important; }
 
 .border-info {
-  border-color: #45aaf2 !important; }
+  border-color: #4299e1 !important; }
 
 .border-warning {
-  border-color: #fab005 !important; }
+  border-color: #ed8936 !important; }
 
 .border-danger {
-  border-color: #cd201f !important; }
+  border-color: #e53e3e !important; }
 
 .border-light {
-  border-color: #f5f7fb !important; }
+  border-color: #f1f4f8 !important; }
 
 .border-dark {
-  border-color: #354052 !important; }
+  border-color: #232e3c !important; }
 
 .border-white {
   border-color: #ffffff !important; }
@@ -4919,7 +4818,7 @@ progress {
   margin: 1rem !important; }
 
 .m-4 {
-  margin: 1.5rem !important; }
+  margin: 1.25rem !important; }
 
 .m-5 {
   margin: 3rem !important; }
@@ -4930,6 +4829,9 @@ progress {
 .m-auto {
   margin: auto !important; }
 
+.m {
+  margin: 1rem !important; }
+
 .mx-0 {
   margin-right: 0 !important;
   margin-left: 0 !important; }
@@ -4947,8 +4849,8 @@ progress {
   margin-left: 1rem !important; }
 
 .mx-4 {
-  margin-right: 1.5rem !important;
-  margin-left: 1.5rem !important; }
+  margin-right: 1.25rem !important;
+  margin-left: 1.25rem !important; }
 
 .mx-5 {
   margin-right: 3rem !important;
@@ -4979,8 +4881,8 @@ progress {
   margin-bottom: 1rem !important; }
 
 .my-4 {
-  margin-top: 1.5rem !important;
-  margin-bottom: 1.5rem !important; }
+  margin-top: 1.25rem !important;
+  margin-bottom: 1.25rem !important; }
 
 .my-5 {
   margin-top: 3rem !important;
@@ -5007,7 +4909,7 @@ progress {
   margin-top: 1rem !important; }
 
 .mt-4 {
-  margin-top: 1.5rem !important; }
+  margin-top: 1.25rem !important; }
 
 .mt-5 {
   margin-top: 3rem !important; }
@@ -5018,6 +4920,9 @@ progress {
 .mt-auto {
   margin-top: auto !important; }
 
+.mt {
+  margin-top: 1rem !important; }
+
 .mr-0 {
   -webkit-margin-end: 0 !important;
           margin-inline-end: 0 !important; }
@@ -5035,8 +4940,8 @@ progress {
           margin-inline-end: 1rem !important; }
 
 .mr-4 {
-  -webkit-margin-end: 1.5rem !important;
-          margin-inline-end: 1.5rem !important; }
+  -webkit-margin-end: 1.25rem !important;
+          margin-inline-end: 1.25rem !important; }
 
 .mr-5 {
   -webkit-margin-end: 3rem !important;
@@ -5050,6 +4955,10 @@ progress {
   -webkit-margin-end: auto !important;
           margin-inline-end: auto !important; }
 
+.mr {
+  -webkit-margin-end: 1rem !important;
+          margin-inline-end: 1rem !important; }
+
 .mb-0 {
   margin-bottom: 0 !important; }
 
@@ -5063,7 +4972,7 @@ progress {
   margin-bottom: 1rem !important; }
 
 .mb-4 {
-  margin-bottom: 1.5rem !important; }
+  margin-bottom: 1.25rem !important; }
 
 .mb-5 {
   margin-bottom: 3rem !important; }
@@ -5074,6 +4983,9 @@ progress {
 .mb-auto {
   margin-bottom: auto !important; }
 
+.mb {
+  margin-bottom: 1rem !important; }
+
 .ml-0 {
   -webkit-margin-start: 0 !important;
           margin-inline-start: 0 !important; }
@@ -5091,8 +5003,8 @@ progress {
           margin-inline-start: 1rem !important; }
 
 .ml-4 {
-  -webkit-margin-start: 1.5rem !important;
-          margin-inline-start: 1.5rem !important; }
+  -webkit-margin-start: 1.25rem !important;
+          margin-inline-start: 1.25rem !important; }
 
 .ml-5 {
   -webkit-margin-start: 3rem !important;
@@ -5106,6 +5018,10 @@ progress {
   -webkit-margin-start: auto !important;
           margin-inline-start: auto !important; }
 
+.ml {
+  -webkit-margin-start: 1rem !important;
+          margin-inline-start: 1rem !important; }
+
 .p-0 {
   padding: 0 !important; }
 
@@ -5119,7 +5035,7 @@ progress {
   padding: 1rem !important; }
 
 .p-4 {
-  padding: 1.5rem !important; }
+  padding: 1.25rem !important; }
 
 .p-5 {
   padding: 3rem !important; }
@@ -5144,8 +5060,8 @@ progress {
   padding-left: 1rem !important; }
 
 .px-4 {
-  padding-right: 1.5rem !important;
-  padding-left: 1.5rem !important; }
+  padding-right: 1.25rem !important;
+  padding-left: 1.25rem !important; }
 
 .px-5 {
   padding-right: 3rem !important;
@@ -5172,8 +5088,8 @@ progress {
   padding-bottom: 1rem !important; }
 
 .py-4 {
-  padding-top: 1.5rem !important;
-  padding-bottom: 1.5rem !important; }
+  padding-top: 1.25rem !important;
+  padding-bottom: 1.25rem !important; }
 
 .py-5 {
   padding-top: 3rem !important;
@@ -5196,7 +5112,7 @@ progress {
   padding-top: 1rem !important; }
 
 .pt-4 {
-  padding-top: 1.5rem !important; }
+  padding-top: 1.25rem !important; }
 
 .pt-5 {
   padding-top: 3rem !important; }
@@ -5221,8 +5137,8 @@ progress {
           padding-inline-end: 1rem !important; }
 
 .pr-4 {
-  -webkit-padding-end: 1.5rem !important;
-          padding-inline-end: 1.5rem !important; }
+  -webkit-padding-end: 1.25rem !important;
+          padding-inline-end: 1.25rem !important; }
 
 .pr-5 {
   -webkit-padding-end: 3rem !important;
@@ -5245,7 +5161,7 @@ progress {
   padding-bottom: 1rem !important; }
 
 .pb-4 {
-  padding-bottom: 1.5rem !important; }
+  padding-bottom: 1.25rem !important; }
 
 .pb-5 {
   padding-bottom: 3rem !important; }
@@ -5270,8 +5186,8 @@ progress {
           padding-inline-start: 1rem !important; }
 
 .pl-4 {
-  -webkit-padding-start: 1.5rem !important;
-          padding-inline-start: 1.5rem !important; }
+  -webkit-padding-start: 1.25rem !important;
+          padding-inline-start: 1.25rem !important; }
 
 .pl-5 {
   -webkit-padding-start: 3rem !important;
@@ -5281,6 +5197,30 @@ progress {
   -webkit-padding-start: 4.5rem !important;
           padding-inline-start: 4.5rem !important; }
 
+.text-h1 {
+  font-size: 1.75rem !important; }
+
+.text-h2 {
+  font-size: 1.25rem !important; }
+
+.text-h3 {
+  font-size: 1rem !important; }
+
+.text-h4 {
+  font-size: 0.875rem !important; }
+
+.text-h5 {
+  font-size: 0.75rem !important; }
+
+.text-h6 {
+  font-size: 0.625rem !important; }
+
+.fst-italic {
+  font-style: italic !important; }
+
+.fst-normal {
+  font-style: normal !important; }
+
 .font-weight-light {
   font-weight: 300 !important; }
 
@@ -5290,17 +5230,8 @@ progress {
 .font-weight-medium {
   font-weight: 500 !important; }
 
-.font-weight-semibold {
-  font-weight: 600 !important; }
-
 .font-weight-bold {
-  font-weight: 700 !important; }
-
-.font-weight-extrabold {
-  font-weight: 800 !important; }
-
-.font-weight-black {
-  font-weight: 900 !important; }
+  font-weight: 600 !important; }
 
 .text-lowercase {
   text-transform: lowercase !important; }
@@ -5324,34 +5255,34 @@ progress {
   color: #206bc4 !important; }
 
 .text-secondary {
-  color: #5f666e !important; }
+  color: #6e757e !important; }
 
 .text-success {
   color: #5eba00 !important; }
 
 .text-info {
-  color: #45aaf2 !important; }
+  color: #4299e1 !important; }
 
 .text-warning {
-  color: #fab005 !important; }
+  color: #ed8936 !important; }
 
 .text-danger {
-  color: #cd201f !important; }
+  color: #e53e3e !important; }
 
 .text-light {
-  color: #f5f7fb !important; }
+  color: #f1f4f8 !important; }
 
 .text-dark {
-  color: #354052 !important; }
+  color: #232e3c !important; }
 
 .text-white {
   color: #ffffff !important; }
 
 .text-body {
-  color: #212b36 !important; }
+  color: #232e3c !important; }
 
 .text-muted {
-  color: #5f666e !important; }
+  color: #6e757e !important; }
 
 .text-black-50 {
   color: rgba(0, 0, 0, 0.5) !important; }
@@ -5366,40 +5297,40 @@ progress {
   line-height: 1 !important; }
 
 .lh-sm {
-  line-height: 1.42857 !important; }
+  line-height: 1.1428571 !important; }
 
 .lh-base {
-  line-height: 1.71429 !important; }
+  line-height: 1.4285714 !important; }
 
 .lh-lg {
-  line-height: 2.28571 !important; }
+  line-height: 1.7142857 !important; }
 
 .bg-primary {
   background-color: #206bc4 !important; }
 
 .bg-secondary {
-  background-color: #5f666e !important; }
+  background-color: #6e757e !important; }
 
 .bg-success {
   background-color: #5eba00 !important; }
 
 .bg-info {
-  background-color: #45aaf2 !important; }
+  background-color: #4299e1 !important; }
 
 .bg-warning {
-  background-color: #fab005 !important; }
+  background-color: #ed8936 !important; }
 
 .bg-danger {
-  background-color: #cd201f !important; }
+  background-color: #e53e3e !important; }
 
 .bg-light {
-  background-color: #f5f7fb !important; }
+  background-color: #f1f4f8 !important; }
 
 .bg-dark {
-  background-color: #354052 !important; }
+  background-color: #232e3c !important; }
 
 .bg-body {
-  background-color: #f5f7fb !important; }
+  background-color: #f1f4f8 !important; }
 
 .bg-white {
   background-color: #ffffff !important; }
@@ -5408,7 +5339,7 @@ progress {
   background-color: transparent !important; }
 
 .bg-gradient {
-  background-image: var(--bs-gradient) !important; }
+  background-image: var(--tblr-gradient) !important; }
 
 .text-wrap {
   white-space: normal !important; }
@@ -5425,18 +5356,12 @@ progress {
 .text-decoration-line-through {
   text-decoration: line-through !important; }
 
-.font-italic {
-  font-style: italic !important; }
-
-.font-normal {
-  font-style: normal !important; }
-
 .text-break {
   word-wrap: break-word !important;
   word-break: break-word !important; }
 
 .font-monospace {
-  font-family: var(--bs-font-monospace) !important; }
+  font-family: var(--tblr-font-monospace) !important; }
 
 .user-select-all {
   -webkit-user-select: all !important;
@@ -5465,10 +5390,16 @@ progress {
 .rounded {
   border-radius: 3px !important; }
 
-.rounded-sm {
+.rounded-0 {
+  border-radius: 0 !important; }
+
+.rounded-1 {
   border-radius: 0.2rem !important; }
 
-.rounded-lg {
+.rounded-2 {
+  border-radius: 3px !important; }
+
+.rounded-3 {
   border-radius: 0.3rem !important; }
 
 .rounded-circle {
@@ -5477,9 +5408,6 @@ progress {
 .rounded-pill {
   border-radius: 50rem !important; }
 
-.rounded-0 {
-  border-radius: 0 !important; }
-
 .rounded-top {
   border-top-left-radius: 3px !important;
   border-top-right-radius: 3px !important; }
@@ -5549,50 +5477,11 @@ progress {
 .cursor-zoom-out {
   cursor: zoom-out !important; }
 
-.text-h1 {
-  font-size: 1.75rem !important; }
-
-.text-h2 {
-  font-size: 1.25rem !important; }
-
-.text-h3 {
-  font-size: 1rem !important; }
-
-.text-h4 {
-  font-size: 0.875rem !important; }
-
-.text-h5 {
-  font-size: 0.75rem !important; }
-
-.text-h6 {
-  font-size: 0.625rem !important; }
-
-.leading-0 {
-  line-height: 0 !important; }
-
-.leading-1 {
-  line-height: 0.25rem !important; }
-
-.leading-2 {
-  line-height: 0.5rem !important; }
-
-.leading-3 {
-  line-height: 1rem !important; }
-
-.leading-4 {
-  line-height: 1.5rem !important; }
-
-.leading-5 {
-  line-height: 3rem !important; }
-
-.leading-6 {
-  line-height: 4.5rem !important; }
-
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .float-sm-left {
-    float: left !important; }
+    float: inline-start !important; }
   .float-sm-right {
-    float: right !important; }
+    float: inline-end !important; }
   .float-sm-none {
     float: none !important; }
   .d-sm-inline {
@@ -5708,13 +5597,15 @@ progress {
   .m-sm-3 {
     margin: 1rem !important; }
   .m-sm-4 {
-    margin: 1.5rem !important; }
+    margin: 1.25rem !important; }
   .m-sm-5 {
     margin: 3rem !important; }
   .m-sm-6 {
     margin: 4.5rem !important; }
   .m-sm-auto {
     margin: auto !important; }
+  .m-sm {
+    margin: 1rem !important; }
   .mx-sm-0 {
     margin-right: 0 !important;
     margin-left: 0 !important; }
@@ -5728,8 +5619,8 @@ progress {
     margin-right: 1rem !important;
     margin-left: 1rem !important; }
   .mx-sm-4 {
-    margin-right: 1.5rem !important;
-    margin-left: 1.5rem !important; }
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important; }
   .mx-sm-5 {
     margin-right: 3rem !important;
     margin-left: 3rem !important; }
@@ -5752,8 +5643,8 @@ progress {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important; }
   .my-sm-4 {
-    margin-top: 1.5rem !important;
-    margin-bottom: 1.5rem !important; }
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important; }
   .my-sm-5 {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important; }
@@ -5772,13 +5663,15 @@ progress {
   .mt-sm-3 {
     margin-top: 1rem !important; }
   .mt-sm-4 {
-    margin-top: 1.5rem !important; }
+    margin-top: 1.25rem !important; }
   .mt-sm-5 {
     margin-top: 3rem !important; }
   .mt-sm-6 {
     margin-top: 4.5rem !important; }
   .mt-sm-auto {
     margin-top: auto !important; }
+  .mt-sm {
+    margin-top: 1rem !important; }
   .mr-sm-0 {
     -webkit-margin-end: 0 !important;
             margin-inline-end: 0 !important; }
@@ -5792,8 +5685,8 @@ progress {
     -webkit-margin-end: 1rem !important;
             margin-inline-end: 1rem !important; }
   .mr-sm-4 {
-    -webkit-margin-end: 1.5rem !important;
-            margin-inline-end: 1.5rem !important; }
+    -webkit-margin-end: 1.25rem !important;
+            margin-inline-end: 1.25rem !important; }
   .mr-sm-5 {
     -webkit-margin-end: 3rem !important;
             margin-inline-end: 3rem !important; }
@@ -5803,6 +5696,9 @@ progress {
   .mr-sm-auto {
     -webkit-margin-end: auto !important;
             margin-inline-end: auto !important; }
+  .mr-sm {
+    -webkit-margin-end: 1rem !important;
+            margin-inline-end: 1rem !important; }
   .mb-sm-0 {
     margin-bottom: 0 !important; }
   .mb-sm-1 {
@@ -5812,13 +5708,15 @@ progress {
   .mb-sm-3 {
     margin-bottom: 1rem !important; }
   .mb-sm-4 {
-    margin-bottom: 1.5rem !important; }
+    margin-bottom: 1.25rem !important; }
   .mb-sm-5 {
     margin-bottom: 3rem !important; }
   .mb-sm-6 {
     margin-bottom: 4.5rem !important; }
   .mb-sm-auto {
     margin-bottom: auto !important; }
+  .mb-sm {
+    margin-bottom: 1rem !important; }
   .ml-sm-0 {
     -webkit-margin-start: 0 !important;
             margin-inline-start: 0 !important; }
@@ -5832,8 +5730,8 @@ progress {
     -webkit-margin-start: 1rem !important;
             margin-inline-start: 1rem !important; }
   .ml-sm-4 {
-    -webkit-margin-start: 1.5rem !important;
-            margin-inline-start: 1.5rem !important; }
+    -webkit-margin-start: 1.25rem !important;
+            margin-inline-start: 1.25rem !important; }
   .ml-sm-5 {
     -webkit-margin-start: 3rem !important;
             margin-inline-start: 3rem !important; }
@@ -5843,6 +5741,9 @@ progress {
   .ml-sm-auto {
     -webkit-margin-start: auto !important;
             margin-inline-start: auto !important; }
+  .ml-sm {
+    -webkit-margin-start: 1rem !important;
+            margin-inline-start: 1rem !important; }
   .p-sm-0 {
     padding: 0 !important; }
   .p-sm-1 {
@@ -5852,7 +5753,7 @@ progress {
   .p-sm-3 {
     padding: 1rem !important; }
   .p-sm-4 {
-    padding: 1.5rem !important; }
+    padding: 1.25rem !important; }
   .p-sm-5 {
     padding: 3rem !important; }
   .p-sm-6 {
@@ -5870,8 +5771,8 @@ progress {
     padding-right: 1rem !important;
     padding-left: 1rem !important; }
   .px-sm-4 {
-    padding-right: 1.5rem !important;
-    padding-left: 1.5rem !important; }
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important; }
   .px-sm-5 {
     padding-right: 3rem !important;
     padding-left: 3rem !important; }
@@ -5891,8 +5792,8 @@ progress {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important; }
   .py-sm-4 {
-    padding-top: 1.5rem !important;
-    padding-bottom: 1.5rem !important; }
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important; }
   .py-sm-5 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important; }
@@ -5908,7 +5809,7 @@ progress {
   .pt-sm-3 {
     padding-top: 1rem !important; }
   .pt-sm-4 {
-    padding-top: 1.5rem !important; }
+    padding-top: 1.25rem !important; }
   .pt-sm-5 {
     padding-top: 3rem !important; }
   .pt-sm-6 {
@@ -5926,8 +5827,8 @@ progress {
     -webkit-padding-end: 1rem !important;
             padding-inline-end: 1rem !important; }
   .pr-sm-4 {
-    -webkit-padding-end: 1.5rem !important;
-            padding-inline-end: 1.5rem !important; }
+    -webkit-padding-end: 1.25rem !important;
+            padding-inline-end: 1.25rem !important; }
   .pr-sm-5 {
     -webkit-padding-end: 3rem !important;
             padding-inline-end: 3rem !important; }
@@ -5943,7 +5844,7 @@ progress {
   .pb-sm-3 {
     padding-bottom: 1rem !important; }
   .pb-sm-4 {
-    padding-bottom: 1.5rem !important; }
+    padding-bottom: 1.25rem !important; }
   .pb-sm-5 {
     padding-bottom: 3rem !important; }
   .pb-sm-6 {
@@ -5961,8 +5862,8 @@ progress {
     -webkit-padding-start: 1rem !important;
             padding-inline-start: 1rem !important; }
   .pl-sm-4 {
-    -webkit-padding-start: 1.5rem !important;
-            padding-inline-start: 1.5rem !important; }
+    -webkit-padding-start: 1.25rem !important;
+            padding-inline-start: 1.25rem !important; }
   .pl-sm-5 {
     -webkit-padding-start: 3rem !important;
             padding-inline-start: 3rem !important; }
@@ -5976,11 +5877,11 @@ progress {
   .text-sm-center {
     text-align: center !important; } }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .float-md-left {
-    float: left !important; }
+    float: inline-start !important; }
   .float-md-right {
-    float: right !important; }
+    float: inline-end !important; }
   .float-md-none {
     float: none !important; }
   .d-md-inline {
@@ -6096,13 +5997,15 @@ progress {
   .m-md-3 {
     margin: 1rem !important; }
   .m-md-4 {
-    margin: 1.5rem !important; }
+    margin: 1.25rem !important; }
   .m-md-5 {
     margin: 3rem !important; }
   .m-md-6 {
     margin: 4.5rem !important; }
   .m-md-auto {
     margin: auto !important; }
+  .m-md {
+    margin: 1rem !important; }
   .mx-md-0 {
     margin-right: 0 !important;
     margin-left: 0 !important; }
@@ -6116,8 +6019,8 @@ progress {
     margin-right: 1rem !important;
     margin-left: 1rem !important; }
   .mx-md-4 {
-    margin-right: 1.5rem !important;
-    margin-left: 1.5rem !important; }
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important; }
   .mx-md-5 {
     margin-right: 3rem !important;
     margin-left: 3rem !important; }
@@ -6140,8 +6043,8 @@ progress {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important; }
   .my-md-4 {
-    margin-top: 1.5rem !important;
-    margin-bottom: 1.5rem !important; }
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important; }
   .my-md-5 {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important; }
@@ -6160,13 +6063,15 @@ progress {
   .mt-md-3 {
     margin-top: 1rem !important; }
   .mt-md-4 {
-    margin-top: 1.5rem !important; }
+    margin-top: 1.25rem !important; }
   .mt-md-5 {
     margin-top: 3rem !important; }
   .mt-md-6 {
     margin-top: 4.5rem !important; }
   .mt-md-auto {
     margin-top: auto !important; }
+  .mt-md {
+    margin-top: 1rem !important; }
   .mr-md-0 {
     -webkit-margin-end: 0 !important;
             margin-inline-end: 0 !important; }
@@ -6180,8 +6085,8 @@ progress {
     -webkit-margin-end: 1rem !important;
             margin-inline-end: 1rem !important; }
   .mr-md-4 {
-    -webkit-margin-end: 1.5rem !important;
-            margin-inline-end: 1.5rem !important; }
+    -webkit-margin-end: 1.25rem !important;
+            margin-inline-end: 1.25rem !important; }
   .mr-md-5 {
     -webkit-margin-end: 3rem !important;
             margin-inline-end: 3rem !important; }
@@ -6191,6 +6096,9 @@ progress {
   .mr-md-auto {
     -webkit-margin-end: auto !important;
             margin-inline-end: auto !important; }
+  .mr-md {
+    -webkit-margin-end: 1rem !important;
+            margin-inline-end: 1rem !important; }
   .mb-md-0 {
     margin-bottom: 0 !important; }
   .mb-md-1 {
@@ -6200,13 +6108,15 @@ progress {
   .mb-md-3 {
     margin-bottom: 1rem !important; }
   .mb-md-4 {
-    margin-bottom: 1.5rem !important; }
+    margin-bottom: 1.25rem !important; }
   .mb-md-5 {
     margin-bottom: 3rem !important; }
   .mb-md-6 {
     margin-bottom: 4.5rem !important; }
   .mb-md-auto {
     margin-bottom: auto !important; }
+  .mb-md {
+    margin-bottom: 1rem !important; }
   .ml-md-0 {
     -webkit-margin-start: 0 !important;
             margin-inline-start: 0 !important; }
@@ -6220,8 +6130,8 @@ progress {
     -webkit-margin-start: 1rem !important;
             margin-inline-start: 1rem !important; }
   .ml-md-4 {
-    -webkit-margin-start: 1.5rem !important;
-            margin-inline-start: 1.5rem !important; }
+    -webkit-margin-start: 1.25rem !important;
+            margin-inline-start: 1.25rem !important; }
   .ml-md-5 {
     -webkit-margin-start: 3rem !important;
             margin-inline-start: 3rem !important; }
@@ -6231,6 +6141,9 @@ progress {
   .ml-md-auto {
     -webkit-margin-start: auto !important;
             margin-inline-start: auto !important; }
+  .ml-md {
+    -webkit-margin-start: 1rem !important;
+            margin-inline-start: 1rem !important; }
   .p-md-0 {
     padding: 0 !important; }
   .p-md-1 {
@@ -6240,7 +6153,7 @@ progress {
   .p-md-3 {
     padding: 1rem !important; }
   .p-md-4 {
-    padding: 1.5rem !important; }
+    padding: 1.25rem !important; }
   .p-md-5 {
     padding: 3rem !important; }
   .p-md-6 {
@@ -6258,8 +6171,8 @@ progress {
     padding-right: 1rem !important;
     padding-left: 1rem !important; }
   .px-md-4 {
-    padding-right: 1.5rem !important;
-    padding-left: 1.5rem !important; }
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important; }
   .px-md-5 {
     padding-right: 3rem !important;
     padding-left: 3rem !important; }
@@ -6279,8 +6192,8 @@ progress {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important; }
   .py-md-4 {
-    padding-top: 1.5rem !important;
-    padding-bottom: 1.5rem !important; }
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important; }
   .py-md-5 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important; }
@@ -6296,7 +6209,7 @@ progress {
   .pt-md-3 {
     padding-top: 1rem !important; }
   .pt-md-4 {
-    padding-top: 1.5rem !important; }
+    padding-top: 1.25rem !important; }
   .pt-md-5 {
     padding-top: 3rem !important; }
   .pt-md-6 {
@@ -6314,8 +6227,8 @@ progress {
     -webkit-padding-end: 1rem !important;
             padding-inline-end: 1rem !important; }
   .pr-md-4 {
-    -webkit-padding-end: 1.5rem !important;
-            padding-inline-end: 1.5rem !important; }
+    -webkit-padding-end: 1.25rem !important;
+            padding-inline-end: 1.25rem !important; }
   .pr-md-5 {
     -webkit-padding-end: 3rem !important;
             padding-inline-end: 3rem !important; }
@@ -6331,7 +6244,7 @@ progress {
   .pb-md-3 {
     padding-bottom: 1rem !important; }
   .pb-md-4 {
-    padding-bottom: 1.5rem !important; }
+    padding-bottom: 1.25rem !important; }
   .pb-md-5 {
     padding-bottom: 3rem !important; }
   .pb-md-6 {
@@ -6349,8 +6262,8 @@ progress {
     -webkit-padding-start: 1rem !important;
             padding-inline-start: 1rem !important; }
   .pl-md-4 {
-    -webkit-padding-start: 1.5rem !important;
-            padding-inline-start: 1.5rem !important; }
+    -webkit-padding-start: 1.25rem !important;
+            padding-inline-start: 1.25rem !important; }
   .pl-md-5 {
     -webkit-padding-start: 3rem !important;
             padding-inline-start: 3rem !important; }
@@ -6364,11 +6277,11 @@ progress {
   .text-md-center {
     text-align: center !important; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .float-lg-left {
-    float: left !important; }
+    float: inline-start !important; }
   .float-lg-right {
-    float: right !important; }
+    float: inline-end !important; }
   .float-lg-none {
     float: none !important; }
   .d-lg-inline {
@@ -6484,13 +6397,15 @@ progress {
   .m-lg-3 {
     margin: 1rem !important; }
   .m-lg-4 {
-    margin: 1.5rem !important; }
+    margin: 1.25rem !important; }
   .m-lg-5 {
     margin: 3rem !important; }
   .m-lg-6 {
     margin: 4.5rem !important; }
   .m-lg-auto {
     margin: auto !important; }
+  .m-lg {
+    margin: 1rem !important; }
   .mx-lg-0 {
     margin-right: 0 !important;
     margin-left: 0 !important; }
@@ -6504,8 +6419,8 @@ progress {
     margin-right: 1rem !important;
     margin-left: 1rem !important; }
   .mx-lg-4 {
-    margin-right: 1.5rem !important;
-    margin-left: 1.5rem !important; }
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important; }
   .mx-lg-5 {
     margin-right: 3rem !important;
     margin-left: 3rem !important; }
@@ -6528,8 +6443,8 @@ progress {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important; }
   .my-lg-4 {
-    margin-top: 1.5rem !important;
-    margin-bottom: 1.5rem !important; }
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important; }
   .my-lg-5 {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important; }
@@ -6548,13 +6463,15 @@ progress {
   .mt-lg-3 {
     margin-top: 1rem !important; }
   .mt-lg-4 {
-    margin-top: 1.5rem !important; }
+    margin-top: 1.25rem !important; }
   .mt-lg-5 {
     margin-top: 3rem !important; }
   .mt-lg-6 {
     margin-top: 4.5rem !important; }
   .mt-lg-auto {
     margin-top: auto !important; }
+  .mt-lg {
+    margin-top: 1rem !important; }
   .mr-lg-0 {
     -webkit-margin-end: 0 !important;
             margin-inline-end: 0 !important; }
@@ -6568,8 +6485,8 @@ progress {
     -webkit-margin-end: 1rem !important;
             margin-inline-end: 1rem !important; }
   .mr-lg-4 {
-    -webkit-margin-end: 1.5rem !important;
-            margin-inline-end: 1.5rem !important; }
+    -webkit-margin-end: 1.25rem !important;
+            margin-inline-end: 1.25rem !important; }
   .mr-lg-5 {
     -webkit-margin-end: 3rem !important;
             margin-inline-end: 3rem !important; }
@@ -6579,6 +6496,9 @@ progress {
   .mr-lg-auto {
     -webkit-margin-end: auto !important;
             margin-inline-end: auto !important; }
+  .mr-lg {
+    -webkit-margin-end: 1rem !important;
+            margin-inline-end: 1rem !important; }
   .mb-lg-0 {
     margin-bottom: 0 !important; }
   .mb-lg-1 {
@@ -6588,13 +6508,15 @@ progress {
   .mb-lg-3 {
     margin-bottom: 1rem !important; }
   .mb-lg-4 {
-    margin-bottom: 1.5rem !important; }
+    margin-bottom: 1.25rem !important; }
   .mb-lg-5 {
     margin-bottom: 3rem !important; }
   .mb-lg-6 {
     margin-bottom: 4.5rem !important; }
   .mb-lg-auto {
     margin-bottom: auto !important; }
+  .mb-lg {
+    margin-bottom: 1rem !important; }
   .ml-lg-0 {
     -webkit-margin-start: 0 !important;
             margin-inline-start: 0 !important; }
@@ -6608,8 +6530,8 @@ progress {
     -webkit-margin-start: 1rem !important;
             margin-inline-start: 1rem !important; }
   .ml-lg-4 {
-    -webkit-margin-start: 1.5rem !important;
-            margin-inline-start: 1.5rem !important; }
+    -webkit-margin-start: 1.25rem !important;
+            margin-inline-start: 1.25rem !important; }
   .ml-lg-5 {
     -webkit-margin-start: 3rem !important;
             margin-inline-start: 3rem !important; }
@@ -6619,6 +6541,9 @@ progress {
   .ml-lg-auto {
     -webkit-margin-start: auto !important;
             margin-inline-start: auto !important; }
+  .ml-lg {
+    -webkit-margin-start: 1rem !important;
+            margin-inline-start: 1rem !important; }
   .p-lg-0 {
     padding: 0 !important; }
   .p-lg-1 {
@@ -6628,7 +6553,7 @@ progress {
   .p-lg-3 {
     padding: 1rem !important; }
   .p-lg-4 {
-    padding: 1.5rem !important; }
+    padding: 1.25rem !important; }
   .p-lg-5 {
     padding: 3rem !important; }
   .p-lg-6 {
@@ -6646,8 +6571,8 @@ progress {
     padding-right: 1rem !important;
     padding-left: 1rem !important; }
   .px-lg-4 {
-    padding-right: 1.5rem !important;
-    padding-left: 1.5rem !important; }
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important; }
   .px-lg-5 {
     padding-right: 3rem !important;
     padding-left: 3rem !important; }
@@ -6667,8 +6592,8 @@ progress {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important; }
   .py-lg-4 {
-    padding-top: 1.5rem !important;
-    padding-bottom: 1.5rem !important; }
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important; }
   .py-lg-5 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important; }
@@ -6684,7 +6609,7 @@ progress {
   .pt-lg-3 {
     padding-top: 1rem !important; }
   .pt-lg-4 {
-    padding-top: 1.5rem !important; }
+    padding-top: 1.25rem !important; }
   .pt-lg-5 {
     padding-top: 3rem !important; }
   .pt-lg-6 {
@@ -6702,8 +6627,8 @@ progress {
     -webkit-padding-end: 1rem !important;
             padding-inline-end: 1rem !important; }
   .pr-lg-4 {
-    -webkit-padding-end: 1.5rem !important;
-            padding-inline-end: 1.5rem !important; }
+    -webkit-padding-end: 1.25rem !important;
+            padding-inline-end: 1.25rem !important; }
   .pr-lg-5 {
     -webkit-padding-end: 3rem !important;
             padding-inline-end: 3rem !important; }
@@ -6719,7 +6644,7 @@ progress {
   .pb-lg-3 {
     padding-bottom: 1rem !important; }
   .pb-lg-4 {
-    padding-bottom: 1.5rem !important; }
+    padding-bottom: 1.25rem !important; }
   .pb-lg-5 {
     padding-bottom: 3rem !important; }
   .pb-lg-6 {
@@ -6737,8 +6662,8 @@ progress {
     -webkit-padding-start: 1rem !important;
             padding-inline-start: 1rem !important; }
   .pl-lg-4 {
-    -webkit-padding-start: 1.5rem !important;
-            padding-inline-start: 1.5rem !important; }
+    -webkit-padding-start: 1.25rem !important;
+            padding-inline-start: 1.25rem !important; }
   .pl-lg-5 {
     -webkit-padding-start: 3rem !important;
             padding-inline-start: 3rem !important; }
@@ -6752,11 +6677,11 @@ progress {
   .text-lg-center {
     text-align: center !important; } }
 
-@media (min-width: 75.25rem) {
+@media (min-width: 1200px) {
   .float-xl-left {
-    float: left !important; }
+    float: inline-start !important; }
   .float-xl-right {
-    float: right !important; }
+    float: inline-end !important; }
   .float-xl-none {
     float: none !important; }
   .d-xl-inline {
@@ -6872,13 +6797,15 @@ progress {
   .m-xl-3 {
     margin: 1rem !important; }
   .m-xl-4 {
-    margin: 1.5rem !important; }
+    margin: 1.25rem !important; }
   .m-xl-5 {
     margin: 3rem !important; }
   .m-xl-6 {
     margin: 4.5rem !important; }
   .m-xl-auto {
     margin: auto !important; }
+  .m-xl {
+    margin: 1rem !important; }
   .mx-xl-0 {
     margin-right: 0 !important;
     margin-left: 0 !important; }
@@ -6892,8 +6819,8 @@ progress {
     margin-right: 1rem !important;
     margin-left: 1rem !important; }
   .mx-xl-4 {
-    margin-right: 1.5rem !important;
-    margin-left: 1.5rem !important; }
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important; }
   .mx-xl-5 {
     margin-right: 3rem !important;
     margin-left: 3rem !important; }
@@ -6916,8 +6843,8 @@ progress {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important; }
   .my-xl-4 {
-    margin-top: 1.5rem !important;
-    margin-bottom: 1.5rem !important; }
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important; }
   .my-xl-5 {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important; }
@@ -6936,13 +6863,15 @@ progress {
   .mt-xl-3 {
     margin-top: 1rem !important; }
   .mt-xl-4 {
-    margin-top: 1.5rem !important; }
+    margin-top: 1.25rem !important; }
   .mt-xl-5 {
     margin-top: 3rem !important; }
   .mt-xl-6 {
     margin-top: 4.5rem !important; }
   .mt-xl-auto {
     margin-top: auto !important; }
+  .mt-xl {
+    margin-top: 1rem !important; }
   .mr-xl-0 {
     -webkit-margin-end: 0 !important;
             margin-inline-end: 0 !important; }
@@ -6956,8 +6885,8 @@ progress {
     -webkit-margin-end: 1rem !important;
             margin-inline-end: 1rem !important; }
   .mr-xl-4 {
-    -webkit-margin-end: 1.5rem !important;
-            margin-inline-end: 1.5rem !important; }
+    -webkit-margin-end: 1.25rem !important;
+            margin-inline-end: 1.25rem !important; }
   .mr-xl-5 {
     -webkit-margin-end: 3rem !important;
             margin-inline-end: 3rem !important; }
@@ -6967,6 +6896,9 @@ progress {
   .mr-xl-auto {
     -webkit-margin-end: auto !important;
             margin-inline-end: auto !important; }
+  .mr-xl {
+    -webkit-margin-end: 1rem !important;
+            margin-inline-end: 1rem !important; }
   .mb-xl-0 {
     margin-bottom: 0 !important; }
   .mb-xl-1 {
@@ -6976,13 +6908,15 @@ progress {
   .mb-xl-3 {
     margin-bottom: 1rem !important; }
   .mb-xl-4 {
-    margin-bottom: 1.5rem !important; }
+    margin-bottom: 1.25rem !important; }
   .mb-xl-5 {
     margin-bottom: 3rem !important; }
   .mb-xl-6 {
     margin-bottom: 4.5rem !important; }
   .mb-xl-auto {
     margin-bottom: auto !important; }
+  .mb-xl {
+    margin-bottom: 1rem !important; }
   .ml-xl-0 {
     -webkit-margin-start: 0 !important;
             margin-inline-start: 0 !important; }
@@ -6996,8 +6930,8 @@ progress {
     -webkit-margin-start: 1rem !important;
             margin-inline-start: 1rem !important; }
   .ml-xl-4 {
-    -webkit-margin-start: 1.5rem !important;
-            margin-inline-start: 1.5rem !important; }
+    -webkit-margin-start: 1.25rem !important;
+            margin-inline-start: 1.25rem !important; }
   .ml-xl-5 {
     -webkit-margin-start: 3rem !important;
             margin-inline-start: 3rem !important; }
@@ -7007,6 +6941,9 @@ progress {
   .ml-xl-auto {
     -webkit-margin-start: auto !important;
             margin-inline-start: auto !important; }
+  .ml-xl {
+    -webkit-margin-start: 1rem !important;
+            margin-inline-start: 1rem !important; }
   .p-xl-0 {
     padding: 0 !important; }
   .p-xl-1 {
@@ -7016,7 +6953,7 @@ progress {
   .p-xl-3 {
     padding: 1rem !important; }
   .p-xl-4 {
-    padding: 1.5rem !important; }
+    padding: 1.25rem !important; }
   .p-xl-5 {
     padding: 3rem !important; }
   .p-xl-6 {
@@ -7034,8 +6971,8 @@ progress {
     padding-right: 1rem !important;
     padding-left: 1rem !important; }
   .px-xl-4 {
-    padding-right: 1.5rem !important;
-    padding-left: 1.5rem !important; }
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important; }
   .px-xl-5 {
     padding-right: 3rem !important;
     padding-left: 3rem !important; }
@@ -7055,8 +6992,8 @@ progress {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important; }
   .py-xl-4 {
-    padding-top: 1.5rem !important;
-    padding-bottom: 1.5rem !important; }
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important; }
   .py-xl-5 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important; }
@@ -7072,7 +7009,7 @@ progress {
   .pt-xl-3 {
     padding-top: 1rem !important; }
   .pt-xl-4 {
-    padding-top: 1.5rem !important; }
+    padding-top: 1.25rem !important; }
   .pt-xl-5 {
     padding-top: 3rem !important; }
   .pt-xl-6 {
@@ -7090,8 +7027,8 @@ progress {
     -webkit-padding-end: 1rem !important;
             padding-inline-end: 1rem !important; }
   .pr-xl-4 {
-    -webkit-padding-end: 1.5rem !important;
-            padding-inline-end: 1.5rem !important; }
+    -webkit-padding-end: 1.25rem !important;
+            padding-inline-end: 1.25rem !important; }
   .pr-xl-5 {
     -webkit-padding-end: 3rem !important;
             padding-inline-end: 3rem !important; }
@@ -7107,7 +7044,7 @@ progress {
   .pb-xl-3 {
     padding-bottom: 1rem !important; }
   .pb-xl-4 {
-    padding-bottom: 1.5rem !important; }
+    padding-bottom: 1.25rem !important; }
   .pb-xl-5 {
     padding-bottom: 3rem !important; }
   .pb-xl-6 {
@@ -7125,8 +7062,8 @@ progress {
     -webkit-padding-start: 1rem !important;
             padding-inline-start: 1rem !important; }
   .pl-xl-4 {
-    -webkit-padding-start: 1.5rem !important;
-            padding-inline-start: 1.5rem !important; }
+    -webkit-padding-start: 1.25rem !important;
+            padding-inline-start: 1.25rem !important; }
   .pl-xl-5 {
     -webkit-padding-start: 3rem !important;
             padding-inline-start: 3rem !important; }
@@ -7140,6 +7077,406 @@ progress {
   .text-xl-center {
     text-align: center !important; } }
 
+@media (min-width: 1400px) {
+  .float-xxl-left {
+    float: inline-start !important; }
+  .float-xxl-right {
+    float: inline-end !important; }
+  .float-xxl-none {
+    float: none !important; }
+  .d-xxl-inline {
+    display: inline !important; }
+  .d-xxl-inline-block {
+    display: inline-block !important; }
+  .d-xxl-block {
+    display: block !important; }
+  .d-xxl-table {
+    display: table !important; }
+  .d-xxl-table-row {
+    display: table-row !important; }
+  .d-xxl-table-cell {
+    display: table-cell !important; }
+  .d-xxl-flex {
+    display: flex !important; }
+  .d-xxl-inline-flex {
+    display: inline-flex !important; }
+  .d-xxl-none {
+    display: none !important; }
+  .flex-xxl-fill {
+    flex: 1 1 auto !important; }
+  .flex-xxl-row {
+    flex-direction: row !important; }
+  .flex-xxl-column {
+    flex-direction: column !important; }
+  .flex-xxl-row-reverse {
+    flex-direction: row-reverse !important; }
+  .flex-xxl-column-reverse {
+    flex-direction: column-reverse !important; }
+  .flex-xxl-grow-0 {
+    flex-grow: 0 !important; }
+  .flex-xxl-grow-1 {
+    flex-grow: 1 !important; }
+  .flex-xxl-shrink-0 {
+    flex-shrink: 0 !important; }
+  .flex-xxl-shrink-1 {
+    flex-shrink: 1 !important; }
+  .flex-xxl-wrap {
+    flex-wrap: wrap !important; }
+  .flex-xxl-nowrap {
+    flex-wrap: nowrap !important; }
+  .flex-xxl-wrap-reverse {
+    flex-wrap: wrap-reverse !important; }
+  .justify-content-xxl-start {
+    justify-content: flex-start !important; }
+  .justify-content-xxl-end {
+    justify-content: flex-end !important; }
+  .justify-content-xxl-center {
+    justify-content: center !important; }
+  .justify-content-xxl-between {
+    justify-content: space-between !important; }
+  .justify-content-xxl-around {
+    justify-content: space-around !important; }
+  .justify-content-xxl-evenly {
+    justify-content: space-evenly !important; }
+  .align-items-xxl-start {
+    align-items: flex-start !important; }
+  .align-items-xxl-end {
+    align-items: flex-end !important; }
+  .align-items-xxl-center {
+    align-items: center !important; }
+  .align-items-xxl-baseline {
+    align-items: baseline !important; }
+  .align-items-xxl-stretch {
+    align-items: stretch !important; }
+  .align-content-xxl-start {
+    align-content: flex-start !important; }
+  .align-content-xxl-end {
+    align-content: flex-end !important; }
+  .align-content-xxl-center {
+    align-content: center !important; }
+  .align-content-xxl-between {
+    align-content: space-between !important; }
+  .align-content-xxl-around {
+    align-content: space-around !important; }
+  .align-content-xxl-stretch {
+    align-content: stretch !important; }
+  .align-self-xxl-auto {
+    align-self: auto !important; }
+  .align-self-xxl-start {
+    align-self: flex-start !important; }
+  .align-self-xxl-end {
+    align-self: flex-end !important; }
+  .align-self-xxl-center {
+    align-self: center !important; }
+  .align-self-xxl-baseline {
+    align-self: baseline !important; }
+  .align-self-xxl-stretch {
+    align-self: stretch !important; }
+  .order-xxl-first {
+    order: -1 !important; }
+  .order-xxl-0 {
+    order: 0 !important; }
+  .order-xxl-1 {
+    order: 1 !important; }
+  .order-xxl-2 {
+    order: 2 !important; }
+  .order-xxl-3 {
+    order: 3 !important; }
+  .order-xxl-4 {
+    order: 4 !important; }
+  .order-xxl-5 {
+    order: 5 !important; }
+  .order-xxl-last {
+    order: 6 !important; }
+  .m-xxl-0 {
+    margin: 0 !important; }
+  .m-xxl-1 {
+    margin: 0.25rem !important; }
+  .m-xxl-2 {
+    margin: 0.5rem !important; }
+  .m-xxl-3 {
+    margin: 1rem !important; }
+  .m-xxl-4 {
+    margin: 1.25rem !important; }
+  .m-xxl-5 {
+    margin: 3rem !important; }
+  .m-xxl-6 {
+    margin: 4.5rem !important; }
+  .m-xxl-auto {
+    margin: auto !important; }
+  .m-xxl {
+    margin: 1rem !important; }
+  .mx-xxl-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important; }
+  .mx-xxl-1 {
+    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important; }
+  .mx-xxl-2 {
+    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important; }
+  .mx-xxl-3 {
+    margin-right: 1rem !important;
+    margin-left: 1rem !important; }
+  .mx-xxl-4 {
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important; }
+  .mx-xxl-5 {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important; }
+  .mx-xxl-6 {
+    margin-right: 4.5rem !important;
+    margin-left: 4.5rem !important; }
+  .mx-xxl-auto {
+    margin-right: auto !important;
+    margin-left: auto !important; }
+  .my-xxl-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important; }
+  .my-xxl-1 {
+    margin-top: 0.25rem !important;
+    margin-bottom: 0.25rem !important; }
+  .my-xxl-2 {
+    margin-top: 0.5rem !important;
+    margin-bottom: 0.5rem !important; }
+  .my-xxl-3 {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important; }
+  .my-xxl-4 {
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important; }
+  .my-xxl-5 {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important; }
+  .my-xxl-6 {
+    margin-top: 4.5rem !important;
+    margin-bottom: 4.5rem !important; }
+  .my-xxl-auto {
+    margin-top: auto !important;
+    margin-bottom: auto !important; }
+  .mt-xxl-0 {
+    margin-top: 0 !important; }
+  .mt-xxl-1 {
+    margin-top: 0.25rem !important; }
+  .mt-xxl-2 {
+    margin-top: 0.5rem !important; }
+  .mt-xxl-3 {
+    margin-top: 1rem !important; }
+  .mt-xxl-4 {
+    margin-top: 1.25rem !important; }
+  .mt-xxl-5 {
+    margin-top: 3rem !important; }
+  .mt-xxl-6 {
+    margin-top: 4.5rem !important; }
+  .mt-xxl-auto {
+    margin-top: auto !important; }
+  .mt-xxl {
+    margin-top: 1rem !important; }
+  .mr-xxl-0 {
+    -webkit-margin-end: 0 !important;
+            margin-inline-end: 0 !important; }
+  .mr-xxl-1 {
+    -webkit-margin-end: 0.25rem !important;
+            margin-inline-end: 0.25rem !important; }
+  .mr-xxl-2 {
+    -webkit-margin-end: 0.5rem !important;
+            margin-inline-end: 0.5rem !important; }
+  .mr-xxl-3 {
+    -webkit-margin-end: 1rem !important;
+            margin-inline-end: 1rem !important; }
+  .mr-xxl-4 {
+    -webkit-margin-end: 1.25rem !important;
+            margin-inline-end: 1.25rem !important; }
+  .mr-xxl-5 {
+    -webkit-margin-end: 3rem !important;
+            margin-inline-end: 3rem !important; }
+  .mr-xxl-6 {
+    -webkit-margin-end: 4.5rem !important;
+            margin-inline-end: 4.5rem !important; }
+  .mr-xxl-auto {
+    -webkit-margin-end: auto !important;
+            margin-inline-end: auto !important; }
+  .mr-xxl {
+    -webkit-margin-end: 1rem !important;
+            margin-inline-end: 1rem !important; }
+  .mb-xxl-0 {
+    margin-bottom: 0 !important; }
+  .mb-xxl-1 {
+    margin-bottom: 0.25rem !important; }
+  .mb-xxl-2 {
+    margin-bottom: 0.5rem !important; }
+  .mb-xxl-3 {
+    margin-bottom: 1rem !important; }
+  .mb-xxl-4 {
+    margin-bottom: 1.25rem !important; }
+  .mb-xxl-5 {
+    margin-bottom: 3rem !important; }
+  .mb-xxl-6 {
+    margin-bottom: 4.5rem !important; }
+  .mb-xxl-auto {
+    margin-bottom: auto !important; }
+  .mb-xxl {
+    margin-bottom: 1rem !important; }
+  .ml-xxl-0 {
+    -webkit-margin-start: 0 !important;
+            margin-inline-start: 0 !important; }
+  .ml-xxl-1 {
+    -webkit-margin-start: 0.25rem !important;
+            margin-inline-start: 0.25rem !important; }
+  .ml-xxl-2 {
+    -webkit-margin-start: 0.5rem !important;
+            margin-inline-start: 0.5rem !important; }
+  .ml-xxl-3 {
+    -webkit-margin-start: 1rem !important;
+            margin-inline-start: 1rem !important; }
+  .ml-xxl-4 {
+    -webkit-margin-start: 1.25rem !important;
+            margin-inline-start: 1.25rem !important; }
+  .ml-xxl-5 {
+    -webkit-margin-start: 3rem !important;
+            margin-inline-start: 3rem !important; }
+  .ml-xxl-6 {
+    -webkit-margin-start: 4.5rem !important;
+            margin-inline-start: 4.5rem !important; }
+  .ml-xxl-auto {
+    -webkit-margin-start: auto !important;
+            margin-inline-start: auto !important; }
+  .ml-xxl {
+    -webkit-margin-start: 1rem !important;
+            margin-inline-start: 1rem !important; }
+  .p-xxl-0 {
+    padding: 0 !important; }
+  .p-xxl-1 {
+    padding: 0.25rem !important; }
+  .p-xxl-2 {
+    padding: 0.5rem !important; }
+  .p-xxl-3 {
+    padding: 1rem !important; }
+  .p-xxl-4 {
+    padding: 1.25rem !important; }
+  .p-xxl-5 {
+    padding: 3rem !important; }
+  .p-xxl-6 {
+    padding: 4.5rem !important; }
+  .px-xxl-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important; }
+  .px-xxl-1 {
+    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important; }
+  .px-xxl-2 {
+    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important; }
+  .px-xxl-3 {
+    padding-right: 1rem !important;
+    padding-left: 1rem !important; }
+  .px-xxl-4 {
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important; }
+  .px-xxl-5 {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important; }
+  .px-xxl-6 {
+    padding-right: 4.5rem !important;
+    padding-left: 4.5rem !important; }
+  .py-xxl-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important; }
+  .py-xxl-1 {
+    padding-top: 0.25rem !important;
+    padding-bottom: 0.25rem !important; }
+  .py-xxl-2 {
+    padding-top: 0.5rem !important;
+    padding-bottom: 0.5rem !important; }
+  .py-xxl-3 {
+    padding-top: 1rem !important;
+    padding-bottom: 1rem !important; }
+  .py-xxl-4 {
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important; }
+  .py-xxl-5 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important; }
+  .py-xxl-6 {
+    padding-top: 4.5rem !important;
+    padding-bottom: 4.5rem !important; }
+  .pt-xxl-0 {
+    padding-top: 0 !important; }
+  .pt-xxl-1 {
+    padding-top: 0.25rem !important; }
+  .pt-xxl-2 {
+    padding-top: 0.5rem !important; }
+  .pt-xxl-3 {
+    padding-top: 1rem !important; }
+  .pt-xxl-4 {
+    padding-top: 1.25rem !important; }
+  .pt-xxl-5 {
+    padding-top: 3rem !important; }
+  .pt-xxl-6 {
+    padding-top: 4.5rem !important; }
+  .pr-xxl-0 {
+    -webkit-padding-end: 0 !important;
+            padding-inline-end: 0 !important; }
+  .pr-xxl-1 {
+    -webkit-padding-end: 0.25rem !important;
+            padding-inline-end: 0.25rem !important; }
+  .pr-xxl-2 {
+    -webkit-padding-end: 0.5rem !important;
+            padding-inline-end: 0.5rem !important; }
+  .pr-xxl-3 {
+    -webkit-padding-end: 1rem !important;
+            padding-inline-end: 1rem !important; }
+  .pr-xxl-4 {
+    -webkit-padding-end: 1.25rem !important;
+            padding-inline-end: 1.25rem !important; }
+  .pr-xxl-5 {
+    -webkit-padding-end: 3rem !important;
+            padding-inline-end: 3rem !important; }
+  .pr-xxl-6 {
+    -webkit-padding-end: 4.5rem !important;
+            padding-inline-end: 4.5rem !important; }
+  .pb-xxl-0 {
+    padding-bottom: 0 !important; }
+  .pb-xxl-1 {
+    padding-bottom: 0.25rem !important; }
+  .pb-xxl-2 {
+    padding-bottom: 0.5rem !important; }
+  .pb-xxl-3 {
+    padding-bottom: 1rem !important; }
+  .pb-xxl-4 {
+    padding-bottom: 1.25rem !important; }
+  .pb-xxl-5 {
+    padding-bottom: 3rem !important; }
+  .pb-xxl-6 {
+    padding-bottom: 4.5rem !important; }
+  .pl-xxl-0 {
+    -webkit-padding-start: 0 !important;
+            padding-inline-start: 0 !important; }
+  .pl-xxl-1 {
+    -webkit-padding-start: 0.25rem !important;
+            padding-inline-start: 0.25rem !important; }
+  .pl-xxl-2 {
+    -webkit-padding-start: 0.5rem !important;
+            padding-inline-start: 0.5rem !important; }
+  .pl-xxl-3 {
+    -webkit-padding-start: 1rem !important;
+            padding-inline-start: 1rem !important; }
+  .pl-xxl-4 {
+    -webkit-padding-start: 1.25rem !important;
+            padding-inline-start: 1.25rem !important; }
+  .pl-xxl-5 {
+    -webkit-padding-start: 3rem !important;
+            padding-inline-start: 3rem !important; }
+  .pl-xxl-6 {
+    -webkit-padding-start: 4.5rem !important;
+            padding-inline-start: 4.5rem !important; }
+  .text-xxl-left {
+    text-align: start !important; }
+  .text-xxl-right {
+    text-align: end !important; }
+  .text-xxl-center {
+    text-align: center !important; } }
+
 @media print {
   .d-print-inline {
     display: inline !important; }
@@ -7178,12 +7515,12 @@ body {
     transition: .3s background; }
   body .content *::-webkit-scrollbar-thumb {
     border-radius: 5px;
-    background: #dee1e7; }
+    background: #d8dce1; }
   body .content *::-webkit-scrollbar-corner {
     background: transparent; }
   body .content *:hover::-webkit-scrollbar-thumb {
-    background: #cbcfd6;
-    background: #cbcfd6; }
+    background: #c4c8cf;
+    background: #c4c8cf; }
   @media print {
     body {
       background: transparent; } }
@@ -7195,7 +7532,7 @@ Navbar
   align-items: stretch;
   min-height: 3.5rem;
   background: transparent;
-  color: rgba(33, 43, 54, 0.72); }
+  color: rgba(35, 46, 60, 0.66); }
   .navbar-collapse .navbar {
     flex-grow: 1; }
   .navbar.collapsing {
@@ -7207,43 +7544,43 @@ Navbar
     transition: .3s background; }
   .navbar::-webkit-scrollbar-thumb {
     border-radius: 5px;
-    background: #dee1e7; }
+    background: #d8dce1; }
   .navbar::-webkit-scrollbar-corner {
     background: transparent; }
   .navbar:hover::-webkit-scrollbar-thumb {
-    background: #cbcfd6;
-    background: #cbcfd6; }
+    background: #c4c8cf;
+    background: #c4c8cf; }
   .navbar .text-muted {
-    color: rgba(33, 43, 54, 0.5184) !important; }
+    color: rgba(35, 46, 60, 0.66) !important; }
   .navbar .navbar-brand {
-    color: #212b36; }
+    color: #232e3c; }
     .navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
-      color: #212b36;
+      color: #232e3c;
       opacity: .8; }
   .navbar .navbar-nav .nav-link {
-    color: rgba(33, 43, 54, 0.72); }
+    color: rgba(35, 46, 60, 0.66); }
     .navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link:focus {
-      color: #212b36; }
+      color: #232e3c; }
     .navbar .navbar-nav .nav-link.disabled {
-      color: rgba(33, 43, 54, 0.3); }
+      color: rgba(35, 46, 60, 0.3); }
   .navbar .navbar-nav .show > .nav-link,
   .navbar .navbar-nav .active > .nav-link,
   .navbar .navbar-nav .nav-link.show,
   .navbar .navbar-nav .nav-link.active {
-    color: #212b36; }
+    color: #232e3c; }
   .navbar .navbar-toggler {
-    color: #212b36;
+    color: #232e3c;
     border-color: transparent; }
   .navbar .navbar-text {
-    color: rgba(33, 43, 54, 0.72); }
+    color: rgba(35, 46, 60, 0.66); }
     .navbar .navbar-text a,
     .navbar .navbar-text a:hover,
     .navbar .navbar-text a:focus {
-      color: rgba(33, 43, 54, 0.72); }
+      color: rgba(35, 46, 60, 0.66); }
   @media not print {
     .theme-dark .navbar {
-      background: #354052;
-      color: rgba(255, 255, 255, 0.72); }
+      background: #232e3c;
+      color: rgba(255, 255, 255, 0.66); }
       .theme-dark .navbar::-webkit-scrollbar {
         width: 6px;
         height: 6px;
@@ -7251,21 +7588,21 @@ Navbar
         transition: .3s background; }
       .theme-dark .navbar::-webkit-scrollbar-thumb {
         border-radius: 5px;
-        background: #dee1e7; }
+        background: #d8dce1; }
       .theme-dark .navbar::-webkit-scrollbar-corner {
         background: transparent; }
       .theme-dark .navbar:hover::-webkit-scrollbar-thumb {
-        background: #cbcfd6;
-        background: #cbcfd6; }
+        background: #c4c8cf;
+        background: #c4c8cf; }
       .theme-dark .navbar .text-muted {
-        color: rgba(255, 255, 255, 0.5184) !important; }
+        color: rgba(255, 255, 255, 0.66) !important; }
       .theme-dark .navbar .navbar-brand {
         color: #ffffff; }
         .theme-dark .navbar .navbar-brand:hover, .theme-dark .navbar .navbar-brand:focus {
           color: #ffffff;
           opacity: .8; }
       .theme-dark .navbar .navbar-nav .nav-link {
-        color: rgba(255, 255, 255, 0.72); }
+        color: rgba(255, 255, 255, 0.66); }
         .theme-dark .navbar .navbar-nav .nav-link:hover, .theme-dark .navbar .navbar-nav .nav-link:focus {
           color: #ffffff; }
         .theme-dark .navbar .navbar-nav .nav-link.disabled {
@@ -7279,11 +7616,11 @@ Navbar
         color: #ffffff;
         border-color: transparent; }
       .theme-dark .navbar .navbar-text {
-        color: rgba(255, 255, 255, 0.72); }
+        color: rgba(255, 255, 255, 0.66); }
         .theme-dark .navbar .navbar-text a,
         .theme-dark .navbar .navbar-text a:hover,
         .theme-dark .navbar .navbar-text a:focus {
-          color: rgba(255, 255, 255, 0.72); }
+          color: rgba(255, 255, 255, 0.66); }
       .theme-dark .navbar::-webkit-scrollbar {
         width: 6px;
         height: 6px;
@@ -7295,27 +7632,27 @@ Navbar
       .theme-dark .navbar::-webkit-scrollbar-corner {
         background: transparent; }
       .theme-dark .navbar:hover::-webkit-scrollbar-thumb {
-        background: #cbcfd6;
-        background: #5d6675; }
+        background: #c4c8cf;
+        background: #4f5863; }
       .theme-dark .navbar .input-icon-addon {
-        color: rgba(245, 247, 251, 0.64); }
+        color: rgba(241, 244, 248, 0.64); }
       .theme-dark .navbar .form-control {
         border-color: transparent;
         background-color: rgba(0, 0, 0, 0.1); }
         .theme-dark .navbar .form-control::-webkit-input-placeholder {
-          color: rgba(245, 247, 251, 0.64); }
+          color: rgba(241, 244, 248, 0.64); }
         .theme-dark .navbar .form-control::-moz-placeholder {
-          color: rgba(245, 247, 251, 0.64); }
+          color: rgba(241, 244, 248, 0.64); }
         .theme-dark .navbar .form-control:-ms-input-placeholder {
-          color: rgba(245, 247, 251, 0.64); }
+          color: rgba(241, 244, 248, 0.64); }
         .theme-dark .navbar .form-control::-ms-input-placeholder {
-          color: rgba(245, 247, 251, 0.64); }
+          color: rgba(241, 244, 248, 0.64); }
         .theme-dark .navbar .form-control::placeholder {
-          color: rgba(245, 247, 251, 0.64); } }
+          color: rgba(241, 244, 248, 0.64); } }
   @media not print and (prefers-color-scheme: dark) {
     .theme-dark-auto .navbar {
-      background: #354052;
-      color: rgba(255, 255, 255, 0.72); }
+      background: #232e3c;
+      color: rgba(255, 255, 255, 0.66); }
       .theme-dark-auto .navbar::-webkit-scrollbar {
         width: 6px;
         height: 6px;
@@ -7323,21 +7660,21 @@ Navbar
         transition: .3s background; }
       .theme-dark-auto .navbar::-webkit-scrollbar-thumb {
         border-radius: 5px;
-        background: #dee1e7; }
+        background: #d8dce1; }
       .theme-dark-auto .navbar::-webkit-scrollbar-corner {
         background: transparent; }
       .theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb {
-        background: #cbcfd6;
-        background: #cbcfd6; }
+        background: #c4c8cf;
+        background: #c4c8cf; }
       .theme-dark-auto .navbar .text-muted {
-        color: rgba(255, 255, 255, 0.5184) !important; }
+        color: rgba(255, 255, 255, 0.66) !important; }
       .theme-dark-auto .navbar .navbar-brand {
         color: #ffffff; }
         .theme-dark-auto .navbar .navbar-brand:hover, .theme-dark-auto .navbar .navbar-brand:focus {
           color: #ffffff;
           opacity: .8; }
       .theme-dark-auto .navbar .navbar-nav .nav-link {
-        color: rgba(255, 255, 255, 0.72); }
+        color: rgba(255, 255, 255, 0.66); }
         .theme-dark-auto .navbar .navbar-nav .nav-link:hover, .theme-dark-auto .navbar .navbar-nav .nav-link:focus {
           color: #ffffff; }
         .theme-dark-auto .navbar .navbar-nav .nav-link.disabled {
@@ -7351,11 +7688,11 @@ Navbar
         color: #ffffff;
         border-color: transparent; }
       .theme-dark-auto .navbar .navbar-text {
-        color: rgba(255, 255, 255, 0.72); }
+        color: rgba(255, 255, 255, 0.66); }
         .theme-dark-auto .navbar .navbar-text a,
         .theme-dark-auto .navbar .navbar-text a:hover,
         .theme-dark-auto .navbar .navbar-text a:focus {
-          color: rgba(255, 255, 255, 0.72); }
+          color: rgba(255, 255, 255, 0.66); }
       .theme-dark-auto .navbar::-webkit-scrollbar {
         width: 6px;
         height: 6px;
@@ -7367,23 +7704,23 @@ Navbar
       .theme-dark-auto .navbar::-webkit-scrollbar-corner {
         background: transparent; }
       .theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb {
-        background: #cbcfd6;
-        background: #5d6675; }
+        background: #c4c8cf;
+        background: #4f5863; }
       .theme-dark-auto .navbar .input-icon-addon {
-        color: rgba(245, 247, 251, 0.64); }
+        color: rgba(241, 244, 248, 0.64); }
       .theme-dark-auto .navbar .form-control {
         border-color: transparent;
         background-color: rgba(0, 0, 0, 0.1); }
         .theme-dark-auto .navbar .form-control::-webkit-input-placeholder {
-          color: rgba(245, 247, 251, 0.64); }
+          color: rgba(241, 244, 248, 0.64); }
         .theme-dark-auto .navbar .form-control::-moz-placeholder {
-          color: rgba(245, 247, 251, 0.64); }
+          color: rgba(241, 244, 248, 0.64); }
         .theme-dark-auto .navbar .form-control:-ms-input-placeholder {
-          color: rgba(245, 247, 251, 0.64); }
+          color: rgba(241, 244, 248, 0.64); }
         .theme-dark-auto .navbar .form-control::-ms-input-placeholder {
-          color: rgba(245, 247, 251, 0.64); }
+          color: rgba(241, 244, 248, 0.64); }
         .theme-dark-auto .navbar .form-control::placeholder {
-          color: rgba(245, 247, 251, 0.64); } }
+          color: rgba(241, 244, 248, 0.64); } }
   .navbar .dropdown-menu {
     position: absolute;
     z-index: 1030; }
@@ -7401,16 +7738,20 @@ Navbar
         right: .375rem;
         transform: translate(50%, -50%); }
 
+.navbar-nav {
+  margin: 0;
+  padding: 0; }
+
 .navbar-expand-sm .navbar-collapse {
   flex-direction: column; }
   .navbar-expand-sm .navbar-collapse [class*="container"] {
     flex-direction: column;
     align-items: stretch; }
   .navbar-expand-sm .navbar-collapse .navbar-nav {
-    margin-left: -0.75rem;
-    margin-right: -0.75rem; }
+    margin-left: -1.5rem;
+    margin-right: -1.5rem; }
     .navbar-expand-sm .navbar-collapse .navbar-nav .nav-link {
-      padding: 0.5rem 0.75rem;
+      padding: 0.5rem 1.5rem;
       justify-content: flex-start; }
   .navbar-expand-sm .navbar-collapse .dropdown-menu {
     padding: 0;
@@ -7426,9 +7767,10 @@ Navbar
       min-width: 0;
       display: flex;
       width: auto;
-      padding-left: 2.25rem; }
+      padding-left: 3rem; }
   .navbar-expand-sm .navbar-collapse .dropdown-toggle:after {
-    margin-left: auto; }
+    -webkit-margin-start: auto;
+            margin-inline-start: auto; }
   .navbar-expand-sm .navbar-collapse .nav-item.active:after {
     border-bottom-width: 0;
     border-left-width: 2px;
@@ -7436,7 +7778,7 @@ Navbar
     top: 0;
     bottom: 0; }
 
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .navbar-expand-sm .navbar-collapse {
     width: auto;
     flex: 1 1 auto; }
@@ -7456,17 +7798,17 @@ Navbar
       border: 0 solid #206bc4;
       border-bottom-width: 2px; } }
 
-@media (max-width: 32.98rem) {
+@media (max-width: 575.98px) {
   .navbar-expand-md .navbar-collapse {
     flex-direction: column; }
     .navbar-expand-md .navbar-collapse [class*="container"] {
       flex-direction: column;
       align-items: stretch; }
     .navbar-expand-md .navbar-collapse .navbar-nav {
-      margin-left: -0.75rem;
-      margin-right: -0.75rem; }
+      margin-left: -1.5rem;
+      margin-right: -1.5rem; }
       .navbar-expand-md .navbar-collapse .navbar-nav .nav-link {
-        padding: 0.5rem 0.75rem;
+        padding: 0.5rem 1.5rem;
         justify-content: flex-start; }
     .navbar-expand-md .navbar-collapse .dropdown-menu {
       padding: 0;
@@ -7482,9 +7824,10 @@ Navbar
         min-width: 0;
         display: flex;
         width: auto;
-        padding-left: 2.25rem; }
+        padding-left: 3rem; }
     .navbar-expand-md .navbar-collapse .dropdown-toggle:after {
-      margin-left: auto; }
+      -webkit-margin-start: auto;
+              margin-inline-start: auto; }
     .navbar-expand-md .navbar-collapse .nav-item.active:after {
       border-bottom-width: 0;
       border-left-width: 2px;
@@ -7492,7 +7835,7 @@ Navbar
       top: 0;
       bottom: 0; } }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .navbar-expand-md .navbar-collapse {
     width: auto;
     flex: 1 1 auto; }
@@ -7512,17 +7855,17 @@ Navbar
       border: 0 solid #206bc4;
       border-bottom-width: 2px; } }
 
-@media (max-width: 47.98rem) {
+@media (max-width: 767.98px) {
   .navbar-expand-lg .navbar-collapse {
     flex-direction: column; }
     .navbar-expand-lg .navbar-collapse [class*="container"] {
       flex-direction: column;
       align-items: stretch; }
     .navbar-expand-lg .navbar-collapse .navbar-nav {
-      margin-left: -0.75rem;
-      margin-right: -0.75rem; }
+      margin-left: -1.5rem;
+      margin-right: -1.5rem; }
       .navbar-expand-lg .navbar-collapse .navbar-nav .nav-link {
-        padding: 0.5rem 0.75rem;
+        padding: 0.5rem 1.5rem;
         justify-content: flex-start; }
     .navbar-expand-lg .navbar-collapse .dropdown-menu {
       padding: 0;
@@ -7538,9 +7881,10 @@ Navbar
         min-width: 0;
         display: flex;
         width: auto;
-        padding-left: 2.25rem; }
+        padding-left: 3rem; }
     .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
-      margin-left: auto; }
+      -webkit-margin-start: auto;
+              margin-inline-start: auto; }
     .navbar-expand-lg .navbar-collapse .nav-item.active:after {
       border-bottom-width: 0;
       border-left-width: 2px;
@@ -7548,7 +7892,7 @@ Navbar
       top: 0;
       bottom: 0; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .navbar-expand-lg .navbar-collapse {
     width: auto;
     flex: 1 1 auto; }
@@ -7568,17 +7912,17 @@ Navbar
       border: 0 solid #206bc4;
       border-bottom-width: 2px; } }
 
-@media (max-width: 63.98rem) {
+@media (max-width: 991.98px) {
   .navbar-expand-xl .navbar-collapse {
     flex-direction: column; }
     .navbar-expand-xl .navbar-collapse [class*="container"] {
       flex-direction: column;
       align-items: stretch; }
     .navbar-expand-xl .navbar-collapse .navbar-nav {
-      margin-left: -0.75rem;
-      margin-right: -0.75rem; }
+      margin-left: -1.5rem;
+      margin-right: -1.5rem; }
       .navbar-expand-xl .navbar-collapse .navbar-nav .nav-link {
-        padding: 0.5rem 0.75rem;
+        padding: 0.5rem 1.5rem;
         justify-content: flex-start; }
     .navbar-expand-xl .navbar-collapse .dropdown-menu {
       padding: 0;
@@ -7594,9 +7938,10 @@ Navbar
         min-width: 0;
         display: flex;
         width: auto;
-        padding-left: 2.25rem; }
+        padding-left: 3rem; }
     .navbar-expand-xl .navbar-collapse .dropdown-toggle:after {
-      margin-left: auto; }
+      -webkit-margin-start: auto;
+              margin-inline-start: auto; }
     .navbar-expand-xl .navbar-collapse .nav-item.active:after {
       border-bottom-width: 0;
       border-left-width: 2px;
@@ -7604,7 +7949,7 @@ Navbar
       top: 0;
       bottom: 0; } }
 
-@media (min-width: 75.25rem) {
+@media (min-width: 1200px) {
   .navbar-expand-xl .navbar-collapse {
     width: auto;
     flex: 1 1 auto; }
@@ -7624,17 +7969,74 @@ Navbar
       border: 0 solid #206bc4;
       border-bottom-width: 2px; } }
 
-@media (max-width: 75.23rem) {
+@media (max-width: 1199.98px) {
+  .navbar-expand-xxl .navbar-collapse {
+    flex-direction: column; }
+    .navbar-expand-xxl .navbar-collapse [class*="container"] {
+      flex-direction: column;
+      align-items: stretch; }
+    .navbar-expand-xxl .navbar-collapse .navbar-nav {
+      margin-left: -1.5rem;
+      margin-right: -1.5rem; }
+      .navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link {
+        padding: 0.5rem 1.5rem;
+        justify-content: flex-start; }
+    .navbar-expand-xxl .navbar-collapse .dropdown-menu {
+      padding: 0;
+      background: transparent;
+      position: static;
+      color: inherit;
+      box-shadow: none;
+      border: none;
+      -moz-columns: 1;
+           columns: 1;
+      min-width: 0; }
+      .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item {
+        min-width: 0;
+        display: flex;
+        width: auto;
+        padding-left: 3rem; }
+    .navbar-expand-xxl .navbar-collapse .dropdown-toggle:after {
+      -webkit-margin-start: auto;
+              margin-inline-start: auto; }
+    .navbar-expand-xxl .navbar-collapse .nav-item.active:after {
+      border-bottom-width: 0;
+      border-left-width: 2px;
+      right: auto;
+      top: 0;
+      bottom: 0; } }
+
+@media (min-width: 1400px) {
+  .navbar-expand-xxl .navbar-collapse {
+    width: auto;
+    flex: 1 1 auto; }
+  .navbar-expand-xxl.navbar-dark .nav-item.active .nav-link,
+  .navbar-expand-xxl .navbar-dark .nav-item.active .nav-link {
+    background-color: rgba(0, 0, 0, 0.1); }
+  .navbar-expand-xxl.navbar-light .nav-item.active,
+  .navbar-expand-xxl .navbar-light .nav-item.active {
+    position: relative; }
+    .navbar-expand-xxl.navbar-light .nav-item.active:after,
+    .navbar-expand-xxl .navbar-light .nav-item.active:after {
+      content: '';
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: -.25rem;
+      border: 0 solid #206bc4;
+      border-bottom-width: 2px; } }
+
+@media (max-width: 1399.98px) {
   .navbar-expand .navbar-collapse {
     flex-direction: column; }
     .navbar-expand .navbar-collapse [class*="container"] {
       flex-direction: column;
       align-items: stretch; }
     .navbar-expand .navbar-collapse .navbar-nav {
-      margin-left: -0.75rem;
-      margin-right: -0.75rem; }
+      margin-left: -1.5rem;
+      margin-right: -1.5rem; }
       .navbar-expand .navbar-collapse .navbar-nav .nav-link {
-        padding: 0.5rem 0.75rem;
+        padding: 0.5rem 1.5rem;
         justify-content: flex-start; }
     .navbar-expand .navbar-collapse .dropdown-menu {
       padding: 0;
@@ -7650,9 +8052,10 @@ Navbar
         min-width: 0;
         display: flex;
         width: auto;
-        padding-left: 2.25rem; }
+        padding-left: 3rem; }
     .navbar-expand .navbar-collapse .dropdown-toggle:after {
-      margin-left: auto; }
+      -webkit-margin-start: auto;
+              margin-inline-start: auto; }
     .navbar-expand .navbar-collapse .nav-item.active:after {
       border-bottom-width: 0;
       border-left-width: 2px;
@@ -7687,7 +8090,7 @@ Navbar brand
 .navbar-brand {
   display: inline-flex;
   align-items: center;
-  font-weight: 500; }
+  font-weight: 600; }
 
 .navbar-brand-image {
   display: block;
@@ -7740,15 +8143,15 @@ Navbar toggler
 Navbar light
  */
 .navbar-light {
-  box-shadow: inset 0 -1px 0 0 rgba(95, 102, 110, 0.2);
+  box-shadow: inset 0 -1px 0 0 rgba(110, 117, 126, 0.16);
   background-color: #ffffff; }
 
 /**
 Navbar dark
  */
 .navbar-dark {
-  background: #354052;
-  color: rgba(255, 255, 255, 0.72); }
+  background: #232e3c;
+  color: rgba(255, 255, 255, 0.66); }
   .navbar-dark::-webkit-scrollbar {
     width: 6px;
     height: 6px;
@@ -7756,21 +8159,21 @@ Navbar dark
     transition: .3s background; }
   .navbar-dark::-webkit-scrollbar-thumb {
     border-radius: 5px;
-    background: #dee1e7; }
+    background: #d8dce1; }
   .navbar-dark::-webkit-scrollbar-corner {
     background: transparent; }
   .navbar-dark:hover::-webkit-scrollbar-thumb {
-    background: #cbcfd6;
-    background: #cbcfd6; }
+    background: #c4c8cf;
+    background: #c4c8cf; }
   .navbar-dark .text-muted {
-    color: rgba(255, 255, 255, 0.5184) !important; }
+    color: rgba(255, 255, 255, 0.66) !important; }
   .navbar-dark .navbar-brand {
     color: #ffffff; }
     .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
       color: #ffffff;
       opacity: .8; }
   .navbar-dark .navbar-nav .nav-link {
-    color: rgba(255, 255, 255, 0.72); }
+    color: rgba(255, 255, 255, 0.66); }
     .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
       color: #ffffff; }
     .navbar-dark .navbar-nav .nav-link.disabled {
@@ -7784,11 +8187,11 @@ Navbar dark
     color: #ffffff;
     border-color: transparent; }
   .navbar-dark .navbar-text {
-    color: rgba(255, 255, 255, 0.72); }
+    color: rgba(255, 255, 255, 0.66); }
     .navbar-dark .navbar-text a,
     .navbar-dark .navbar-text a:hover,
     .navbar-dark .navbar-text a:focus {
-      color: rgba(255, 255, 255, 0.72); }
+      color: rgba(255, 255, 255, 0.66); }
   .navbar-dark::-webkit-scrollbar {
     width: 6px;
     height: 6px;
@@ -7800,23 +8203,23 @@ Navbar dark
   .navbar-dark::-webkit-scrollbar-corner {
     background: transparent; }
   .navbar-dark:hover::-webkit-scrollbar-thumb {
-    background: #cbcfd6;
-    background: #5d6675; }
+    background: #c4c8cf;
+    background: #4f5863; }
   .navbar-dark .input-icon-addon {
-    color: rgba(245, 247, 251, 0.64); }
+    color: rgba(241, 244, 248, 0.64); }
   .navbar-dark .form-control {
     border-color: transparent;
     background-color: rgba(0, 0, 0, 0.1); }
     .navbar-dark .form-control::-webkit-input-placeholder {
-      color: rgba(245, 247, 251, 0.64); }
+      color: rgba(241, 244, 248, 0.64); }
     .navbar-dark .form-control::-moz-placeholder {
-      color: rgba(245, 247, 251, 0.64); }
+      color: rgba(241, 244, 248, 0.64); }
     .navbar-dark .form-control:-ms-input-placeholder {
-      color: rgba(245, 247, 251, 0.64); }
+      color: rgba(241, 244, 248, 0.64); }
     .navbar-dark .form-control::-ms-input-placeholder {
-      color: rgba(245, 247, 251, 0.64); }
+      color: rgba(241, 244, 248, 0.64); }
     .navbar-dark .form-control::placeholder {
-      color: rgba(245, 247, 251, 0.64); }
+      color: rgba(241, 244, 248, 0.64); }
 
 /**
 Navbar nav
@@ -7841,7 +8244,7 @@ Navbar side
 /**
 Navbar vertical
  */
-@media (min-width: 33rem) {
+@media (min-width: 576px) {
   .navbar-vertical.navbar-expand-sm {
     width: 15rem;
     position: fixed;
@@ -7886,10 +8289,10 @@ Navbar vertical
         flex-direction: column;
         align-items: stretch; }
       .navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav {
-        margin-left: -0.75rem;
-        margin-right: -0.75rem; }
+        margin-left: -1.5rem;
+        margin-right: -1.5rem; }
         .navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav .nav-link {
-          padding: 0.5rem 0.75rem;
+          padding: 0.5rem 1.5rem;
           justify-content: flex-start; }
       .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu {
         padding: 0;
@@ -7905,9 +8308,10 @@ Navbar vertical
           min-width: 0;
           display: flex;
           width: auto;
-          padding-left: 2.25rem; }
+          padding-left: 3rem; }
       .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-toggle:after {
-        margin-left: auto; }
+        -webkit-margin-start: auto;
+                margin-inline-start: auto; }
       .navbar-vertical.navbar-expand-sm .navbar-collapse .nav-item.active:after {
         border-bottom-width: 0;
         border-left-width: 2px;
@@ -7915,7 +8319,7 @@ Navbar vertical
         top: 0;
         bottom: 0; } }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .navbar-vertical.navbar-expand-md {
     width: 15rem;
     position: fixed;
@@ -7960,10 +8364,10 @@ Navbar vertical
         flex-direction: column;
         align-items: stretch; }
       .navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav {
-        margin-left: -0.75rem;
-        margin-right: -0.75rem; }
+        margin-left: -1.5rem;
+        margin-right: -1.5rem; }
         .navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav .nav-link {
-          padding: 0.5rem 0.75rem;
+          padding: 0.5rem 1.5rem;
           justify-content: flex-start; }
       .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu {
         padding: 0;
@@ -7979,9 +8383,10 @@ Navbar vertical
           min-width: 0;
           display: flex;
           width: auto;
-          padding-left: 2.25rem; }
+          padding-left: 3rem; }
       .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-toggle:after {
-        margin-left: auto; }
+        -webkit-margin-start: auto;
+                margin-inline-start: auto; }
       .navbar-vertical.navbar-expand-md .navbar-collapse .nav-item.active:after {
         border-bottom-width: 0;
         border-left-width: 2px;
@@ -7989,7 +8394,7 @@ Navbar vertical
         top: 0;
         bottom: 0; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .navbar-vertical.navbar-expand-lg {
     width: 15rem;
     position: fixed;
@@ -8034,10 +8439,10 @@ Navbar vertical
         flex-direction: column;
         align-items: stretch; }
       .navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav {
-        margin-left: -0.75rem;
-        margin-right: -0.75rem; }
+        margin-left: -1.5rem;
+        margin-right: -1.5rem; }
         .navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link {
-          padding: 0.5rem 0.75rem;
+          padding: 0.5rem 1.5rem;
           justify-content: flex-start; }
       .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu {
         padding: 0;
@@ -8053,9 +8458,10 @@ Navbar vertical
           min-width: 0;
           display: flex;
           width: auto;
-          padding-left: 2.25rem; }
+          padding-left: 3rem; }
       .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
-        margin-left: auto; }
+        -webkit-margin-start: auto;
+                margin-inline-start: auto; }
       .navbar-vertical.navbar-expand-lg .navbar-collapse .nav-item.active:after {
         border-bottom-width: 0;
         border-left-width: 2px;
@@ -8063,7 +8469,7 @@ Navbar vertical
         top: 0;
         bottom: 0; } }
 
-@media (min-width: 75.25rem) {
+@media (min-width: 1200px) {
   .navbar-vertical.navbar-expand-xl {
     width: 15rem;
     position: fixed;
@@ -8108,10 +8514,10 @@ Navbar vertical
         flex-direction: column;
         align-items: stretch; }
       .navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav {
-        margin-left: -0.75rem;
-        margin-right: -0.75rem; }
+        margin-left: -1.5rem;
+        margin-right: -1.5rem; }
         .navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav .nav-link {
-          padding: 0.5rem 0.75rem;
+          padding: 0.5rem 1.5rem;
           justify-content: flex-start; }
       .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu {
         padding: 0;
@@ -8127,9 +8533,10 @@ Navbar vertical
           min-width: 0;
           display: flex;
           width: auto;
-          padding-left: 2.25rem; }
+          padding-left: 3rem; }
       .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-toggle:after {
-        margin-left: auto; }
+        -webkit-margin-start: auto;
+                margin-inline-start: auto; }
       .navbar-vertical.navbar-expand-xl .navbar-collapse .nav-item.active:after {
         border-bottom-width: 0;
         border-left-width: 2px;
@@ -8137,6 +8544,81 @@ Navbar vertical
         top: 0;
         bottom: 0; } }
 
+@media (min-width: 1400px) {
+  .navbar-vertical.navbar-expand-xxl {
+    width: 15rem;
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    z-index: 1030;
+    align-items: flex-start;
+    transition: .3s transform;
+    overflow-x: auto; }
+    .navbar-vertical.navbar-expand-xxl.navbar-right {
+      left: auto;
+      right: 0; }
+    .navbar-vertical.navbar-expand-xxl .navbar-brand {
+      padding: 0.75rem 0;
+      justify-content: center; }
+    .navbar-vertical.navbar-expand-xxl .navbar-collapse {
+      align-items: stretch; }
+    .navbar-vertical.navbar-expand-xxl .navbar-nav {
+      flex-direction: column;
+      flex-grow: 1;
+      min-height: auto; }
+      .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link {
+        padding-top: .5rem;
+        padding-bottom: .5rem; }
+    .navbar-vertical.navbar-expand-xxl > [class*="container"] {
+      flex-direction: column;
+      align-items: stretch;
+      min-height: 100%;
+      justify-content: flex-start; }
+    .navbar-vertical.navbar-expand-xxl ~ .page {
+      padding-left: 15rem; }
+      .navbar-vertical.navbar-expand-xxl ~ .page [class*="container"] {
+        padding-left: 1.5rem;
+        padding-right: 1.5rem; }
+    .navbar-vertical.navbar-expand-xxl.navbar-right ~ .page {
+      padding-left: 0;
+      padding-right: 15rem; }
+    .navbar-vertical.navbar-expand-xxl .navbar-collapse {
+      flex-direction: column; }
+      .navbar-vertical.navbar-expand-xxl .navbar-collapse [class*="container"] {
+        flex-direction: column;
+        align-items: stretch; }
+      .navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav {
+        margin-left: -1.5rem;
+        margin-right: -1.5rem; }
+        .navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link {
+          padding: 0.5rem 1.5rem;
+          justify-content: flex-start; }
+      .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu {
+        padding: 0;
+        background: transparent;
+        position: static;
+        color: inherit;
+        box-shadow: none;
+        border: none;
+        -moz-columns: 1;
+             columns: 1;
+        min-width: 0; }
+        .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item {
+          min-width: 0;
+          display: flex;
+          width: auto;
+          padding-left: 3rem; }
+      .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-toggle:after {
+        -webkit-margin-start: auto;
+                margin-inline-start: auto; }
+      .navbar-vertical.navbar-expand-xxl .navbar-collapse .nav-item.active:after {
+        border-bottom-width: 0;
+        border-left-width: 2px;
+        right: auto;
+        top: 0;
+        bottom: 0; } }
+
 .navbar-vertical.navbar-expand {
   width: 15rem;
   position: fixed;
@@ -8181,10 +8663,10 @@ Navbar vertical
       flex-direction: column;
       align-items: stretch; }
     .navbar-vertical.navbar-expand .navbar-collapse .navbar-nav {
-      margin-left: -0.75rem;
-      margin-right: -0.75rem; }
+      margin-left: -1.5rem;
+      margin-right: -1.5rem; }
       .navbar-vertical.navbar-expand .navbar-collapse .navbar-nav .nav-link {
-        padding: 0.5rem 0.75rem;
+        padding: 0.5rem 1.5rem;
         justify-content: flex-start; }
     .navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu {
       padding: 0;
@@ -8200,9 +8682,10 @@ Navbar vertical
         min-width: 0;
         display: flex;
         width: auto;
-        padding-left: 2.25rem; }
+        padding-left: 3rem; }
     .navbar-vertical.navbar-expand .navbar-collapse .dropdown-toggle:after {
-      margin-left: auto; }
+      -webkit-margin-start: auto;
+              margin-inline-start: auto; }
     .navbar-vertical.navbar-expand .navbar-collapse .nav-item.active:after {
       border-bottom-width: 0;
       border-left-width: 2px;
@@ -8228,8 +8711,8 @@ Navbar vertical
   min-height: 100vh; }
 
 .content {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
   flex: 1;
   display: flex;
   flex-direction: column; }
@@ -8241,31 +8724,40 @@ Navbar vertical
 
 .page-header {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   min-height: 2.25rem;
-  margin: 0 0 1rem; }
+  margin: 0 0 1.25rem; }
   .page-header > * {
     flex: 1; }
 
 .page-pretitle {
   font-size: 0.625rem;
-  font-weight: 500;
+  font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .04em;
   line-height: 1.6;
-  color: #5f666e; }
+  color: #6e757e; }
 
 .page-title {
   margin: 0;
   font-size: 1.25rem;
-  font-weight: 400;
-  color: inherit; }
+  line-height: 1.4;
+  font-weight: 500;
+  color: inherit;
+  display: flex;
+  align-items: center; }
+  .page-title svg {
+    width: 1.5rem;
+    height: 1.5rem;
+    -webkit-margin-end: .25rem;
+            margin-inline-end: .25rem; }
 
 .footer {
-  border-top: 1px solid rgba(95, 102, 110, 0.2);
+  border-top: 1px solid #e8e9ea;
   background-color: #ffffff;
-  padding: 1rem 0;
-  color: #5f666e;
+  padding: 2rem 0;
+  color: #6e757e;
   margin-bottom: -1.25rem;
   margin-top: 1.25rem; }
 
@@ -8289,15 +8781,16 @@ Navbar vertical
     height: 100%; }
 
 .avatar {
+  --tblr-avatar-size: 2.5rem;
   position: relative;
-  width: 2rem;
-  height: 2rem;
-  font-size: 0.75rem;
+  width: var(--tblr-avatar-size);
+  height: var(--tblr-avatar-size);
+  font-size: calc(var(--tblr-avatar-size) / 2.8571429);
+  font-weight: 400;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  font-weight: 400;
-  color: #5f666e;
+  color: #6e757e;
   text-align: center;
   text-transform: uppercase;
   vertical-align: bottom;
@@ -8305,10 +8798,11 @@ Navbar vertical
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  background: #f1f3f8 no-repeat center/cover;
-  border-radius: 50%; }
-  .avatar .icon {
-    font-size: 1.25em; }
+  background: #edf0f4 no-repeat center/cover;
+  border-radius: 3px; }
+  .avatar svg {
+    width: 1.5rem;
+    height: 1.5rem; }
   .avatar .badge {
     position: absolute;
     right: 0;
@@ -8318,29 +8812,23 @@ Navbar vertical
   a.avatar {
     cursor: pointer; }
 
+.avatar-rounded {
+  border-radius: 50%; }
+
+.avatar-xs {
+  --tblr-avatar-size: 1.25rem; }
+
 .avatar-sm {
-  width: 1.25rem;
-  height: 1.25rem;
-  font-size: 0.625rem;
-  line-height: 1.25rem; }
+  --tblr-avatar-size: 2rem; }
 
 .avatar-md {
-  width: 2.5rem;
-  height: 2.5rem;
-  font-size: 1.25rem;
-  line-height: 2.5rem; }
+  --tblr-avatar-size: 3.75rem; }
 
 .avatar-lg {
-  width: 4.5rem;
-  height: 4.5rem;
-  font-size: 2.25rem;
-  line-height: 4.5rem; }
+  --tblr-avatar-size: 5rem; }
 
 .avatar-xl {
-  width: 6rem;
-  height: 6rem;
-  font-size: 3rem;
-  line-height: 6rem; }
+  --tblr-avatar-size: 7rem; }
 
 .avatar-list {
   display: inline-flex;
@@ -8357,12 +8845,12 @@ Navbar vertical
   margin-right: -.5rem !important;
   box-shadow: 0 0 0 2px #fff; }
   .card-footer .avatar-list-stacked .avatar {
-    box-shadow: 0 0 0 2px rgba(53, 64, 82, 0.024); }
+    box-shadow: 0 0 0 2px rgba(35, 46, 60, 0.024); }
 
 .avatar-upload {
   width: 4rem;
   height: 4rem;
-  border: 1px dashed rgba(95, 102, 110, 0.2);
+  border: 1px dashed #e8e9ea;
   background: #ffffff;
   flex-direction: column;
   transition: .3s color, .3s background-color; }
@@ -8383,13 +8871,18 @@ Navbar vertical
 .badge {
   display: inline-flex;
   justify-content: center;
-  background: #cbcfd6;
+  align-items: center;
+  background: #c4c8cf;
   overflow: hidden;
   vertical-align: text-bottom;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
-          user-select: none; }
+          user-select: none;
+  padding: calc(.25rem - 1px) 0.25rem;
+  height: 1.25rem;
+  border: 1px solid transparent;
+  min-width: 1.25rem; }
   a.badge {
     color: #ffffff; }
   .badge:empty {
@@ -8400,17 +8893,11 @@ Navbar vertical
     min-height: auto;
     padding: 0;
     border-radius: 50%; }
-
-.badge-up {
-  position: absolute;
-  top: 25%;
-  right: 0;
-  min-width: 1.75em;
-  min-height: 1.75em;
-  padding: 0 .25rem;
-  line-height: 1rem;
-  background-clip: padding-box;
-  transform: translate(0%, -50%); }
+  .badge .avatar {
+    box-sizing: content-box;
+    width: 1.25rem;
+    height: 1.25rem;
+    margin: 0 .5rem 0 -.5rem; }
 
 .badge-outline {
   background-color: transparent;
@@ -8420,23 +8907,6 @@ Navbar vertical
   border-radius: 100px;
   min-width: 1.75em; }
 
-.badge-avatar {
-  box-sizing: content-box;
-  width: 1.75em;
-  margin: 0 .5em 0 -.5em;
-  color: rgba(245, 247, 251, 0.24);
-  background: rgba(53, 64, 82, 0.24) no-repeat center/cover;
-  vertical-align: text-bottom; }
-
-.badge-addon {
-  padding: 0 .5rem;
-  margin: 0 -.5em 0 .5em;
-  min-width: 1.75em;
-  background: rgba(53, 64, 82, 0.24);
-  text-align: center;
-  color: #ffffff;
-  text-decoration: none; }
-
 .breadcrumb {
   padding: 0;
   margin: 0;
@@ -8456,71 +8926,82 @@ Navbar vertical
   content: "•"; }
 
 .breadcrumb-alternate a {
-  color: #5f666e; }
+  color: #6e757e; }
+  .breadcrumb-alternate a:hover {
+    text-decoration: underline; }
 
 .breadcrumb-alternate .breadcrumb-item.active {
   color: inherit; }
 
 .btn {
-  font-weight: 500;
   display: inline-flex;
   align-items: center;
-  justify-content: center; }
-  .btn:not([class^="btn-outline"]):not([class*=" btn-outline"]):not([class^="btn-ghost"]):not([class*=" btn-ghost"]):not(:focus):not(.focus) {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 2px 0 -1px rgba(255, 255, 255, 0.1); }
-  .btn:not([class^="btn-outline"]):not([class*=" btn-outline"]):not([class^="btn-ghost"]):not([class*=" btn-ghost"]) svg.icon {
-    filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.05)); }
+  justify-content: center;
+  color: #232e3c;
+  background-color: #ffffff;
+  border-color: rgba(110, 117, 126, 0.24); }
+  .btn:hover {
+    color: #232e3c;
+    border-color: #a7abb1; }
+  .btn:focus {
+    border-color: rgba(var(--tblr-btn-color, 32, 107, 196), 0.5);
+    box-shadow: 0 0 0 0.25rem rgba(var(--tblr-btn-color, 32, 107, 196), 0.25); }
   .btn:disabled, .btn.disabled {
     cursor: not-allowed; }
-  .btn .icon {
-    margin: 0 .25em 0 -.25em;
-    font-size: 1.42857em;
-    vertical-align: sub; }
+  .btn svg {
+    width: 1.25rem;
+    height: 1.25rem;
+    margin: 0 .25rem 0;
+    -webkit-margin-start: -.5rem;
+            margin-inline-start: -.5rem;
+    vertical-align: bottom; }
   .btn .avatar {
     width: 1.25rem;
     height: 1.25rem;
     vertical-align: text-top;
-    margin: 0 .5em 0 -.25em; }
+    margin: 0 .25rem 0;
+    -webkit-margin-start: -.5rem;
+            margin-inline-start: -.5rem; }
   .btn .icon-right {
-    margin: 0 -.25em 0 .5em; }
-  .btn svg.icon {
-    width: 1em;
-    height: 1em;
-    stroke-width: 1.75; }
+    margin: 0 .25rem 0;
+    -webkit-margin-end: -.5rem;
+            margin-inline-end: -.5rem; }
+  .btn .badge {
+    top: auto; }
 
-.btn-white {
-  color: #354052;
-  background-color: #ffffff;
-  border-color: rgba(95, 102, 110, 0.2);
-  background-image: linear-gradient(-180deg, rgba(53, 64, 82, 0), rgba(53, 64, 82, 0.04) 100%);
-  box-shadow: none !important; }
-  .btn-white:hover {
-    color: #000000;
-    background-color: white;
-    border-color: rgba(107, 115, 124, 0.2); }
-  .btn-check:focus + .btn-white, .btn-white:focus {
-    color: #000000;
-    background-color: white;
-    border-color: rgba(107, 115, 124, 0.2);
-    box-shadow: 0 0 0 0.25rem rgba(69, 79, 93, 0.5); }
-  .btn-check:checked + .btn-white,
-  .btn-check:active + .btn-white, .btn-white:active, .btn-white.active,
-  .show > .btn-white.dropdown-toggle {
-    color: #000000;
-    background-color: white;
-    border-color: rgba(107, 115, 124, 0.2); }
-    .btn-check:checked + .btn-white:focus,
-    .btn-check:active + .btn-white:focus, .btn-white:active:focus, .btn-white.active:focus,
-    .show > .btn-white.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.25rem rgba(69, 79, 93, 0.5); }
-  .btn-white:disabled, .btn-white.disabled {
-    color: #000000;
-    background-color: #ffffff;
-    border-color: rgba(95, 102, 110, 0.2); }
-  .btn-white.active {
-    background: #206bc4;
-    color: #ffffff;
-    z-index: 3 !important; }
+.btn-primary, .btn-secondary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-light, .btn-dark, .btn-blue, .btn-azure, .btn-indigo, .btn-purple, .btn-pink, .btn-red, .btn-orange, .btn-yellow, .btn-lime, .btn-green, .btn-teal, .btn-cyan, .btn-facebook, .btn-twitter, .btn-google, .btn-youtube, .btn-vimeo, .btn-dribbble, .btn-github, .btn-instagram, .btn-pinterest, .btn-vk, .btn-rss, .btn-flickr, .btn-bitbucket, .btn-tabler {
+  background-color: rgba(var(--tblr-btn-color), 1);
+  color: var(--tblr-btn-color-text); }
+  .btn-primary:hover, .btn-secondary:hover, .btn-success:hover, .btn-info:hover, .btn-warning:hover, .btn-danger:hover, .btn-light:hover, .btn-dark:hover, .btn-blue:hover, .btn-azure:hover, .btn-indigo:hover, .btn-purple:hover, .btn-pink:hover, .btn-red:hover, .btn-orange:hover, .btn-yellow:hover, .btn-lime:hover, .btn-green:hover, .btn-teal:hover, .btn-cyan:hover, .btn-facebook:hover, .btn-twitter:hover, .btn-google:hover, .btn-youtube:hover, .btn-vimeo:hover, .btn-dribbble:hover, .btn-github:hover, .btn-instagram:hover, .btn-pinterest:hover, .btn-vk:hover, .btn-rss:hover, .btn-flickr:hover, .btn-bitbucket:hover, .btn-tabler:hover {
+    color: var(--tblr-btn-color-text);
+    background: rgba(var(--tblr-btn-color-darker), 1);
+    border-color: transparent; }
+
+.btn-outline-primary, .btn-outline-secondary, .btn-outline-success, .btn-outline-info, .btn-outline-warning, .btn-outline-danger, .btn-outline-light, .btn-outline-dark, .btn-outline-blue, .btn-outline-azure, .btn-outline-indigo, .btn-outline-purple, .btn-outline-pink, .btn-outline-red, .btn-outline-orange, .btn-outline-yellow, .btn-outline-lime, .btn-outline-green, .btn-outline-teal, .btn-outline-cyan, .btn-outline-facebook, .btn-outline-twitter, .btn-outline-google, .btn-outline-youtube, .btn-outline-vimeo, .btn-outline-dribbble, .btn-outline-github, .btn-outline-instagram, .btn-outline-pinterest, .btn-outline-vk, .btn-outline-rss, .btn-outline-flickr, .btn-outline-bitbucket, .btn-outline-tabler {
+  background-color: transparent;
+  color: rgba(var(--tblr-btn-color), 1);
+  border-color: rgba(110, 117, 126, 0.16); }
+  .btn-outline-primary:hover, .btn-outline-secondary:hover, .btn-outline-success:hover, .btn-outline-info:hover, .btn-outline-warning:hover, .btn-outline-danger:hover, .btn-outline-light:hover, .btn-outline-dark:hover, .btn-outline-blue:hover, .btn-outline-azure:hover, .btn-outline-indigo:hover, .btn-outline-purple:hover, .btn-outline-pink:hover, .btn-outline-red:hover, .btn-outline-orange:hover, .btn-outline-yellow:hover, .btn-outline-lime:hover, .btn-outline-green:hover, .btn-outline-teal:hover, .btn-outline-cyan:hover, .btn-outline-facebook:hover, .btn-outline-twitter:hover, .btn-outline-google:hover, .btn-outline-youtube:hover, .btn-outline-vimeo:hover, .btn-outline-dribbble:hover, .btn-outline-github:hover, .btn-outline-instagram:hover, .btn-outline-pinterest:hover, .btn-outline-vk:hover, .btn-outline-rss:hover, .btn-outline-flickr:hover, .btn-outline-bitbucket:hover, .btn-outline-tabler:hover {
+    background-color: rgba(var(--tblr-btn-color), 1);
+    color: var(--tblr-btn-color-text);
+    border-color: rgba(var(--tblr-btn-color), 1); }
+
+.btn-ghost-primary, .btn-ghost-secondary, .btn-ghost-success, .btn-ghost-info, .btn-ghost-warning, .btn-ghost-danger, .btn-ghost-light, .btn-ghost-dark, .btn-ghost-blue, .btn-ghost-azure, .btn-ghost-indigo, .btn-ghost-purple, .btn-ghost-pink, .btn-ghost-red, .btn-ghost-orange, .btn-ghost-yellow, .btn-ghost-lime, .btn-ghost-green, .btn-ghost-teal, .btn-ghost-cyan, .btn-ghost-facebook, .btn-ghost-twitter, .btn-ghost-google, .btn-ghost-youtube, .btn-ghost-vimeo, .btn-ghost-dribbble, .btn-ghost-github, .btn-ghost-instagram, .btn-ghost-pinterest, .btn-ghost-vk, .btn-ghost-rss, .btn-ghost-flickr, .btn-ghost-bitbucket, .btn-ghost-tabler {
+  background: transparent;
+  color: rgba(var(--tblr-btn-color), 1);
+  border-color: transparent; }
+  .btn-ghost-primary:hover, .btn-ghost-secondary:hover, .btn-ghost-success:hover, .btn-ghost-info:hover, .btn-ghost-warning:hover, .btn-ghost-danger:hover, .btn-ghost-light:hover, .btn-ghost-dark:hover, .btn-ghost-blue:hover, .btn-ghost-azure:hover, .btn-ghost-indigo:hover, .btn-ghost-purple:hover, .btn-ghost-pink:hover, .btn-ghost-red:hover, .btn-ghost-orange:hover, .btn-ghost-yellow:hover, .btn-ghost-lime:hover, .btn-ghost-green:hover, .btn-ghost-teal:hover, .btn-ghost-cyan:hover, .btn-ghost-facebook:hover, .btn-ghost-twitter:hover, .btn-ghost-google:hover, .btn-ghost-youtube:hover, .btn-ghost-vimeo:hover, .btn-ghost-dribbble:hover, .btn-ghost-github:hover, .btn-ghost-instagram:hover, .btn-ghost-pinterest:hover, .btn-ghost-vk:hover, .btn-ghost-rss:hover, .btn-ghost-flickr:hover, .btn-ghost-bitbucket:hover, .btn-ghost-tabler:hover {
+    background-color: rgba(var(--tblr-btn-color), 1);
+    color: var(--tblr-btn-color-text);
+    border-color: rgba(var(--tblr-btn-color), 1); }
+
+.btn-link {
+  color: #206bc4;
+  background-color: transparent;
+  border-color: transparent; }
+  .btn-link:hover {
+    color: #1a569d;
+    border-color: transparent; }
 
 .btn-lg svg.icon, .btn-group-lg > .btn svg.icon {
   stroke-width: 2; }
@@ -8535,13 +9016,10 @@ Navbar vertical
 .btn-icon {
   min-width: calc(2.125rem + 2px); }
   .btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn {
-    min-width: calc(1.32143rem + 2px); }
+    min-width: calc(1.3214286rem + 2px); }
   .btn-icon .icon {
     margin: 0 -1em; }
 
-.btn-link {
-  box-shadow: none !important; }
-
 .btn-square {
   border-radius: 0; }
 
@@ -8549,9 +9027,9 @@ Navbar vertical
   display: flex;
   flex-wrap: wrap;
   margin-bottom: -.5rem !important;
-  margin-right: -.5rem; }
-  .btn-list > .btn,
-  .btn-list > .dropdown {
+  margin-right: -.5rem;
+  line-height: 1; }
+  .btn-list > * {
     margin: 0 .5rem .5rem 0; }
   .btn-list > .btn-block {
     flex: 1;
@@ -8561,7 +9039,7 @@ Navbar vertical
   display: flex;
   align-items: center;
   padding: 0;
-  color: #5f666e;
+  color: #6e757e;
   cursor: pointer;
   background: none;
   border: none; }
@@ -8599,10 +9077,248 @@ Navbar vertical
     -webkit-animation: spinner-border .75s linear infinite;
             animation: spinner-border .75s linear infinite; }
 
+.btn-primary,
+.btn-outline-primary,
+.btn-ghost-primary {
+  --tblr-btn-color: 32, 107, 196;
+  --tblr-btn-color-darker: 27, 90, 165;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-secondary,
+.btn-outline-secondary,
+.btn-ghost-secondary {
+  --tblr-btn-color: 110, 117, 126;
+  --tblr-btn-color-darker: 92, 98, 106;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-success,
+.btn-outline-success,
+.btn-ghost-success {
+  --tblr-btn-color: 94, 186, 0;
+  --tblr-btn-color-darker: 79, 156, 0;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-info,
+.btn-outline-info,
+.btn-ghost-info {
+  --tblr-btn-color: 66, 153, 225;
+  --tblr-btn-color-darker: 55, 129, 189;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-warning,
+.btn-outline-warning,
+.btn-ghost-warning {
+  --tblr-btn-color: 237, 137, 54;
+  --tblr-btn-color-darker: 199, 115, 45;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-danger,
+.btn-outline-danger,
+.btn-ghost-danger {
+  --tblr-btn-color: 229, 62, 62;
+  --tblr-btn-color-darker: 192, 52, 52;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-light,
+.btn-outline-light,
+.btn-ghost-light {
+  --tblr-btn-color: 241, 244, 248;
+  --tblr-btn-color-darker: 202, 205, 208;
+  --tblr-btn-color-text: #232e3c; }
+
+.btn-dark,
+.btn-outline-dark,
+.btn-ghost-dark {
+  --tblr-btn-color: 35, 46, 60;
+  --tblr-btn-color-darker: 29, 39, 50;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-blue,
+.btn-outline-blue,
+.btn-ghost-blue {
+  --tblr-btn-color: 32, 107, 196;
+  --tblr-btn-color-darker: 27, 90, 165;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-azure,
+.btn-outline-azure,
+.btn-ghost-azure {
+  --tblr-btn-color: 66, 153, 225;
+  --tblr-btn-color-darker: 55, 129, 189;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-indigo,
+.btn-outline-indigo,
+.btn-ghost-indigo {
+  --tblr-btn-color: 101, 116, 205;
+  --tblr-btn-color-darker: 85, 97, 172;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-purple,
+.btn-outline-purple,
+.btn-ghost-purple {
+  --tblr-btn-color: 159, 122, 234;
+  --tblr-btn-color-darker: 134, 102, 197;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-pink,
+.btn-outline-pink,
+.btn-ghost-pink {
+  --tblr-btn-color: 237, 100, 166;
+  --tblr-btn-color-darker: 199, 84, 139;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-red,
+.btn-outline-red,
+.btn-ghost-red {
+  --tblr-btn-color: 229, 62, 62;
+  --tblr-btn-color-darker: 192, 52, 52;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-orange,
+.btn-outline-orange,
+.btn-ghost-orange {
+  --tblr-btn-color: 237, 137, 54;
+  --tblr-btn-color-darker: 199, 115, 45;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-yellow,
+.btn-outline-yellow,
+.btn-ghost-yellow {
+  --tblr-btn-color: 250, 176, 5;
+  --tblr-btn-color-darker: 210, 148, 4;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-lime,
+.btn-outline-lime,
+.btn-ghost-lime {
+  --tblr-btn-color: 130, 201, 30;
+  --tblr-btn-color-darker: 109, 169, 25;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-green,
+.btn-outline-green,
+.btn-ghost-green {
+  --tblr-btn-color: 94, 186, 0;
+  --tblr-btn-color-darker: 79, 156, 0;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-teal,
+.btn-outline-teal,
+.btn-ghost-teal {
+  --tblr-btn-color: 43, 203, 186;
+  --tblr-btn-color-darker: 36, 171, 156;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-cyan,
+.btn-outline-cyan,
+.btn-ghost-cyan {
+  --tblr-btn-color: 23, 162, 184;
+  --tblr-btn-color-darker: 19, 136, 155;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-facebook,
+.btn-outline-facebook,
+.btn-ghost-facebook {
+  --tblr-btn-color: 59, 89, 152;
+  --tblr-btn-color-darker: 50, 75, 128;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-twitter,
+.btn-outline-twitter,
+.btn-ghost-twitter {
+  --tblr-btn-color: 29, 161, 242;
+  --tblr-btn-color-darker: 24, 135, 203;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-google,
+.btn-outline-google,
+.btn-ghost-google {
+  --tblr-btn-color: 220, 78, 65;
+  --tblr-btn-color-darker: 185, 66, 55;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-youtube,
+.btn-outline-youtube,
+.btn-ghost-youtube {
+  --tblr-btn-color: 255, 0, 0;
+  --tblr-btn-color-darker: 214, 0, 0;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-vimeo,
+.btn-outline-vimeo,
+.btn-ghost-vimeo {
+  --tblr-btn-color: 26, 183, 234;
+  --tblr-btn-color-darker: 22, 154, 197;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-dribbble,
+.btn-outline-dribbble,
+.btn-ghost-dribbble {
+  --tblr-btn-color: 234, 76, 137;
+  --tblr-btn-color-darker: 197, 64, 115;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-github,
+.btn-outline-github,
+.btn-ghost-github {
+  --tblr-btn-color: 24, 23, 23;
+  --tblr-btn-color-darker: 20, 19, 19;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-instagram,
+.btn-outline-instagram,
+.btn-ghost-instagram {
+  --tblr-btn-color: 228, 64, 95;
+  --tblr-btn-color-darker: 192, 54, 80;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-pinterest,
+.btn-outline-pinterest,
+.btn-ghost-pinterest {
+  --tblr-btn-color: 189, 8, 28;
+  --tblr-btn-color-darker: 159, 7, 24;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-vk,
+.btn-outline-vk,
+.btn-ghost-vk {
+  --tblr-btn-color: 99, 131, 168;
+  --tblr-btn-color-darker: 83, 110, 141;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-rss,
+.btn-outline-rss,
+.btn-ghost-rss {
+  --tblr-btn-color: 255, 165, 0;
+  --tblr-btn-color-darker: 214, 139, 0;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-flickr,
+.btn-outline-flickr,
+.btn-ghost-flickr {
+  --tblr-btn-color: 0, 99, 220;
+  --tblr-btn-color-darker: 0, 83, 185;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-bitbucket,
+.btn-outline-bitbucket,
+.btn-ghost-bitbucket {
+  --tblr-btn-color: 0, 82, 204;
+  --tblr-btn-color-darker: 0, 69, 171;
+  --tblr-btn-color-text: #f1f4f8; }
+
+.btn-tabler,
+.btn-outline-tabler,
+.btn-ghost-tabler {
+  --tblr-btn-color: 32, 107, 196;
+  --tblr-btn-color-darker: 27, 90, 165;
+  --tblr-btn-color-text: #f1f4f8; }
+
 .calendar {
   display: block;
-  font-size: 0.76562rem;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  font-size: 0.765625rem;
+  border: 1px solid #e8e9ea;
   border-radius: 3px; }
 
 .calendar-nav {
@@ -8621,11 +9337,11 @@ Navbar vertical
   padding: .5rem 0; }
 
 .calendar-header {
-  color: #5f666e; }
+  color: #6e757e; }
 
 .calendar-date {
-  flex: 0 0 14.28571%;
-  max-width: 14.28571%;
+  flex: 0 0 14.2857143%;
+  max-width: 14.2857143%;
   padding: .2rem;
   text-align: center;
   border: 0; }
@@ -8652,10 +9368,10 @@ Navbar vertical
       color: #206bc4;
       text-decoration: none;
       background: #fefeff;
-      border-color: rgba(95, 102, 110, 0.2); }
+      border-color: #e8e9ea; }
   .calendar-date .date-today {
     color: #206bc4;
-    border-color: rgba(95, 102, 110, 0.2); }
+    border-color: #e8e9ea; }
 
 .calendar-range {
   position: relative; }
@@ -8678,11 +9394,7 @@ Navbar vertical
     right: 50%; }
 
 .card {
-  margin-bottom: 1.25rem;
-  box-shadow: rgba(53, 64, 82, 0.04) 0 2px 4px 0; }
-  @media (max-width: 63.98rem) {
-    .card {
-      margin-bottom: 0.75rem; } }
+  box-shadow: rgba(35, 46, 60, 0.04) 0 2px 4px 0; }
   @media print {
     .card {
       border: none;
@@ -8692,10 +9404,7 @@ Navbar vertical
     transition: .3s box-shadow; }
     a.card:hover {
       text-decoration: none;
-      box-shadow: rgba(53, 64, 82, 0.16) 0 2px 16px 0; }
-
-.card-group {
-  margin-bottom: 1.5rem; }
+      box-shadow: rgba(35, 46, 60, 0.16) 0 2px 16px 0; }
 
 .card-inactive {
   pointer-events: none;
@@ -8742,7 +9451,7 @@ Navbar vertical
     height: 5px;
     content: "";
     background: #ffffff;
-    border: 1px solid rgba(95, 102, 110, 0.2);
+    border: 1px solid rgba(110, 117, 126, 0.16);
     border-radius: 3px 3px 0 0; }
 
 .card-cover {
@@ -8756,7 +9465,7 @@ Navbar vertical
     bottom: 0;
     left: 0;
     content: "";
-    background: rgba(53, 64, 82, 0.24); }
+    background: rgba(35, 46, 60, 0.24); }
   .card-cover:first-child, .card-cover:first-child:before {
     border-radius: 3px 3px 0 0; }
 
@@ -8783,7 +9492,7 @@ Navbar vertical
   flex: 1; }
 
 .card-footer {
-  color: #5f666e; }
+  color: #6e757e; }
 
 .card-progress {
   height: .25rem; }
@@ -8793,7 +9502,7 @@ Navbar vertical
     border-radius: 2px 2px 0 0; }
 
 .card-meta {
-  color: #5f666e; }
+  color: #6e757e; }
 
 .card-title {
   display: block;
@@ -8809,8 +9518,8 @@ Navbar vertical
 .card-subtitle {
   margin-top: -1rem;
   margin-bottom: 1rem;
-  font-size: 0.75rem;
-  color: #5f666e; }
+  font-size: 85.7142857%;
+  color: #6e757e; }
 
 .card-body > :last-child {
   margin-bottom: 0; }
@@ -8818,15 +9527,15 @@ Navbar vertical
 .card-sm > .card-body {
   padding: .75rem; }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .card-md > .card-body {
     padding: 1.5rem; } }
 
-@media (min-width: 48rem) {
+@media (min-width: 768px) {
   .card-lg > .card-body {
     padding: 2rem; } }
 
-@media (min-width: 64rem) {
+@media (min-width: 992px) {
   .card-lg > .card-body {
     padding: 4rem; } }
 
@@ -8835,7 +9544,7 @@ Navbar vertical
     padding: 0; } }
 
 .card-body + .card-body {
-  border-top: 1px solid rgba(95, 102, 110, 0.2); }
+  border-top: 1px solid #e8e9ea; }
 
 .card-body-scrollable {
   overflow: auto; }
@@ -8853,11 +9562,11 @@ Card optinos
   display: inline-block;
   min-width: 1rem;
   margin-left: .25rem;
-  color: #5f666e; }
+  color: #6e757e; }
 
 .card-drop {
   line-height: 1;
-  color: #5f666e; }
+  color: #6e757e; }
   .card-drop .icon {
     width: 1.5rem;
     height: 1.5rem;
@@ -8908,7 +9617,7 @@ Card table
   .card-table tbody tr:last-child th {
     border-bottom: 0; }
   .card-body + .card-table {
-    border-top: 1px solid rgba(95, 102, 110, 0.2); }
+    border-top: 1px solid #e8e9ea; }
 
 /*
 Card code
@@ -8942,7 +9651,7 @@ Card avatar
 Card list group
  */
 .card-body + .card-list-group {
-  border-top: 1px solid rgba(95, 102, 110, 0.2); }
+  border-top: 1px solid #e8e9ea; }
 
 .card-list-group .list-group-item {
   padding-right: 1rem;
@@ -8958,43 +9667,43 @@ Card list group
 /**
 Card tabs
  */
-.card-tabs {
-  margin-bottom: 1.5rem; }
-  .card-tabs .nav-tabs {
-    position: relative;
-    z-index: 1000;
+.card-tabs .nav-tabs {
+  position: relative;
+  z-index: 1000;
+  border-bottom: 0; }
+  .card-tabs .nav-tabs .nav-link {
+    background: rgba(35, 46, 60, 0.024);
+    border: 1px solid rgba(110, 117, 126, 0.16);
     border-bottom: 0; }
-    .card-tabs .nav-tabs .nav-link {
-      background: rgba(53, 64, 82, 0.024);
-      border: 1px solid rgba(95, 102, 110, 0.2);
-      border-bottom: 0; }
-      .card-tabs .nav-tabs .nav-link.active, .card-tabs .nav-tabs .nav-link:active, .card-tabs .nav-tabs .nav-link:hover {
-        border-color: rgba(95, 102, 110, 0.2); }
-      .card-tabs .nav-tabs .nav-link.active {
-        background: #ffffff; }
-    .card-tabs .nav-tabs .nav-item:not(:first-child) .nav-link {
-      border-top-left-radius: 0; }
-    .card-tabs .nav-tabs .nav-item:not(:last-child) .nav-link {
-      border-top-right-radius: 0; }
-    .card-tabs .nav-tabs .nav-item + .nav-item {
-      margin-left: -1px; }
-  .card-tabs .nav-tabs-bottom {
-    margin-bottom: 0; }
-    .card-tabs .nav-tabs-bottom .nav-item {
-      margin-top: -1px;
-      margin-bottom: 0; }
-      .card-tabs .nav-tabs-bottom .nav-item .nav-link {
-        border-top-width: 0;
-        border-bottom: 1px solid rgba(95, 102, 110, 0.2);
-        border-top-left-radius: 0;
-        border-top-right-radius: 0; }
-  .card-tabs .card {
-    margin: 0;
+    .card-tabs .nav-tabs .nav-link.active, .card-tabs .nav-tabs .nav-link:active, .card-tabs .nav-tabs .nav-link:hover {
+      border-color: rgba(110, 117, 126, 0.16); }
+    .card-tabs .nav-tabs .nav-link.active {
+      background: #ffffff; }
+  .card-tabs .nav-tabs .nav-item:not(:first-child) .nav-link {
     border-top-left-radius: 0; }
+  .card-tabs .nav-tabs .nav-item:not(:last-child) .nav-link {
+    border-top-right-radius: 0; }
+  .card-tabs .nav-tabs .nav-item + .nav-item {
+    margin-left: -1px; }
 
-.close:focus {
+.card-tabs .nav-tabs-bottom {
+  margin-bottom: 0; }
+  .card-tabs .nav-tabs-bottom .nav-item {
+    margin-top: -1px;
+    margin-bottom: 0; }
+    .card-tabs .nav-tabs-bottom .nav-item .nav-link {
+      border-top-width: 0;
+      border-bottom: 1px solid rgba(110, 117, 126, 0.16);
+      border-top-left-radius: 0;
+      border-top-right-radius: 0; }
+
+.card-tabs .card {
+  margin: 0;
+  border-top-left-radius: 0; }
+
+.btn-close:focus {
   outline: none;
-  color: #354052; }
+  color: #232e3c; }
 
 .dropdown-menu {
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
@@ -9012,27 +9721,26 @@ Card tabs
 
 .dropdown-item {
   min-width: 14rem;
-  color: inherit;
   display: flex;
   align-items: center;
   margin: 0;
-  line-height: 1.71429; }
+  line-height: 1.4285714; }
 
 .dropdown-item-icon {
-  width: 1rem !important;
-  font-size: 1rem !important;
+  width: 1.25rem !important;
+  font-size: 1.25rem !important;
   margin-right: .5rem;
-  opacity: .64;
-  text-align: center;
-  stroke-width: 2px; }
+  color: #6e757e;
+  opacity: 0.66;
+  text-align: center; }
 
 .dropdown-header {
   font-size: 0.625rem;
-  font-weight: 500;
+  font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .04em;
   line-height: 1.6;
-  color: #5f666e;
+  color: #6e757e;
   padding-bottom: .25rem;
   pointer-events: none; }
 
@@ -9062,29 +9770,28 @@ Card tabs
   -moz-columns: 4;
        columns: 4; }
 
-.dropdown-menu-arrow {
-  margin-top: .5rem; }
-  .dropdown-menu-arrow:before {
-    content: "";
-    position: absolute;
-    top: -4px;
-    left: 12px;
-    display: block;
-    background: inherit;
-    width: 14px;
-    height: 14px;
-    transform: rotate(45deg);
-    transform-origin: center;
-    border: 1px solid;
-    border-color: inherit;
-    z-index: -1;
-    clip: rect(0px, 9px, 9px, 0px); }
-  .dropdown-menu-arrow.dropdown-menu-right:before {
-    right: 12px;
-    left: auto; }
+.dropdown-menu-arrow:before {
+  content: "";
+  position: absolute;
+  top: -.25rem;
+  left: .75rem;
+  display: block;
+  background: inherit;
+  width: 14px;
+  height: 14px;
+  transform: rotate(45deg);
+  transform-origin: center;
+  border: 1px solid;
+  border-color: inherit;
+  z-index: -1;
+  clip: rect(0px, 9px, 9px, 0px); }
+
+.dropdown-menu-arrow.dropdown-menu-right:before {
+  right: .75rem;
+  left: auto; }
 
 .dropright > .dropdown-menu {
-  margin-top: calc(-0.5rem - 1px);
+  margin-top: calc(-0.25rem - 1px);
   margin-left: 0; }
 
 .dropright .dropdown-toggle:after {
@@ -9105,7 +9812,7 @@ Card tabs
   height: 100%;
   padding: 1rem;
   text-align: center; }
-  @media (min-width: 48rem) {
+  @media (min-width: 768px) {
     .empty {
       padding: 3rem; } }
   .empty .empty-icon {
@@ -9113,6 +9820,10 @@ Card tabs
     font-size: 2rem;
     font-weight: 400;
     line-height: 1; }
+  .empty .empty-title {
+    font-size: 1.25rem;
+    line-height: 1.4;
+    font-weight: 500; }
   .empty .empty-title,
   .empty .empty-subtitle {
     margin: 0 0 .5rem; }
@@ -9120,28 +9831,21 @@ Card tabs
     margin-top: 1.5rem; }
 
 .empty-bordered {
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid #e8e9ea;
   border-radius: 3px; }
 
 .col-separator {
-  border-left: 1px solid rgba(95, 102, 110, 0.2); }
+  border-left: 1px solid #e8e9ea; }
+
+@media (max-width: 991.98px) {
+  .container,
+  .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
+    --bs-gutter-x: 1rem; } }
 
 .container-tight {
-  --bs-gutter-x: 0.75rem;
-  width: 100%;
-  padding-right: calc(var(--bs-gutter-x) / 2);
-  padding-left: calc(var(--bs-gutter-x) / 2);
-  margin-right: auto;
-  margin-left: auto;
   max-width: 35rem; }
 
 .container-narrow {
-  --bs-gutter-x: 0.75rem;
-  width: 100%;
-  padding-right: calc(var(--bs-gutter-x) / 2);
-  padding-left: calc(var(--bs-gutter-x) / 2);
-  margin-right: auto;
-  margin-left: auto;
   max-width: 45rem; }
 
 .row-0 {
@@ -9193,45 +9897,25 @@ Card tabs
     flex: 1 1 auto; }
 
 .row-cards {
-  margin-left: -0.625rem;
-  margin-right: -0.625rem; }
+  --tblr-gutter-x: 1rem;
+  --tblr-gutter-y: 1rem; }
   .row-cards .row-cards {
     flex: 1; }
-  .row-cards > * {
-    padding-left: 0.625rem;
-    padding-right: 0.625rem; }
-  @media (max-width: 63.98rem) {
+  @media (max-width: 991.98px) {
     .row-cards {
-      margin-left: -0.375rem;
-      margin-right: -0.375rem; }
-      .row-cards > * {
-        padding-left: 0.375rem;
-        padding-right: 0.375rem; } }
+      --tblr-gutter-x: 0.5rem;
+      --tblr-gutter-y: 0.5rem; } }
 
 .icon {
-  width: 1rem;
-  height: 1rem;
-  font-size: 1rem;
-  vertical-align: text-bottom; }
+  width: 1.25rem;
+  height: 1.25rem;
+  vertical-align: sub;
+  stroke-width: 1.5; }
   .icon:hover {
     text-decoration: none; }
 
-.icon-thin {
-  stroke-width: 1.5; }
-
-.icon-md {
-  width: 1.5rem;
-  height: 1.5rem; }
-
-.icon-lg {
-  width: 2rem;
-  height: 2rem; }
-
-.icon-xl {
-  width: 4rem;
-  height: 4rem; }
-  .icon-xl.icon-thin {
-    stroke-width: 1; }
+.icon-filled {
+  fill: currentColor; }
 
 .icons-list {
   display: flex;
@@ -9251,10 +9935,11 @@ Card tabs
   justify-content: center;
   height: 4rem;
   text-align: center;
-  border-right: 1px solid rgba(95, 102, 110, 0.2);
-  border-bottom: 1px solid rgba(95, 102, 110, 0.2); }
-  .icons-list-item i {
-    font-size: 1.25rem; }
+  border-right: 1px solid #e8e9ea;
+  border-bottom: 1px solid #e8e9ea; }
+  .icons-list-item .icon {
+    width: 1.5rem;
+    height: 1.5rem; }
 
 .img-responsive {
   background: no-repeat center/cover;
@@ -9279,29 +9964,26 @@ textarea[cols] {
 Form label
  */
 .form-label {
-  font-size: 0.875rem;
-  font-weight: 500;
-  display: block;
-  margin-bottom: .5rem; }
+  display: block; }
   .form-label.required:after {
     content: "*";
     margin-left: .25rem;
-    color: #cd201f; }
+    color: #e53e3e; }
 
 .form-label-description {
   float: right;
   font-weight: 400;
-  color: #5f666e;
+  color: #6e757e;
   line-height: 1.5rem;
-  font-size: 0.75rem; }
+  font-size: 85.7142857%; }
 
 /**
 Form hint
  */
 .form-hint {
   display: block;
-  font-size: 0.75rem;
-  color: #5f666e;
+  font-size: 85.7142857%;
+  color: #6e757e;
   line-height: 1.25rem; }
   .form-hint:last-child {
     margin-bottom: 0; }
@@ -9321,7 +10003,7 @@ Form control
   box-shadow: 0 0 0 1000px #ffffff inset; }
 
 .form-control:disabled, .form-control.disabled {
-  color: #5f666e;
+  color: #6e757e;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
@@ -9331,7 +10013,7 @@ Form control
   width: auto; }
 
 .form-control-light {
-  background-color: #f5f7fb;
+  background-color: #f1f4f8;
   border-color: transparent; }
 
 .form-control-dark {
@@ -9370,8 +10052,8 @@ Form control
 .form-fieldset {
   padding: 1rem;
   margin-bottom: 1rem;
-  background: rgba(53, 64, 82, 0.024);
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  background: rgba(35, 46, 60, 0.024);
+  border: 1px solid #e8e9ea;
   border-radius: 3px; }
 
 /**
@@ -9379,13 +10061,13 @@ Form help
  */
 .form-help {
   display: inline-flex;
-  font-weight: 500;
+  font-weight: 600;
   align-items: center;
   justify-content: center;
   width: 1.125rem;
   height: 1.125rem;
   font-size: .75rem;
-  color: #5f666e;
+  color: #6e757e;
   text-align: center;
   text-decoration: none;
   cursor: pointer;
@@ -9393,7 +10075,7 @@ Form help
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  background: rgba(145, 152, 163, 0.1);
+  background: rgba(134, 141, 150, 0.1);
   border-radius: 50%;
   transition: .3s background-color, .3s color; }
   .form-help:hover, .form-help[aria-describedby] {
@@ -9409,22 +10091,18 @@ Form switch
       -ms-user-select: none;
           user-select: none; }
   .form-check.form-check-highlight .form-check-input:not(:checked) ~ .form-check-label {
-    opacity: .64; }
+    opacity: 0.66; }
 
 .form-check-input {
   background-size: 1rem;
-  margin-top: .25rem; }
+  margin-top: .125rem; }
   .form-switch .form-check-input {
     transition: .3s background-color, .3s background-position; }
 
-.form-check-label {
-  line-height: 1.42857;
-  padding: .125rem 0; }
-
 .form-check-description {
-  color: #5f666e;
+  color: #6e757e;
   font-size: 0.75rem;
-  line-height: 1.42857; }
+  margin-top: .25rem; }
 
 /**
 Input group
@@ -9437,10 +10115,10 @@ Input group
   border-radius: 3px; }
   .input-group-flat:focus-within .form-control,
   .input-group-flat:focus-within .input-group-text {
-    border-color: #7aade9 !important; }
+    border-color: #90b5e2 !important; }
 
 .input-group-flat .form-control:focus {
-  border-color: rgba(95, 102, 110, 0.2);
+  border-color: rgba(110, 117, 126, 0.24);
   box-shadow: none; }
 
 .input-group-flat .form-control:not(:last-child) {
@@ -9483,7 +10161,7 @@ Icon input
   align-items: center;
   justify-content: center;
   min-width: 2.5rem;
-  color: #5f666e;
+  color: #6e757e;
   pointer-events: none;
   font-size: 1.2em; }
   .input-icon-addon:last-child {
@@ -9510,7 +10188,7 @@ Color Input
   width: 1.5rem;
   height: 1.5rem;
   color: #fff;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid rgba(110, 117, 126, 0.16);
   border-radius: 3px;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
   .form-colorinput-color:before {
@@ -9530,7 +10208,7 @@ Color Input
     border-color: #206bc4;
     box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
   .form-colorinput-light .form-colorinput-color:before {
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23354052' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e"); }
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23232e3c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e"); }
 
 /**
 Image check
@@ -9553,13 +10231,13 @@ Image check
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid #e8e9ea;
   border-radius: 3px; }
   .form-imagecheck-input:focus ~ .form-imagecheck-figure {
     border-color: #206bc4;
     box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
   .form-imagecheck-input:checked ~ .form-imagecheck-figure {
-    border-color: rgba(95, 102, 110, 0.2); }
+    border-color: #e8e9ea; }
   .form-imagecheck-figure:before {
     position: absolute;
     top: .25rem;
@@ -9576,7 +10254,7 @@ Image check
         -ms-user-select: none;
             user-select: none;
     background: #ffffff;
-    border: 1px solid rgba(95, 102, 110, 0.2);
+    border: 1px solid #e8e9ea;
     border-radius: 3px;
     transition: .3s opacity; }
     .form-imagecheck-input:checked ~ .form-imagecheck-figure:before {
@@ -9585,7 +10263,7 @@ Image check
       background-repeat: repeat;
       background-position: center;
       background-size: 1rem;
-      border-color: rgba(95, 102, 110, 0.2); }
+      border-color: rgba(110, 117, 126, 0.16); }
 
 .form-imagecheck-image {
   max-width: 100%;
@@ -9605,14 +10283,14 @@ Image check
 
 .form-imagecheck-caption {
   padding: .25rem;
-  font-size: 0.76562rem;
-  color: #5f666e;
+  font-size: 0.765625rem;
+  color: #6e757e;
   text-align: center;
   transition: .3s color; }
   .form-imagecheck:hover .form-imagecheck-caption,
   .form-imagecheck-input:focus ~ .form-imagecheck-figure .form-imagecheck-caption,
   .form-imagecheck-input:checked ~ .form-imagecheck-figure .form-imagecheck-caption {
-    color: #212b36; }
+    color: #232e3c; }
 
 /*
 Select group
@@ -9641,12 +10319,12 @@ Select group
 .form-selectgroup-label {
   position: relative;
   display: block;
-  min-width: calc(1.42857em + 0.875rem + 2px);
+  min-width: calc(1.4285714em + 0.875rem + 2px);
   margin: 0;
   padding: 0.4375rem 0.75rem;
   font-size: 0.875rem;
-  line-height: 1.42857;
-  color: #5f666e;
+  line-height: 1.4285714;
+  color: #6e757e;
   background: #ffffff;
   text-align: center;
   cursor: pointer;
@@ -9654,19 +10332,19 @@ Select group
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid rgba(110, 117, 126, 0.24);
   border-radius: 3px;
   transition: border-color .3s, background .3s, color .3s; }
   .form-selectgroup-label .icon:only-child {
     margin: 0 -.25rem; }
   .form-selectgroup-label:hover {
-    color: #212b36; }
+    color: #232e3c; }
 
 .form-selectgroup-check {
   display: inline-block;
   width: 1rem;
   height: 1rem;
-  border: 1px solid rgba(95, 102, 110, 0.2);
+  border: 1px solid rgba(110, 117, 126, 0.16);
   vertical-align: middle; }
   .form-selectgroup-input[type="checkbox"] + .form-selectgroup-label .form-selectgroup-check {
     border-radius: 3px; }
@@ -9677,7 +10355,7 @@ Select group
     background-repeat: repeat;
     background-position: center;
     background-size: 1rem;
-    border-color: rgba(95, 102, 110, 0.2); }
+    border-color: rgba(110, 117, 126, 0.16); }
   .form-selectgroup-input[type="checkbox"]:checked + .form-selectgroup-label .form-selectgroup-check {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e"); }
   .form-selectgroup-input[type="radio"]:checked + .form-selectgroup-label .form-selectgroup-check {
@@ -9687,13 +10365,12 @@ Select group
   z-index: 1;
   color: #206bc4;
   background: rgba(32, 107, 196, 0.04);
-  border-color: #7aade9;
-  box-shadow: 0 1px 1px 0 rgba(32, 107, 196, 0.2); }
+  border-color: #90b5e2; }
 
 .form-selectgroup-input:focus + .form-selectgroup-label {
   z-index: 2;
   color: #206bc4;
-  border-color: #7aade9;
+  border-color: #90b5e2;
   box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
 
 /**
@@ -9735,11 +10412,11 @@ Remove the cancel buttons in Chrome and Safari on macOS.
   -webkit-appearance: none; }
 
 .form-control.is-valid-lite, .form-control.is-invalid-lite {
-  border-color: rgba(95, 102, 110, 0.2); }
+  border-color: #e8e9ea; }
 
 .legend {
   display: inline-block;
-  background: #e9ecf1;
+  background: #e5e8ed;
   width: .75em;
   height: .75em;
   border-radius: 3px; }
@@ -9755,7 +10432,7 @@ Remove the cancel buttons in Chrome and Safari on macOS.
   margin-left: auto; }
 
 .list-bordered .list-item, .list-row .list-item {
-  border-top: 1px solid rgba(95, 102, 110, 0.2);
+  border-top: 1px solid #e8e9ea;
   margin-top: -1px; }
   .list-bordered .list-item:first-child, .list-row .list-item:first-child {
     border-top: none; }
@@ -9790,7 +10467,7 @@ Remove the cancel buttons in Chrome and Safari on macOS.
 .list-timeline-time {
   float: right;
   margin-left: 1rem;
-  color: #5f666e; }
+  color: #6e757e; }
 
 .list-timeline-icon {
   position: absolute;
@@ -9803,7 +10480,7 @@ Remove the cancel buttons in Chrome and Safari on macOS.
   height: 2.5rem;
   color: #ffffff;
   text-align: center;
-  background: #5f666e;
+  background: #6e757e;
   border-radius: 50%; }
   .list-timeline-icon .icon {
     width: 1rem;
@@ -9811,7 +10488,7 @@ Remove the cancel buttons in Chrome and Safari on macOS.
 
 .list-timeline-title {
   margin: 0;
-  font-weight: 500; }
+  font-weight: 600; }
 
 .list-timeline-content {
   margin-left: 3.5rem; }
@@ -9826,7 +10503,7 @@ Remove the cancel buttons in Chrome and Safari on macOS.
     display: block;
     width: 4px;
     content: "";
-    background-color: #f5f7fb; }
+    background-color: #f1f4f8; }
   .list-timeline:not(.list-timeline-simple) > li {
     z-index: 2;
     min-height: 40px; }
@@ -9851,9 +10528,9 @@ Remove the cancel buttons in Chrome and Safari on macOS.
     border: 0;
     border-radius: 3px; }
     .list-group-transparent .list-group-item .icon {
-      color: #5f666e; }
+      color: #6e757e; }
     .list-group-transparent .list-group-item.active {
-      font-weight: 500;
+      font-weight: 600;
       color: inherit;
       background: rgba(32, 107, 196, 0.06); }
       .list-group-transparent .list-group-item.active .icon {
@@ -9866,14 +10543,20 @@ Remove the cancel buttons in Chrome and Safari on macOS.
   .list-separated-item:last-child {
     padding-bottom: 0; }
   .list-separated-item + .list-separated-item {
-    border-top: 1px solid rgba(95, 102, 110, 0.2); }
+    border-top: 1px solid #e8e9ea; }
 
 /**
 Inline list
  */
+.list-inline-item:not(:last-child) {
+  margin-right: auto;
+  -webkit-margin-end: 0.5rem;
+          margin-inline-end: 0.5rem; }
+
 .list-inline-dots .list-inline-item + .list-inline-item:before {
-  content: '· ';
-  margin-right: 0.5rem; }
+  content: ' · ';
+  -webkit-margin-end: 0.5rem;
+          margin-inline-end: 0.5rem; }
 
 @-webkit-keyframes loader {
   from {
@@ -9930,11 +10613,10 @@ Dimmer
     pointer-events: none;
     opacity: .1; }
 
-.modal-content .close {
+.modal-content .btn-close {
   position: absolute;
   top: 0;
   right: 0;
-  font-size: 1rem;
   width: 3.5rem;
   height: 3.5rem;
   margin: 0;
@@ -9949,20 +10631,20 @@ Dimmer
 
 .modal-body::-webkit-scrollbar-thumb {
   border-radius: 5px;
-  background: #dee1e7; }
+  background: #d8dce1; }
 
 .modal-body::-webkit-scrollbar-corner {
   background: transparent; }
 
 .modal-body:hover::-webkit-scrollbar-thumb {
-  background: #cbcfd6;
-  background: #cbcfd6; }
+  background: #c4c8cf;
+  background: #c4c8cf; }
 
 .modal-body .modal-title {
   margin-bottom: 1rem; }
 
 .modal-body + .modal-body {
-  border-top: 1px solid rgba(95, 102, 110, 0.1); }
+  border-top: 1px solid #e8e9ea; }
 
 .modal-header {
   align-items: center;
@@ -9973,46 +10655,46 @@ Dimmer
 .modal-title {
   font-size: 1rem;
   font-weight: 500;
-  line-height: 1.33333; }
+  line-height: 1.3333333; }
 
 .modal-footer {
   padding-top: 0;
   padding-bottom: .75rem; }
 
 .modal-blur {
-  -webkit-backdrop-filter: blur(2px);
-          backdrop-filter: blur(2px); }
+  -webkit-backdrop-filter: blur(4px);
+          backdrop-filter: blur(4px); }
 
 .modal-full-width {
   max-width: none;
   margin: 0 0.5rem; }
 
 .nav-tabs .icon {
-  color: #5f666e; }
+  color: #6e757e; }
 
 .nav-tabs .nav-link {
   padding: 0.5rem 1rem;
   line-height: 20px;
-  color: #5f666e;
+  color: #6e757e;
   cursor: pointer;
   background: transparent;
   border: none;
   border-bottom: 1px solid transparent;
   transition: .3s color, .3s border-color; }
   .nav-tabs .nav-link:hover {
-    color: #212b36;
+    color: #232e3c;
     border-color: transparent; }
   .nav-tabs .nav-link.disabled {
-    color: rgba(95, 102, 110, 0.2); }
+    color: rgba(110, 117, 126, 0.2); }
   .nav-tabs .nav-link.active {
-    color: #212b36;
+    color: #232e3c;
     background: inherit;
     border-color: transparent;
     border-bottom-color: #206bc4; }
 
 .nav-tabs-alt .nav-link {
   font-size: 13px;
-  font-weight: 500;
+  font-weight: 600;
   text-transform: uppercase; }
 
 .nav-icon {
@@ -10026,20 +10708,20 @@ Dimmer
   display: flex;
   transition: .3s color;
   align-items: center; }
-  .nav-link .icon {
-    display: inline-block;
-    font-size: 1rem; }
 
 .nav-link-icon {
   width: 1.25rem;
-  height: 1rem;
-  font-size: 1rem; }
+  height: 1.25rem;
+  -webkit-margin-end: .5rem;
+          margin-inline-end: .5rem; }
   .nav-link-icon .icon {
-    display: block; }
+    display: block;
+    width: 100%;
+    height: 100%; }
 
 .stars {
   display: inline-flex;
-  color: #dee1e7;
+  color: #d8dce1;
   font-size: 0.75rem; }
   .stars .star:not(:first-child) {
     margin-left: .25rem; }
@@ -10051,7 +10733,7 @@ Dimmer
           user-select: none; }
 
 .page-link {
-  min-width: 1.5rem;
+  min-width: 1.75rem;
   border-radius: 3px; }
   .page-link:hover {
     background: transparent; }
@@ -10068,19 +10750,19 @@ Dimmer
 .page-item-subtitle {
   margin-bottom: 2px;
   font-size: 12px;
-  color: #5f666e;
+  color: #6e757e;
   text-transform: uppercase; }
   .page-item.disabled .page-item-subtitle {
-    color: rgba(95, 102, 110, 0.5); }
+    color: rgba(110, 117, 126, 0.5); }
 
 .page-item-title {
   font-size: 1rem;
   font-weight: 400;
-  color: #212b36; }
+  color: #232e3c; }
   .page-link:hover .page-item-title {
     color: #206bc4; }
   .page-item.disabled .page-item-title {
-    color: rgba(95, 102, 110, 0.5); }
+    color: rgba(110, 117, 126, 0.5); }
 
 @-webkit-keyframes progress-indeterminate {
   0% {
@@ -10108,7 +10790,7 @@ Dimmer
      -moz-appearance: none;
           appearance: none; }
   .progress::-webkit-progress-bar {
-    background: #f5f7fb; }
+    background: #f1f4f8; }
   .progress::-webkit-progress-value {
     background-color: #206bc4; }
   .progress::-moz-progress-bar {
@@ -10136,6 +10818,9 @@ Dimmer
   -webkit-animation: progress-indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
           animation: progress-indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
 
+.progress-separated .progress-bar {
+  border-right: 2px solid #ffffff; }
+
 .ribbon {
   position: absolute;
   top: .75rem;
@@ -10143,7 +10828,7 @@ Dimmer
   z-index: 1;
   padding: .25rem .75rem;
   font-size: 0.625rem;
-  font-weight: 500;
+  font-weight: 600;
   line-height: 1.5rem;
   color: #fff;
   text-align: center;
@@ -10165,63 +10850,51 @@ Dimmer
   .ribbon.bg-blue {
     border-color: #206bc4; }
   .ribbon.bg-blue-lt {
-    border-color: #d2e1f3 !important; }
+    border-color: #e9f0f9 !important; }
   .ribbon.bg-azure {
-    border-color: #45aaf2; }
+    border-color: #4299e1; }
   .ribbon.bg-azure-lt {
-    border-color: #daeefc !important; }
+    border-color: #ecf5fc !important; }
   .ribbon.bg-indigo {
     border-color: #6574cd; }
   .ribbon.bg-indigo-lt {
-    border-color: #e0e3f5 !important; }
+    border-color: #f0f1fa !important; }
   .ribbon.bg-purple {
-    border-color: #a55eea; }
+    border-color: #9f7aea; }
   .ribbon.bg-purple-lt {
-    border-color: #eddffb !important; }
+    border-color: #f5f2fd !important; }
   .ribbon.bg-pink {
-    border-color: #f66d9b; }
+    border-color: #ed64a6; }
   .ribbon.bg-pink-lt {
-    border-color: #fde2eb !important; }
+    border-color: #fdf0f6 !important; }
   .ribbon.bg-red {
-    border-color: #cd201f; }
+    border-color: #e53e3e; }
   .ribbon.bg-red-lt {
-    border-color: #f5d2d2 !important; }
+    border-color: #fcecec !important; }
   .ribbon.bg-orange {
-    border-color: #ff922b; }
+    border-color: #ed8936; }
   .ribbon.bg-orange-lt {
-    border-color: #ffe9d5 !important; }
+    border-color: #fdf3eb !important; }
   .ribbon.bg-yellow {
     border-color: #fab005; }
   .ribbon.bg-yellow-lt {
-    border-color: #feefcd !important; }
+    border-color: #fff7e6 !important; }
   .ribbon.bg-lime {
-    border-color: #94d82d; }
+    border-color: #82c91e; }
   .ribbon.bg-lime-lt {
-    border-color: #eaf7d5 !important; }
+    border-color: #f3fae9 !important; }
   .ribbon.bg-green {
     border-color: #5eba00; }
   .ribbon.bg-green-lt {
-    border-color: #dff1cc !important; }
+    border-color: #eff8e6 !important; }
   .ribbon.bg-teal {
     border-color: #2bcbba; }
   .ribbon.bg-teal-lt {
-    border-color: #d5f5f1 !important; }
+    border-color: #eafaf8 !important; }
   .ribbon.bg-cyan {
     border-color: #17a2b8; }
   .ribbon.bg-cyan-lt {
-    border-color: #d1ecf1 !important; }
-  .ribbon.bg-gray {
-    border-color: #a8aeb7; }
-  .ribbon.bg-gray-lt {
-    border-color: #eeeff1 !important; }
-  .ribbon.bg-gray-dark {
-    border-color: #545d6d; }
-  .ribbon.bg-gray-dark-lt {
-    border-color: #dddfe2 !important; }
-  .ribbon.bg-dark {
-    border-color: #354052; }
-  .ribbon.bg-dark-lt {
-    border-color: #d7d9dc !important; }
+    border-color: #e8f6f8 !important; }
   .ribbon .icon {
     width: 1rem;
     height: 1rem; }
@@ -10299,24 +10972,6 @@ Dimmer
       border-bottom-color: transparent;
       border-bottom-width: .5rem; }
 
-.stamp {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 2.5rem;
-  height: 2.5rem;
-  line-height: 2.5rem;
-  padding: 0 .25rem;
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: #5f666e;
-  text-align: center;
-  background: #f1f3f8;
-  border-radius: 3px; }
-  .stamp .icon {
-    font-size: 1.25rem;
-    vertical-align: middle; }
-
 .steps {
   display: flex;
   flex-wrap: nowrap;
@@ -10349,11 +11004,11 @@ Dimmer
 
 .steps-azure .step-item:after, .steps-azure .step-item:before {
   color: #ffffff;
-  background: #45aaf2; }
+  background: #4299e1; }
 
 .steps-azure .step-item.active:before {
   color: inherit;
-  border-color: #45aaf2; }
+  border-color: #4299e1; }
 
 .steps-indigo .step-item:after, .steps-indigo .step-item:before {
   color: #ffffff;
@@ -10365,35 +11020,35 @@ Dimmer
 
 .steps-purple .step-item:after, .steps-purple .step-item:before {
   color: #ffffff;
-  background: #a55eea; }
+  background: #9f7aea; }
 
 .steps-purple .step-item.active:before {
   color: inherit;
-  border-color: #a55eea; }
+  border-color: #9f7aea; }
 
 .steps-pink .step-item:after, .steps-pink .step-item:before {
   color: #ffffff;
-  background: #f66d9b; }
+  background: #ed64a6; }
 
 .steps-pink .step-item.active:before {
   color: inherit;
-  border-color: #f66d9b; }
+  border-color: #ed64a6; }
 
 .steps-red .step-item:after, .steps-red .step-item:before {
   color: #ffffff;
-  background: #cd201f; }
+  background: #e53e3e; }
 
 .steps-red .step-item.active:before {
   color: inherit;
-  border-color: #cd201f; }
+  border-color: #e53e3e; }
 
 .steps-orange .step-item:after, .steps-orange .step-item:before {
   color: #ffffff;
-  background: #ff922b; }
+  background: #ed8936; }
 
 .steps-orange .step-item.active:before {
   color: inherit;
-  border-color: #ff922b; }
+  border-color: #ed8936; }
 
 .steps-yellow .step-item:after, .steps-yellow .step-item:before {
   color: #ffffff;
@@ -10405,11 +11060,11 @@ Dimmer
 
 .steps-lime .step-item:after, .steps-lime .step-item:before {
   color: #ffffff;
-  background: #94d82d; }
+  background: #82c91e; }
 
 .steps-lime .step-item.active:before {
   color: inherit;
-  border-color: #94d82d; }
+  border-color: #82c91e; }
 
 .steps-green .step-item:after, .steps-green .step-item:before {
   color: #ffffff;
@@ -10435,30 +11090,6 @@ Dimmer
   color: inherit;
   border-color: #17a2b8; }
 
-.steps-gray .step-item:after, .steps-gray .step-item:before {
-  color: #ffffff;
-  background: #a8aeb7; }
-
-.steps-gray .step-item.active:before {
-  color: inherit;
-  border-color: #a8aeb7; }
-
-.steps-gray-dark .step-item:after, .steps-gray-dark .step-item:before {
-  color: #ffffff;
-  background: #545d6d; }
-
-.steps-gray-dark .step-item.active:before {
-  color: inherit;
-  border-color: #545d6d; }
-
-.steps-dark .step-item:after, .steps-dark .step-item:before {
-  color: #ffffff;
-  background: #354052; }
-
-.steps-dark .step-item.active:before {
-  color: inherit;
-  border-color: #354052; }
-
 .step-item {
   position: relative;
   flex: 1 1 0;
@@ -10489,15 +11120,15 @@ Dimmer
     border-radius: 50%;
     transform: translateX(-50%); }
   .step-item.active {
-    font-weight: 500; }
+    font-weight: 600; }
     .step-item.active:before {
       background: #fff; }
     .step-item.active ~ .step-item {
-      color: #5f666e; }
+      color: #6e757e; }
       .step-item.active ~ .step-item:after, .step-item.active ~ .step-item:before {
         background: #f3f5f5; }
       .step-item.active ~ .step-item:before {
-        color: #5f666e !important; }
+        color: #6e757e !important; }
 
 .steps-counter {
   counter-reset: steps; }
@@ -10512,21 +11143,21 @@ Dimmer
   .steps-counter .step-item {
     counter-increment: steps; }
     .steps-counter .step-item:before {
-      font-size: 1rem;
+      font-size: 0.75rem;
       line-height: 1.5rem;
       content: counter(steps); }
     .steps-counter .step-item.active ~ .step-item:before {
       background: #fff; }
 
 .table thead th, .markdown > table thead th {
-  color: #5f666e;
-  background: rgba(53, 64, 82, 0.024);
+  color: #6e757e;
+  background: rgba(35, 46, 60, 0.024);
   font-size: 0.625rem;
-  font-weight: 500;
+  font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .04em;
   line-height: 1.6;
-  color: #5f666e;
+  color: #6e757e;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem; }
   @media print {
@@ -10558,22 +11189,22 @@ Dimmer
     display: block;
     padding: 0.5rem 0.5rem !important;
     border: none;
-    color: #212b36 !important; }
+    color: #232e3c !important; }
     .table-mobile td[data-label]:before {
       font-size: 0.625rem;
-      font-weight: 500;
+      font-weight: 600;
       text-transform: uppercase;
       letter-spacing: .04em;
       line-height: 1.6;
-      color: #5f666e;
+      color: #6e757e;
       content: attr(data-label);
       display: block; }
   .table-mobile tr {
-    border-bottom: 1px solid rgba(95, 102, 110, 0.2); }
+    border-bottom: 1px solid rgba(110, 117, 126, 0.16); }
   .table-mobile .btn {
     display: block; }
 
-@media (max-width: 32.98rem) {
+@media (max-width: 575.98px) {
   .table-mobile-sm {
     display: block; }
     .table-mobile-sm thead {
@@ -10586,22 +11217,22 @@ Dimmer
       display: block;
       padding: 0.5rem 0.5rem !important;
       border: none;
-      color: #212b36 !important; }
+      color: #232e3c !important; }
       .table-mobile-sm td[data-label]:before {
         font-size: 0.625rem;
-        font-weight: 500;
+        font-weight: 600;
         text-transform: uppercase;
         letter-spacing: .04em;
         line-height: 1.6;
-        color: #5f666e;
+        color: #6e757e;
         content: attr(data-label);
         display: block; }
     .table-mobile-sm tr {
-      border-bottom: 1px solid rgba(95, 102, 110, 0.2); }
+      border-bottom: 1px solid rgba(110, 117, 126, 0.16); }
     .table-mobile-sm .btn {
       display: block; } }
 
-@media (max-width: 47.98rem) {
+@media (max-width: 767.98px) {
   .table-mobile-md {
     display: block; }
     .table-mobile-md thead {
@@ -10614,22 +11245,22 @@ Dimmer
       display: block;
       padding: 0.5rem 0.5rem !important;
       border: none;
-      color: #212b36 !important; }
+      color: #232e3c !important; }
       .table-mobile-md td[data-label]:before {
         font-size: 0.625rem;
-        font-weight: 500;
+        font-weight: 600;
         text-transform: uppercase;
         letter-spacing: .04em;
         line-height: 1.6;
-        color: #5f666e;
+        color: #6e757e;
         content: attr(data-label);
         display: block; }
     .table-mobile-md tr {
-      border-bottom: 1px solid rgba(95, 102, 110, 0.2); }
+      border-bottom: 1px solid rgba(110, 117, 126, 0.16); }
     .table-mobile-md .btn {
       display: block; } }
 
-@media (max-width: 63.98rem) {
+@media (max-width: 991.98px) {
   .table-mobile-lg {
     display: block; }
     .table-mobile-lg thead {
@@ -10642,22 +11273,22 @@ Dimmer
       display: block;
       padding: 0.5rem 0.5rem !important;
       border: none;
-      color: #212b36 !important; }
+      color: #232e3c !important; }
       .table-mobile-lg td[data-label]:before {
         font-size: 0.625rem;
-        font-weight: 500;
+        font-weight: 600;
         text-transform: uppercase;
         letter-spacing: .04em;
         line-height: 1.6;
-        color: #5f666e;
+        color: #6e757e;
         content: attr(data-label);
         display: block; }
     .table-mobile-lg tr {
-      border-bottom: 1px solid rgba(95, 102, 110, 0.2); }
+      border-bottom: 1px solid rgba(110, 117, 126, 0.16); }
     .table-mobile-lg .btn {
       display: block; } }
 
-@media (max-width: 75.23rem) {
+@media (max-width: 1199.98px) {
   .table-mobile-xl {
     display: block; }
     .table-mobile-xl thead {
@@ -10670,21 +11301,49 @@ Dimmer
       display: block;
       padding: 0.5rem 0.5rem !important;
       border: none;
-      color: #212b36 !important; }
+      color: #232e3c !important; }
       .table-mobile-xl td[data-label]:before {
         font-size: 0.625rem;
-        font-weight: 500;
+        font-weight: 600;
         text-transform: uppercase;
         letter-spacing: .04em;
         line-height: 1.6;
-        color: #5f666e;
+        color: #6e757e;
         content: attr(data-label);
         display: block; }
     .table-mobile-xl tr {
-      border-bottom: 1px solid rgba(95, 102, 110, 0.2); }
+      border-bottom: 1px solid rgba(110, 117, 126, 0.16); }
     .table-mobile-xl .btn {
       display: block; } }
 
+@media (max-width: 1399.98px) {
+  .table-mobile-xxl {
+    display: block; }
+    .table-mobile-xxl thead {
+      display: none; }
+    .table-mobile-xxl tbody,
+    .table-mobile-xxl tr {
+      display: flex;
+      flex-direction: column; }
+    .table-mobile-xxl td {
+      display: block;
+      padding: 0.5rem 0.5rem !important;
+      border: none;
+      color: #232e3c !important; }
+      .table-mobile-xxl td[data-label]:before {
+        font-size: 0.625rem;
+        font-weight: 600;
+        text-transform: uppercase;
+        letter-spacing: .04em;
+        line-height: 1.6;
+        color: #6e757e;
+        content: attr(data-label);
+        display: block; }
+    .table-mobile-xxl tr {
+      border-bottom: 1px solid rgba(110, 117, 126, 0.16); }
+    .table-mobile-xxl .btn {
+      display: block; } }
+
 .toast-header {
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -10713,11 +11372,11 @@ Hr text
   align-items: center;
   margin: 2rem 0;
   font-size: 0.625rem;
-  font-weight: 500;
+  font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .04em;
   line-height: 1.6;
-  color: #5f666e;
+  color: #6e757e;
   height: 1px; }
   .hr-text:after, .hr-text:before {
     flex: 1 1 auto;
@@ -10733,7 +11392,7 @@ Hr text
   .hr-text > *:first-child {
     padding-right: .5rem;
     padding-left: 0;
-    color: #5f666e; }
+    color: #6e757e; }
   .hr-text.hr-text-left:before {
     content: none; }
   .hr-text.hr-text-left > *:first-child {
@@ -10759,6 +11418,15 @@ a {
   -webkit-text-decoration-skip: ink;
           text-decoration-skip-ink: auto; }
 
+ul,
+ol {
+  margin: 0 0 1rem 0;
+  -webkit-margin-start: 1rem;
+          margin-inline-start: 1rem;
+  padding: 0;
+  -webkit-padding-start: 1rem;
+          padding-inline-start: 1rem; }
+
 h1 a, .h1 a,
 h2 a,
 .h2 a,
@@ -10779,19 +11447,19 @@ h6 a,
   color: inherit; }
 
 h1, .h1 {
-  line-height: 1.14286; }
+  line-height: 1.1428571; }
 
 h2, .h2 {
-  line-height: 1.6; }
+  line-height: 1.4; }
 
 h3, .h3 {
   line-height: 1.5; }
 
 h4, .h4 {
-  line-height: 1.42857; }
+  line-height: 1.4285714; }
 
 h5, .h5 {
-  line-height: 1.33333; }
+  line-height: 1.3333333; }
 
 h6, .h6 {
   line-height: 1.6; }
@@ -10799,11 +11467,11 @@ h6, .h6 {
 strong,
 .strong,
 b {
-  font-weight: 500; }
+  font-weight: 600; }
 
 blockquote {
   padding-left: 1rem;
-  border-left: 2px solid rgba(95, 102, 110, 0.2); }
+  border-left: 2px solid #e8e9ea; }
   blockquote p {
     margin-bottom: 1rem; }
   blockquote cite {
@@ -10822,12 +11490,13 @@ code {
   padding: 2px 4px;
   background: rgba(32, 107, 196, 0.03);
   border: 1px solid rgba(32, 107, 196, 0.064);
-  border-radius: 3px; }
+  border-radius: 3px;
+  font-weight: 400; }
 
 pre {
   padding: 1rem;
   overflow: auto;
-  font-size: 0.75rem;
+  font-size: 85.7142857%;
   -webkit-hyphens: none;
       -ms-hyphens: none;
           hyphens: none;
@@ -10860,7 +11529,7 @@ Selection
 Links
  */
 [class^="link-"].disabled, [class*=" link-"].disabled {
-  color: #a8aeb7;
+  color: #9fa5ad;
   pointer-events: none; }
 
 /**
@@ -10868,29 +11537,41 @@ Subheader
  */
 .subheader {
   font-size: 0.625rem;
-  font-weight: 500;
+  font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .04em;
   line-height: 1.6;
-  color: #5f666e; }
+  color: #6e757e; }
 
 /**
 Markdown
  */
-.markdown > :first-child {
-  margin-top: 0; }
-
-.markdown > :last-child,
-.markdown > :last-child .highlight {
-  margin-bottom: 0; }
-
-.markdown > h1, .markdown > .h1, .markdown > h2, .markdown > .h2, .markdown > h3, .markdown > .h3, .markdown > h4, .markdown > .h4, .markdown > h5, .markdown > .h5, .markdown > h6, .markdown > .h6 {
-  margin-top: 2rem; }
-
-@media (min-width: 48rem) {
-  .markdown > hr, .markdown > .hr {
-    margin-top: 3em;
-    margin-bottom: 3em; } }
+.markdown {
+  line-height: 1.7142857; }
+  .markdown > :first-child {
+    margin-top: 0; }
+  .markdown > :last-child,
+  .markdown > :last-child .highlight {
+    margin-bottom: 0; }
+  .markdown > h1, .markdown > .h1, .markdown > h2, .markdown > .h2, .markdown > h3, .markdown > .h3, .markdown > h4, .markdown > .h4, .markdown > h5, .markdown > .h5, .markdown > h6, .markdown > .h6 {
+    margin-top: 2rem;
+    margin-bottom: .25rem; }
+  .markdown > h1, .markdown > .h1 {
+    font-size: 1.25rem;
+    line-height: 1.4; }
+  .markdown > h2, .markdown > .h2 {
+    font-size: 1rem;
+    line-height: 1.5; }
+  .markdown > h3, .markdown > .h3 {
+    font-size: 0.875rem;
+    line-height: 1.4285714; }
+  .markdown > h4, .markdown > .h4 {
+    font-size: 0.75rem;
+    line-height: 1.3333333; }
+  @media (min-width: 768px) {
+    .markdown > hr, .markdown > .hr {
+      margin-top: 3em;
+      margin-bottom: 3em; } }
 
 .chart {
   display: block;
@@ -10938,11 +11619,11 @@ Chart sparkline
 
 .bg-white-overlay {
   color: #fff;
-  background-color: rgba(245, 247, 251, 0.24); }
+  background-color: rgba(241, 244, 248, 0.24); }
 
 .bg-dark-overlay {
   color: #fff;
-  background-color: rgba(53, 64, 82, 0.24); }
+  background-color: rgba(35, 46, 60, 0.24); }
 
 .bg-cover {
   background-repeat: no-repeat;
@@ -11058,17 +11739,17 @@ SOCIAL COLORS
 
 .bg-blue-lt {
   color: #206bc4 !important;
-  background: #d2e1f3 !important; }
+  background: rgba(32, 107, 196, 0.1) !important; }
 
 .bg-azure {
-  background: #45aaf2; }
+  background: #4299e1; }
 
 .text-azure {
-  color: #45aaf2 !important; }
+  color: #4299e1 !important; }
 
 .bg-azure-lt {
-  color: #45aaf2 !important;
-  background: #daeefc !important; }
+  color: #4299e1 !important;
+  background: rgba(66, 153, 225, 0.1) !important; }
 
 .bg-indigo {
   background: #6574cd; }
@@ -11078,47 +11759,47 @@ SOCIAL COLORS
 
 .bg-indigo-lt {
   color: #6574cd !important;
-  background: #e0e3f5 !important; }
+  background: rgba(101, 116, 205, 0.1) !important; }
 
 .bg-purple {
-  background: #a55eea; }
+  background: #9f7aea; }
 
 .text-purple {
-  color: #a55eea !important; }
+  color: #9f7aea !important; }
 
 .bg-purple-lt {
-  color: #a55eea !important;
-  background: #eddffb !important; }
+  color: #9f7aea !important;
+  background: rgba(159, 122, 234, 0.1) !important; }
 
 .bg-pink {
-  background: #f66d9b; }
+  background: #ed64a6; }
 
 .text-pink {
-  color: #f66d9b !important; }
+  color: #ed64a6 !important; }
 
 .bg-pink-lt {
-  color: #f66d9b !important;
-  background: #fde2eb !important; }
+  color: #ed64a6 !important;
+  background: rgba(237, 100, 166, 0.1) !important; }
 
 .bg-red {
-  background: #cd201f; }
+  background: #e53e3e; }
 
 .text-red {
-  color: #cd201f !important; }
+  color: #e53e3e !important; }
 
 .bg-red-lt {
-  color: #cd201f !important;
-  background: #f5d2d2 !important; }
+  color: #e53e3e !important;
+  background: rgba(229, 62, 62, 0.1) !important; }
 
 .bg-orange {
-  background: #ff922b; }
+  background: #ed8936; }
 
 .text-orange {
-  color: #ff922b !important; }
+  color: #ed8936 !important; }
 
 .bg-orange-lt {
-  color: #ff922b !important;
-  background: #ffe9d5 !important; }
+  color: #ed8936 !important;
+  background: rgba(237, 137, 54, 0.1) !important; }
 
 .bg-yellow {
   background: #fab005; }
@@ -11128,17 +11809,17 @@ SOCIAL COLORS
 
 .bg-yellow-lt {
   color: #fab005 !important;
-  background: #feefcd !important; }
+  background: rgba(250, 176, 5, 0.1) !important; }
 
 .bg-lime {
-  background: #94d82d; }
+  background: #82c91e; }
 
 .text-lime {
-  color: #94d82d !important; }
+  color: #82c91e !important; }
 
 .bg-lime-lt {
-  color: #94d82d !important;
-  background: #eaf7d5 !important; }
+  color: #82c91e !important;
+  background: rgba(130, 201, 30, 0.1) !important; }
 
 .bg-green {
   background: #5eba00; }
@@ -11148,7 +11829,7 @@ SOCIAL COLORS
 
 .bg-green-lt {
   color: #5eba00 !important;
-  background: #dff1cc !important; }
+  background: rgba(94, 186, 0, 0.1) !important; }
 
 .bg-teal {
   background: #2bcbba; }
@@ -11158,7 +11839,7 @@ SOCIAL COLORS
 
 .bg-teal-lt {
   color: #2bcbba !important;
-  background: #d5f5f1 !important; }
+  background: rgba(43, 203, 186, 0.1) !important; }
 
 .bg-cyan {
   background: #17a2b8; }
@@ -11168,37 +11849,7 @@ SOCIAL COLORS
 
 .bg-cyan-lt {
   color: #17a2b8 !important;
-  background: #d1ecf1 !important; }
-
-.bg-gray {
-  background: #a8aeb7; }
-
-.text-gray {
-  color: #a8aeb7 !important; }
-
-.bg-gray-lt {
-  color: #a8aeb7 !important;
-  background: #eeeff1 !important; }
-
-.bg-gray-dark {
-  background: #545d6d; }
-
-.text-gray-dark {
-  color: #545d6d !important; }
-
-.bg-gray-dark-lt {
-  color: #545d6d !important;
-  background: #dddfe2 !important; }
-
-.bg-dark {
-  background: #354052; }
-
-.text-dark {
-  color: #354052 !important; }
-
-.bg-dark-lt {
-  color: #354052 !important;
-  background: #d7d9dc !important; }
+  background: rgba(23, 162, 184, 0.1) !important; }
 
 /*
 Scrollable
@@ -11256,10 +11907,10 @@ Scrollable
   height: 1rem !important; }
 
 .w-4 {
-  width: 1.5rem !important; }
+  width: 1.25rem !important; }
 
 .h-4 {
-  height: 1.5rem !important; }
+  height: 1.25rem !important; }
 
 .w-5 {
   width: 3rem !important; }
@@ -11379,66 +12030,21 @@ Antialiasing
 
 @media not print {
   .theme-dark {
-    color: #f5f7fb;
-    background-color: #2f3949; }
+    color: #f1f4f8;
+    background-color: #1f2936; }
   .theme-dark .card,
-  .theme-dark .footer,
+  .theme-dark .footer:not(.footer-transparent),
   .theme-dark .modal-content,
   .theme-dark .modal-header,
   .theme-dark .dropdown-menu,
   .theme-dark .flatpickr-calendar {
-    background-color: #354052;
+    background-color: #232e3c;
     color: inherit; }
   .theme-dark .card {
     border-color: transparent; }
   .theme-dark .btn-white,
   .theme-dark .form-file-button {
-    color: #f5f7fb;
-    background-color: #3b475b;
-    border-color: rgba(95, 102, 110, 0.2);
     background-image: none; }
-    .theme-dark .btn-white:hover,
-    .theme-dark .form-file-button:hover {
-      color: #f5f7fb;
-      background-color: rgba(53, 64, 82, 0);
-      border-color: rgba(95, 102, 110, 0.2); }
-    .btn-check:focus + .theme-dark .btn-white, .theme-dark .btn-white:focus, .btn-check:focus +
-    .theme-dark .form-file-button,
-    .theme-dark .form-file-button:focus {
-      color: #f5f7fb;
-      background-color: rgba(53, 64, 82, 0);
-      border-color: rgba(95, 102, 110, 0.2);
-      box-shadow: 0 0 0 0.25rem rgba(187, 191, 197, 0.5); }
-    .btn-check:checked + .theme-dark .btn-white,
-    .btn-check:active + .theme-dark .btn-white, .theme-dark .btn-white:active, .theme-dark .btn-white.active,
-    .show > .theme-dark .btn-white.dropdown-toggle, .btn-check:checked +
-    .theme-dark .form-file-button,
-    .btn-check:active +
-    .theme-dark .form-file-button,
-    .theme-dark .form-file-button:active,
-    .theme-dark .form-file-button.active,
-    .show >
-    .theme-dark .form-file-button.dropdown-toggle {
-      color: #ffffff;
-      background-color: #4f5f7a;
-      border-color: rgba(107, 115, 124, 0.2); }
-      .btn-check:checked + .theme-dark .btn-white:focus,
-      .btn-check:active + .theme-dark .btn-white:focus, .theme-dark .btn-white:active:focus, .theme-dark .btn-white.active:focus,
-      .show > .theme-dark .btn-white.dropdown-toggle:focus, .btn-check:checked +
-      .theme-dark .form-file-button:focus,
-      .btn-check:active +
-      .theme-dark .form-file-button:focus,
-      .theme-dark .form-file-button:active:focus,
-      .theme-dark .form-file-button.active:focus,
-      .show >
-      .theme-dark .form-file-button.dropdown-toggle:focus {
-        box-shadow: 0 0 0 0.25rem rgba(187, 191, 197, 0.5); }
-    .theme-dark .btn-white:disabled, .theme-dark .btn-white.disabled,
-    .theme-dark .form-file-button:disabled,
-    .theme-dark .form-file-button.disabled {
-      color: #ffffff;
-      background-color: #3b475b;
-      border-color: rgba(95, 102, 110, 0.2); }
   .theme-dark .form-check-input:not(:checked),
   .theme-dark .form-select,
   .theme-dark .form-file-text,
@@ -11447,24 +12053,24 @@ Antialiasing
   .theme-dark .flatpickr-input.flatpickr-input,
   .theme-dark .form-selectgroup-check,
   .theme-dark .form-imagecheck-figure:before {
-    background-color: #2f3949;
-    color: #f5f7fb; }
+    background-color: #1f2936;
+    color: #f1f4f8; }
   .theme-dark .form-control-plaintext {
-    color: #f5f7fb; }
+    color: #f1f4f8; }
   .theme-dark .input-group-flat .input-group-text {
-    background-color: #2f3949; }
+    background-color: #1f2936; }
   .theme-dark .highlight {
-    background-color: #2f3949; }
+    background-color: #1f2936; }
   .theme-dark .avatar {
-    background-color: #3b475b; }
+    background-color: #273342; }
   .theme-dark .avatar-list-stacked .avatar {
-    box-shadow: 0 0 0 2px #354052; }
+    box-shadow: 0 0 0 2px #232e3c; }
   .theme-dark .markdown,
   .theme-dark .markdown > *,
-  .theme-dark .close {
+  .theme-dark .btn-close {
     color: inherit; }
   .theme-dark .apexcharts-text {
-    fill: #f5f7fb; }
+    fill: #f1f4f8; }
   .theme-dark .apexcharts-legend-text {
     color: inherit !important; }
   .theme-dark .navbar-brand-autodark {
@@ -11472,66 +12078,21 @@ Antialiasing
 
 @media not print and (prefers-color-scheme: dark) {
   .theme-dark-auto {
-    color: #f5f7fb;
-    background-color: #2f3949; }
+    color: #f1f4f8;
+    background-color: #1f2936; }
   .theme-dark-auto .card,
-  .theme-dark-auto .footer,
+  .theme-dark-auto .footer:not(.footer-transparent),
   .theme-dark-auto .modal-content,
   .theme-dark-auto .modal-header,
   .theme-dark-auto .dropdown-menu,
   .theme-dark-auto .flatpickr-calendar {
-    background-color: #354052;
+    background-color: #232e3c;
     color: inherit; }
   .theme-dark-auto .card {
     border-color: transparent; }
   .theme-dark-auto .btn-white,
   .theme-dark-auto .form-file-button {
-    color: #f5f7fb;
-    background-color: #3b475b;
-    border-color: rgba(95, 102, 110, 0.2);
     background-image: none; }
-    .theme-dark-auto .btn-white:hover,
-    .theme-dark-auto .form-file-button:hover {
-      color: #f5f7fb;
-      background-color: rgba(53, 64, 82, 0);
-      border-color: rgba(95, 102, 110, 0.2); }
-    .btn-check:focus + .theme-dark-auto .btn-white, .theme-dark-auto .btn-white:focus, .btn-check:focus +
-    .theme-dark-auto .form-file-button,
-    .theme-dark-auto .form-file-button:focus {
-      color: #f5f7fb;
-      background-color: rgba(53, 64, 82, 0);
-      border-color: rgba(95, 102, 110, 0.2);
-      box-shadow: 0 0 0 0.25rem rgba(187, 191, 197, 0.5); }
-    .btn-check:checked + .theme-dark-auto .btn-white,
-    .btn-check:active + .theme-dark-auto .btn-white, .theme-dark-auto .btn-white:active, .theme-dark-auto .btn-white.active,
-    .show > .theme-dark-auto .btn-white.dropdown-toggle, .btn-check:checked +
-    .theme-dark-auto .form-file-button,
-    .btn-check:active +
-    .theme-dark-auto .form-file-button,
-    .theme-dark-auto .form-file-button:active,
-    .theme-dark-auto .form-file-button.active,
-    .show >
-    .theme-dark-auto .form-file-button.dropdown-toggle {
-      color: #ffffff;
-      background-color: #4f5f7a;
-      border-color: rgba(107, 115, 124, 0.2); }
-      .btn-check:checked + .theme-dark-auto .btn-white:focus,
-      .btn-check:active + .theme-dark-auto .btn-white:focus, .theme-dark-auto .btn-white:active:focus, .theme-dark-auto .btn-white.active:focus,
-      .show > .theme-dark-auto .btn-white.dropdown-toggle:focus, .btn-check:checked +
-      .theme-dark-auto .form-file-button:focus,
-      .btn-check:active +
-      .theme-dark-auto .form-file-button:focus,
-      .theme-dark-auto .form-file-button:active:focus,
-      .theme-dark-auto .form-file-button.active:focus,
-      .show >
-      .theme-dark-auto .form-file-button.dropdown-toggle:focus {
-        box-shadow: 0 0 0 0.25rem rgba(187, 191, 197, 0.5); }
-    .theme-dark-auto .btn-white:disabled, .theme-dark-auto .btn-white.disabled,
-    .theme-dark-auto .form-file-button:disabled,
-    .theme-dark-auto .form-file-button.disabled {
-      color: #ffffff;
-      background-color: #3b475b;
-      border-color: rgba(95, 102, 110, 0.2); }
   .theme-dark-auto .form-check-input:not(:checked),
   .theme-dark-auto .form-select,
   .theme-dark-auto .form-file-text,
@@ -11540,24 +12101,24 @@ Antialiasing
   .theme-dark-auto .flatpickr-input.flatpickr-input,
   .theme-dark-auto .form-selectgroup-check,
   .theme-dark-auto .form-imagecheck-figure:before {
-    background-color: #2f3949;
-    color: #f5f7fb; }
+    background-color: #1f2936;
+    color: #f1f4f8; }
   .theme-dark-auto .form-control-plaintext {
-    color: #f5f7fb; }
+    color: #f1f4f8; }
   .theme-dark-auto .input-group-flat .input-group-text {
-    background-color: #2f3949; }
+    background-color: #1f2936; }
   .theme-dark-auto .highlight {
-    background-color: #2f3949; }
+    background-color: #1f2936; }
   .theme-dark-auto .avatar {
-    background-color: #3b475b; }
+    background-color: #273342; }
   .theme-dark-auto .avatar-list-stacked .avatar {
-    box-shadow: 0 0 0 2px #354052; }
+    box-shadow: 0 0 0 2px #232e3c; }
   .theme-dark-auto .markdown,
   .theme-dark-auto .markdown > *,
-  .theme-dark-auto .close {
+  .theme-dark-auto .btn-close {
     color: inherit; }
   .theme-dark-auto .apexcharts-text {
-    fill: #f5f7fb; }
+    fill: #f1f4f8; }
   .theme-dark-auto .apexcharts-legend-text {
     color: inherit !important; }
   .theme-dark-auto .navbar-brand-autodark {
diff --git a/dist/css/tabler.min.css b/dist/css/tabler.min.css
index d6514f0bc..1941cc486 100644
--- a/dist/css/tabler.min.css
+++ b/dist/css/tabler.min.css
@@ -1,9 +1,9 @@
 /*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
+* Tabler v1.0.0-alpha.9 (https://tabler.io)
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 */
-@charset "UTF-8";:root{--bs-blue:#206bc4;--bs-azure:#45aaf2;--bs-indigo:#6574cd;--bs-purple:#a55eea;--bs-pink:#f66d9b;--bs-red:#cd201f;--bs-orange:#ff922b;--bs-yellow:#fab005;--bs-lime:#94d82d;--bs-green:#5eba00;--bs-teal:#2bcbba;--bs-cyan:#17a2b8;--bs-gray:#a8aeb7;--bs-gray-dark:#545d6d;--bs-dark:#354052;--bs-primary:#206bc4;--bs-secondary:#5f666e;--bs-success:#5eba00;--bs-info:#45aaf2;--bs-warning:#fab005;--bs-danger:#cd201f;--bs-light:#f5f7fb;--bs-dark:#354052;--bs-font-sans-serif:false,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;--bs-font-monospace:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:var(--bs-font-sans-serif);font-size:.875rem;font-weight:400;line-height:1.71429;color:#212b36;background-color:#f5f7fb;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}.hr,hr{margin:2rem 0;color:inherit;background-color:currentColor;border:0;opacity:.1}.hr:not([size]),hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h1,h1{font-size:1.75rem}}.h2,h2{font-size:1.25rem}.h3,h3{font-size:1rem}.h4,h4{font-size:.875rem}.h5,h5{font-size:.75rem}.h6,h6{font-size:.625rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.75rem}.mark,mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#206bc4;text-decoration:none}a:hover{color:#154782}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.75rem;-ms-overflow-style:scrollbar}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.75rem;color:#206bc4;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.75rem;color:#fff;background-color:#354052;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:500}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#5f666e;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit;white-space:normal}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:.875rem;font-weight:400}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.75rem;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:.875rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.75rem;color:#a8aeb7}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#f5f7fb;border:1px solid #e9ecf1;border-radius:3px;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.75rem;color:#a8aeb7}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{--bs-gutter-x:0.75rem;width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-right:auto;margin-left:auto}@media (min-width:33rem){.container,.container-sm{max-width:32.5rem}}@media (min-width:48rem){.container,.container-md,.container-sm{max-width:47.5rem}}@media (min-width:64rem){.container,.container-lg,.container-md,.container-sm{max-width:64rem}}@media (min-width:75.25rem){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:75.25rem}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333%}.col-2{flex:0 0 auto;width:16.66667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333%}.col-5{flex:0 0 auto;width:41.66667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333%}.col-8{flex:0 0 auto;width:66.66667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333%}.col-11{flex:0 0 auto;width:91.66667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}.g-6,.gx-6{--bs-gutter-x:4.5rem}.g-6,.gy-6{--bs-gutter-y:4.5rem}@media (min-width:33rem){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333%}.col-sm-2{flex:0 0 auto;width:16.66667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333%}.col-sm-5{flex:0 0 auto;width:41.66667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333%}.col-sm-8{flex:0 0 auto;width:66.66667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333%}.col-sm-11{flex:0 0 auto;width:91.66667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}.g-sm-6,.gx-sm-6{--bs-gutter-x:4.5rem}.g-sm-6,.gy-sm-6{--bs-gutter-y:4.5rem}}@media (min-width:48rem){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333%}.col-md-2{flex:0 0 auto;width:16.66667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333%}.col-md-5{flex:0 0 auto;width:41.66667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333%}.col-md-8{flex:0 0 auto;width:66.66667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333%}.col-md-11{flex:0 0 auto;width:91.66667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}.g-md-6,.gx-md-6{--bs-gutter-x:4.5rem}.g-md-6,.gy-md-6{--bs-gutter-y:4.5rem}}@media (min-width:64rem){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333%}.col-lg-2{flex:0 0 auto;width:16.66667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333%}.col-lg-5{flex:0 0 auto;width:41.66667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333%}.col-lg-8{flex:0 0 auto;width:66.66667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333%}.col-lg-11{flex:0 0 auto;width:91.66667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}.g-lg-6,.gx-lg-6{--bs-gutter-x:4.5rem}.g-lg-6,.gy-lg-6{--bs-gutter-y:4.5rem}}@media (min-width:75.25rem){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333%}.col-xl-2{flex:0 0 auto;width:16.66667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333%}.col-xl-5{flex:0 0 auto;width:41.66667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333%}.col-xl-8{flex:0 0 auto;width:66.66667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333%}.col-xl-11{flex:0 0 auto;width:91.66667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.66667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333%}.offset-xl-5{margin-left:41.66667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333%}.offset-xl-8{margin-left:66.66667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333%}.offset-xl-11{margin-left:91.66667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}.g-xl-6,.gx-xl-6{--bs-gutter-x:4.5rem}.g-xl-6,.gy-xl-6{--bs-gutter-y:4.5rem}}.markdown>table,.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212b36;--bs-table-striped-bg:rgba(53, 64, 82, 0.024);--bs-table-active-color:#212b36;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212b36;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212b36;vertical-align:top;border-color:rgba(95,102,110,.2)}.markdown>table>:not(caption)>*>*,.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);background-image:linear-gradient(var(--bs-table-accent-bg),var(--bs-table-accent-bg));border-bottom-width:1px}.markdown>table>tbody,.table>tbody{vertical-align:inherit}.markdown>table>thead,.table>thead{vertical-align:bottom}.markdown>table>:not(:last-child)>:last-child>*,.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.markdown>table>:not(caption)>*,.table-bordered>:not(caption)>*{border-width:1px 0}.markdown>table>:not(caption)>*>*,.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-striped>tbody>tr:nth-of-type(even){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-bg:#e9f0f9;--bs-table-striped-bg:#dde4ed;--bs-table-striped-color:#000000;--bs-table-active-bg:#d2d8e0;--bs-table-active-color:#000000;--bs-table-hover-bg:#d8dee6;--bs-table-hover-color:#000000;color:#000;border-color:#d2d8e0}.table-secondary{--bs-table-bg:#eff0f1;--bs-table-striped-bg:#e3e4e5;--bs-table-striped-color:#000000;--bs-table-active-bg:#d7d8d9;--bs-table-active-color:#000000;--bs-table-hover-bg:#dddedf;--bs-table-hover-color:#000000;color:#000;border-color:#d7d8d9}.table-success{--bs-table-bg:#eff8e6;--bs-table-striped-bg:#e3ecdb;--bs-table-striped-color:#000000;--bs-table-active-bg:#d7dfcf;--bs-table-active-color:#000000;--bs-table-hover-bg:#dde5d5;--bs-table-hover-color:#000000;color:#000;border-color:#d7dfcf}.table-info{--bs-table-bg:#ecf7fe;--bs-table-striped-bg:#e0ebf1;--bs-table-striped-color:#000000;--bs-table-active-bg:#d4dee5;--bs-table-active-color:#000000;--bs-table-hover-bg:#dae4eb;--bs-table-hover-color:#000000;color:#000;border-color:#d4dee5}.table-warning{--bs-table-bg:#fff7e6;--bs-table-striped-bg:#f2ebdb;--bs-table-striped-color:#000000;--bs-table-active-bg:#e6decf;--bs-table-active-color:#000000;--bs-table-hover-bg:#ece4d5;--bs-table-hover-color:#000000;color:#000;border-color:#e6decf}.table-danger{--bs-table-bg:#fae9e9;--bs-table-striped-bg:#eedddd;--bs-table-striped-color:#000000;--bs-table-active-bg:#e1d2d2;--bs-table-active-color:#000000;--bs-table-hover-bg:#e7d8d8;--bs-table-hover-color:#000000;color:#000;border-color:#e1d2d2}.table-light{--bs-table-bg:#f5f7fb;--bs-table-striped-bg:#e9ebee;--bs-table-striped-color:#000000;--bs-table-active-bg:#dddee2;--bs-table-active-color:#000000;--bs-table-hover-bg:#e3e4e8;--bs-table-hover-color:#000000;color:#000;border-color:#dddee2}.table-dark{--bs-table-bg:#354052;--bs-table-striped-bg:#3f4a5b;--bs-table-striped-color:#ffffff;--bs-table-active-bg:#495363;--bs-table-active-color:#ffffff;--bs-table-hover-bg:#444e5f;--bs-table-hover-color:#ffffff;color:#fff;border-color:#495363}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:32.98rem){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:47.98rem){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:63.98rem){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:75.23rem){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.4375rem + 1px);padding-bottom:calc(.4375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.42857}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem}.col-form-label-sm{padding-top:calc(.125rem + 1px);padding-bottom:calc(.125rem + 1px);font-size:.75rem}.form-text{margin-top:.25rem;font-size:.75rem;color:#5f666e}.form-control{display:block;width:100%;min-height:calc(1.42857em + .875rem + 2px);padding:.4375rem .75rem;font-size:.875rem;font-weight:400;line-height:1.42857;color:#212b36;background-color:#fff;background-clip:padding-box;border:1px solid rgba(95,102,110,.2);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control:focus{color:inherit;background-color:#fff;border-color:#7aade9;outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-control::-webkit-input-placeholder{color:#5f666e;opacity:1}.form-control::-moz-placeholder{color:#5f666e;opacity:1}.form-control:-ms-input-placeholder{color:#5f666e;opacity:1}.form-control::-ms-input-placeholder{color:#5f666e;opacity:1}.form-control::placeholder{color:#5f666e;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#f5f7fb;opacity:1}.form-control-plaintext{display:block;width:100%;padding:.4375rem 0;margin-bottom:0;line-height:1.42857;color:#212b36;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.42857em + .25rem + 2px);padding:.125rem .5rem;font-size:.75rem;border-radius:.2rem}.form-control-lg{min-height:calc(1.42857em + 1rem + 2px);padding:.5rem 1.5rem;font-size:1.25rem;border-radius:.3rem}.form-control-color{max-width:3rem;padding:.4375rem}.form-control-color::-moz-color-swatch{border-radius:3px}.form-control-color::-webkit-color-swatch{border-radius:3px}.form-select{display:block;width:100%;height:calc(1.42857em + .875rem + 2px);padding:.4375rem 1.75rem .4375rem .75rem;font-size:.875rem;font-weight:400;line-height:1.42857;color:#212b36;vertical-align:middle;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2895, 102, 110, 0.44%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid rgba(95,102,110,.2);border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-select:focus::-ms-value{color:#212b36;background-color:#fff}.form-select[multiple],.form-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.form-select:disabled{color:#a8aeb7;background-color:#f1f3f8}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212b36}.form-select-sm{height:calc(1.42857em + .25rem + 2px);padding-top:.125rem;padding-bottom:.125rem;padding-left:.5rem;font-size:.75rem}.form-select-lg{height:calc(1.42857em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;font-size:1.25rem}.form-check{display:block;min-height:1.5rem;padding-left:1.5rem;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5rem}.form-check-input{width:1rem;height:1rem;margin-top:.35714rem;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(95,102,110,.2);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;transition:background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-check-input{transition:none}}.form-check-input[type=checkbox]{border-radius:3px}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-check-input:checked{background-color:#206bc4;border-color:rgba(95,102,110,.2)}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#206bc4;border-color:#206bc4;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-switch{padding-left:2.25rem}.form-switch .form-check-input{width:1.75rem;margin-left:-2.25rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2895, 102, 110, 0.2%29'/%3e%3c/svg%3e");background-position:left center;border-radius:1.75rem}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%237aade9'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e")}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.form-file{--bs-form-file-height:calc(1.42857em + 0.875rem + 2px);position:relative}.form-file-input{position:relative;z-index:2;width:100%;height:var(--bs-form-file-height);margin:0;opacity:0}.form-file-input:focus-within~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-file-input:disabled~.form-file-label .form-file-text,.form-file-input[disabled]~.form-file-label .form-file-text{background-color:#f5f7fb}.form-file-label{position:absolute;top:0;right:0;left:0;z-index:1;display:flex;height:var(--bs-form-file-height);border-color:rgba(95,102,110,.2);border-radius:3px}.form-file-text{display:block;flex-grow:1;padding:.4375rem .75rem;overflow:hidden;font-weight:400;line-height:1.42857;color:#212b36;text-overflow:ellipsis;white-space:nowrap;background-color:#fff;border-color:inherit;border-style:solid;border-width:1px;border-top-left-radius:inherit;border-bottom-left-radius:inherit}.form-file-button{display:block;flex-shrink:0;padding:.4375rem .75rem;margin-left:-1px;line-height:1.42857;color:#212b36;background-color:rgba(53,64,82,.024);border-color:inherit;border-style:solid;border-width:1px;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.form-file-sm{--bs-form-file-height:calc(1.42857em + 0.25rem + 2px);font-size:.75rem}.form-file-sm .form-file-button,.form-file-sm .form-file-text{padding:.125rem .5rem}.form-file-lg{--bs-form-file-height:calc(1.42857em + 1rem + 2px);font-size:1.25rem}.form-file-lg .form-file-button,.form-file-lg .form-file-text{padding:.5rem 1.5rem}.form-range{width:100%;height:1.25rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .25rem rgba(32,107,196,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .25rem rgba(32,107,196,.25)}.form-range:focus::-ms-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .25rem rgba(32,107,196,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.375rem;background-color:#206bc4;border:2px solid #fff;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#a6c8f0}.form-range::-webkit-slider-runnable-track{width:100%;height:.25rem;color:transparent;cursor:pointer;background-color:rgba(176,181,190,.24);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#206bc4;border:2px solid #fff;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#a6c8f0}.form-range::-moz-range-track{width:100%;height:.25rem;color:transparent;cursor:pointer;background-color:rgba(176,181,190,.24);border-color:transparent;border-radius:1rem}.form-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.125rem;margin-left:.125rem;background-color:#206bc4;border:2px solid #fff;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-ms-thumb{-ms-transition:none;transition:none}}.form-range::-ms-thumb:active{background-color:#a6c8f0}.form-range::-ms-track{width:100%;height:.25rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.form-range::-ms-fill-lower{background-color:rgba(176,181,190,.24);border-radius:1rem}.form-range::-ms-fill-upper{margin-right:15px;background-color:rgba(176,181,190,.24);border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#cbcfd6}.form-range:disabled::-moz-range-thumb{background-color:#cbcfd6}.form-range:disabled::-ms-thumb{background-color:#cbcfd6}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-file,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-file .form-file-input:focus~.form-file-label,.input-group>.form-select:focus{z-index:3}.input-group>.form-file>.form-file-input:focus{z-index:4}.input-group>.form-file:not(:last-child)>.form-file-label{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.form-file:not(:first-child)>.form-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{display:flex;align-items:center;padding:.4375rem .75rem;font-size:.875rem;font-weight:400;line-height:1.42857;color:#5f666e;text-align:center;white-space:nowrap;background-color:rgba(53,64,82,.024);border:1px solid rgba(95,102,110,.2);border-radius:3px}.input-group-lg>.form-control{min-height:calc(1.42857em + 1rem + 2px)}.input-group-lg>.form-select{height:calc(1.42857em + 1rem + 2px)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1.5rem;font-size:1.25rem;border-radius:.3rem}.input-group-sm>.form-control{min-height:calc(1.42857em + .25rem + 2px)}.input-group-sm>.form-select{height:calc(1.42857em + .25rem + 2px)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.125rem .5rem;font-size:.75rem;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:1.75rem}.input-group>.dropdown-toggle:nth-last-child(n+3),.input-group>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.75rem;color:#5eba00}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.76562rem;color:#fff;background-color:rgba(94,186,0,.9);border-radius:3px}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#5eba00;padding-right:calc(1.42857em + .875rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.35714em + .21875rem) center;background-size:calc(.71429em + .4375rem) calc(.71429em + .4375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .25rem rgba(94,186,0,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.42857em + .875rem);background-position:top calc(.35714em + .21875rem) right calc(.35714em + .21875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#5eba00;padding-right:calc(.75em + 2.40625rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2895, 102, 110, 0.44%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .75rem center,center right 1.75rem;background-size:16px 12px,calc(.71429em + .4375rem) calc(.71429em + .4375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .25rem rgba(94,186,0,.25)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#5eba00}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#5eba00}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(94,186,0,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#5eba00}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.form-file-input.is-valid~.form-file-label,.was-validated .form-file-input:valid~.form-file-label{border-color:#5eba00}.form-file-input.is-valid:focus~.form-file-label,.was-validated .form-file-input:valid:focus~.form-file-label{border-color:#5eba00;box-shadow:0 0 0 .25rem rgba(94,186,0,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.75rem;color:#cd201f}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.76562rem;color:#fff;background-color:rgba(205,32,31,.9);border-radius:3px}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#cd201f;padding-right:calc(1.42857em + .875rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cd201f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.35714em + .21875rem) center;background-size:calc(.71429em + .4375rem) calc(.71429em + .4375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#cd201f;box-shadow:0 0 0 .25rem rgba(205,32,31,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.42857em + .875rem);background-position:top calc(.35714em + .21875rem) right calc(.35714em + .21875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#cd201f;padding-right:calc(.75em + 2.40625rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2895, 102, 110, 0.44%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cd201f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");background-position:right .75rem center,center right 1.75rem;background-size:16px 12px,calc(.71429em + .4375rem) calc(.71429em + .4375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#cd201f;box-shadow:0 0 0 .25rem rgba(205,32,31,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#cd201f}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#cd201f}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(205,32,31,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#cd201f}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.form-file-input.is-invalid~.form-file-label,.was-validated .form-file-input:invalid~.form-file-label{border-color:#cd201f}.form-file-input.is-invalid:focus~.form-file-label,.was-validated .form-file-input:invalid:focus~.form-file-label{border-color:#cd201f;box-shadow:0 0 0 .25rem rgba(205,32,31,.25)}.btn{display:inline-block;font-weight:500;line-height:1.42857;color:#212b36;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.4375rem 1rem;font-size:.875rem;border-radius:3px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212b36}.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.btn-primary{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-primary:hover{color:#fff;background-color:#1b59a3;border-color:#195398}.btn-check:focus+.btn-primary,.btn-primary:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .25rem rgba(65,129,205,.5)}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(65,129,205,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-secondary{color:#fff;background-color:#5f666e;border-color:#5f666e}.btn-secondary:hover{color:#fff;background-color:#4d5359;border-color:#474d53}.btn-check:focus+.btn-secondary,.btn-secondary:focus{color:#fff;background-color:#4d5359;border-color:#474d53;box-shadow:0 0 0 .25rem rgba(119,125,132,.5)}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#474d53;border-color:#41464c}.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(119,125,132,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#5f666e;border-color:#5f666e}.btn-success{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-success:hover{color:#fff;background-color:#4b9400;border-color:#448700}.btn-check:focus+.btn-success,.btn-success:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .25rem rgba(118,196,38,.5)}.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(118,196,38,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-info{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-info:hover{color:#fff;background-color:#219af0;border-color:#1594ef}.btn-check:focus+.btn-info,.btn-info:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .25rem rgba(97,183,244,.5)}.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(97,183,244,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-warning{color:#fff;background-color:#fab005;border-color:#fab005}.btn-warning:hover{color:#fff;background-color:#d59604;border-color:#c88d04}.btn-check:focus+.btn-warning,.btn-warning:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .25rem rgba(251,188,43,.5)}.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(251,188,43,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#fff;background-color:#fab005;border-color:#fab005}.btn-danger{color:#fff;background-color:#cd201f;border-color:#cd201f}.btn-danger:hover{color:#fff;background-color:#ac1b1a;border-color:#a11918}.btn-check:focus+.btn-danger,.btn-danger:focus{color:#fff;background-color:#ac1b1a;border-color:#a11918;box-shadow:0 0 0 .25rem rgba(213,65,65,.5)}.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#a11918;border-color:#961717}.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(213,65,65,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#cd201f;border-color:#cd201f}.btn-light{color:#000;background-color:#f5f7fb;border-color:#f5f7fb}.btn-light:hover{color:#000;background-color:#fff;border-color:#fff}.btn-check:focus+.btn-light,.btn-light:focus{color:#000;background-color:#fff;border-color:#fff;box-shadow:0 0 0 .25rem rgba(208,210,213,.5)}.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#000;background-color:#fff;border-color:#fff}.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(208,210,213,.5)}.btn-light.disabled,.btn-light:disabled{color:#000;background-color:#f5f7fb;border-color:#f5f7fb}.btn-dark{color:#fff;background-color:#354052;border-color:#354052}.btn-dark:hover{color:#fff;background-color:#262e3b;border-color:#212833}.btn-check:focus+.btn-dark,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .25rem rgba(83,93,108,.5)}.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(83,93,108,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-primary{color:#206bc4;border-color:#206bc4}.btn-outline-primary:hover{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgba(32,107,196,.5)}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .25rem rgba(32,107,196,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#206bc4;background-color:transparent}.btn-outline-secondary{color:#5f666e;border-color:#5f666e}.btn-outline-secondary:hover{color:#fff;background-color:#5f666e;border-color:#5f666e}.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus{box-shadow:0 0 0 .25rem rgba(95,102,110,.5)}.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active{color:#fff;background-color:#5f666e;border-color:#5f666e}.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus{box-shadow:0 0 0 .25rem rgba(95,102,110,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#5f666e;background-color:transparent}.btn-outline-success{color:#5eba00;border-color:#5eba00}.btn-outline-success:hover{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-check:focus+.btn-outline-success,.btn-outline-success:focus{box-shadow:0 0 0 .25rem rgba(94,186,0,.5)}.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus{box-shadow:0 0 0 .25rem rgba(94,186,0,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#5eba00;background-color:transparent}.btn-outline-info{color:#45aaf2;border-color:#45aaf2}.btn-outline-info:hover{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-check:focus+.btn-outline-info,.btn-outline-info:focus{box-shadow:0 0 0 .25rem rgba(69,170,242,.5)}.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus{box-shadow:0 0 0 .25rem rgba(69,170,242,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#45aaf2;background-color:transparent}.btn-outline-warning{color:#fab005;border-color:#fab005}.btn-outline-warning:hover{color:#fff;background-color:#fab005;border-color:#fab005}.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus{box-shadow:0 0 0 .25rem rgba(250,176,5,.5)}.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active{color:#fff;background-color:#fab005;border-color:#fab005}.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus{box-shadow:0 0 0 .25rem rgba(250,176,5,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#fab005;background-color:transparent}.btn-outline-danger{color:#cd201f;border-color:#cd201f}.btn-outline-danger:hover{color:#fff;background-color:#cd201f;border-color:#cd201f}.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus{box-shadow:0 0 0 .25rem rgba(205,32,31,.5)}.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active{color:#fff;background-color:#cd201f;border-color:#cd201f}.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus{box-shadow:0 0 0 .25rem rgba(205,32,31,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#cd201f;background-color:transparent}.btn-outline-light{color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light:hover{color:#000;background-color:#f5f7fb;border-color:#f5f7fb}.btn-check:focus+.btn-outline-light,.btn-outline-light:focus{box-shadow:0 0 0 .25rem rgba(245,247,251,.5)}.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active{color:#000;background-color:#f5f7fb;border-color:#f5f7fb}.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus{box-shadow:0 0 0 .25rem rgba(245,247,251,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f5f7fb;background-color:transparent}.btn-outline-dark{color:#354052;border-color:#354052}.btn-outline-dark:hover{color:#fff;background-color:#354052;border-color:#354052}.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{box-shadow:0 0 0 .25rem rgba(53,64,82,.5)}.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active{color:#fff;background-color:#354052;border-color:#354052}.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus{box-shadow:0 0 0 .25rem rgba(53,64,82,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#354052;background-color:transparent}.btn-link{font-weight:400;color:#206bc4;text-decoration:none}.btn-link:hover{color:#154782}.btn-link.disabled,.btn-link:disabled{color:#a8aeb7}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1.5rem;font-size:1.25rem;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.125rem .5rem;font-size:.75rem;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px solid;border-left:1px solid;margin-right:.1em;margin-left:.4em;transform:rotate(-45deg)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:14rem;padding:.5rem 0;margin:1px 0 0;font-size:.875rem;color:#212b36;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(95,102,110,.2);border-radius:3px}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:33rem){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:48rem){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:64rem){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:75.25rem){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:1px}.dropup .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px solid;border-left:1px solid;margin-right:.1em;margin-left:.4em;transform:rotate(135deg)}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:1px}.dropright .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px solid;border-left:1px solid;margin-right:.1em;margin-left:.4em;transform:rotate(-135deg)}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:1px}.dropleft .dropdown-toggle:before{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px solid;border-left:1px solid;margin-right:.1em;margin-right:.4em;transform:rotate(45deg)}.dropleft .dropdown-toggle:after{content:none}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid rgba(95,102,110,.2)}.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#354052;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:inherit;background-color:rgba(95,102,110,.06)}.dropdown-item.active,.dropdown-item:active{color:#206bc4;text-decoration:none;background-color:rgba(32,107,196,.06)}.dropdown-item.disabled,.dropdown-item:disabled{color:#a8aeb7;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.76562rem;color:#a8aeb7;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#354052}.dropdown-menu-dark{color:#e9ecf1;background-color:#545d6d;border-color:rgba(95,102,110,.2)}.dropdown-menu-dark .dropdown-item{color:#e9ecf1}.dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover{color:#fff;background-color:rgba(255,255,255,.15)}.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{color:#206bc4;background-color:rgba(32,107,196,.06)}.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{color:#cbcfd6}.dropdown-menu-dark .dropdown-divider{border-color:rgba(95,102,110,.2)}.dropdown-menu-dark .dropdown-item-text{color:#e9ecf1}.dropdown-menu-dark .dropdown-header{color:#cbcfd6}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:1.125rem;padding-left:1.125rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.25rem .75rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link.disabled{color:#a8aeb7;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #e9ecf1}.nav-tabs .nav-link{margin-bottom:-1px;border:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#f1f3f8 #f1f3f8 #e9ecf1}.nav-tabs .nav-link.disabled{color:#a8aeb7;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#7a828f;background-color:#f5f7fb;border-color:#e9ecf1 #e9ecf1 #f5f7fb}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:3px}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#206bc4}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.25rem;padding-bottom:.25rem}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.25rem;padding-bottom:.25rem;margin-right:0;font-size:1rem;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.25rem;padding-bottom:.25rem}.navbar-collapse{align-items:center;width:100%}.navbar-toggler{padding:0 0;font-size:1rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:3px;transition:box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}@media (min-width:33rem){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand-sm .navbar-collapse{display:flex!important}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:48rem){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand-md .navbar-collapse{display:flex!important}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:64rem){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand-lg .navbar-collapse{display:flex!important}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:75.25rem){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand-xl .navbar-collapse{display:flex!important}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand .navbar-collapse{display:flex!important}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:#212b36}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:#212b36}.navbar-light .navbar-nav .nav-link{color:rgba(33,43,54,.72)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(33,43,54,.3)}.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:#212b36}.navbar-light .navbar-toggler{color:rgba(33,43,54,.72);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 43, 54, 0.72%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(33,43,54,.72)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:#212b36}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.72)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.3)}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.72);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.72%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.72)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(95,102,110,.2);border-radius:3px}.card>.hr,.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:2px;border-top-right-radius:2px}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:1rem 1rem}.card-title{margin-bottom:.5rem}.card-subtitle{margin-top:-.25rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(53,64,82,.024);border-bottom:1px solid rgba(95,102,110,.2)}.card-header:first-child{border-radius:2px 2px 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(53,64,82,.024);border-top:1px solid rgba(95,102,110,.2)}.card-footer:last-child{border-radius:0 0 2px 2px}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-tabs .nav-link.active{background-color:#fff;border-bottom-color:#fff}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;border-radius:2px}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:2px;border-top-right-radius:2px}.card-img,.card-img-bottom{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.card-group>.card{margin-bottom:1.5rem}@media (min-width:33rem){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:flex;flex-wrap:wrap;padding:.5rem 1rem;margin-bottom:1rem;list-style:none;background-color:#f1f3f8;border-radius:3px}.breadcrumb-item{display:flex}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#a8aeb7;content:"/"}.breadcrumb-item.active{color:#a8aeb7}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#5f666e;background-color:transparent;border:0 solid #e9ecf1;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:#154782;background-color:#f1f3f8;border-color:#e9ecf1}.page-link:focus{z-index:3;color:#154782;background-color:#f1f3f8;outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.page-item:not(:first-child) .page-link{margin-left:0}.page-item.active .page-link{z-index:3;color:#fff;background-color:#206bc4;border-color:#206bc4}.page-item.disabled .page-link{color:rgba(95,102,110,.5);pointer-events:none;background-color:transparent;border-color:#e9ecf1}.page-link{padding:.25rem .25rem}.page-item:first-child .page-link{border-top-left-radius:3px;border-bottom-left-radius:3px}.page-item:last-child .page-link{border-top-right-radius:3px;border-bottom-right-radius:3px}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.09375rem}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.76562rem}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:500;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:3px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:3px}.alert-heading{color:inherit}.alert-link{font-weight:500}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;padding:1.25rem 1rem}.alert-primary{color:#061527;background-color:#d2e1f3;border-color:#a6c4e7}.alert-primary .alert-link{color:#000}.alert-secondary{color:#131416;background-color:#dfe0e2;border-color:#bfc2c5}.alert-secondary .alert-link{color:#000}.alert-success{color:#132500;background-color:#dff1cc;border-color:#bfe399}.alert-success .alert-link{color:#000}.alert-info{color:#0e2230;background-color:#daeefc;border-color:#b5ddfa}.alert-info .alert-link{color:#020609}.alert-warning{color:#322301;background-color:#feefcd;border-color:#fddf9b}.alert-warning .alert-link{color:#000}.alert-danger{color:#290606;background-color:#f5d2d2;border-color:#eba6a5}.alert-danger .alert-link{color:#000}.alert-light{color:#313132;background-color:#fdfdfe;border-color:#fbfcfd}.alert-light .alert-link{color:#181818}.alert-dark{color:#0b0d10;background-color:#d7d9dc;border-color:#aeb3ba}.alert-dark .alert-link{color:#000}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:.5rem}}@keyframes progress-bar-stripes{0%{background-position-x:.5rem}}.progress{display:flex;height:.5rem;overflow:hidden;font-size:.65625rem;background-color:rgba(176,181,190,.24);border-radius:3px}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#206bc4;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:.5rem .5rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:3px}.list-group-item-action{width:100%;color:inherit;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:inherit;text-decoration:none;background-color:#f5f7fb}.list-group-item-action:active{color:#212b36;background-color:#f1f3f8}.list-group-item{position:relative;display:block;padding:.5rem .75rem;background-color:inherit;border:1px solid rgba(95,102,110,.2)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#a8aeb7;pointer-events:none;background-color:inherit}.list-group-item.active{z-index:2;color:#fff;background-color:#206bc4;border-color:#206bc4}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:33rem){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:48rem){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:64rem){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:75.25rem){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#0d2b4e;background-color:#e9f0f9}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#0d2b4e;background-color:#d5e2f4}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#0d2b4e;border-color:#0d2b4e}.list-group-item-secondary{color:#26292c;background-color:#eff0f1}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#26292c;background-color:#e1e3e5}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#26292c;border-color:#26292c}.list-group-item-success{color:#264a00;background-color:#eff8e6}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#264a00;background-color:#e2f2d2}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#264a00;border-color:#264a00}.list-group-item-info{color:#1c4461;background-color:#ecf7fe}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#1c4461;background-color:#d4edfd}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#1c4461;border-color:#1c4461}.list-group-item-warning{color:#644602;background-color:#fff7e6}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#644602;background-color:#ffefcd}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#644602;border-color:#644602}.list-group-item-danger{color:#520d0c;background-color:#fae9e9}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#520d0c;background-color:#f5d4d4}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#520d0c;border-color:#520d0c}.list-group-item-light{color:#626364;background-color:#fefeff}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#626364;background-color:#e5e5ff}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#626364;border-color:#626364}.list-group-item-dark{color:#151a21;background-color:#ebecee}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#151a21;background-color:#dddfe2}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#151a21;border-color:#151a21}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") no-repeat center center/1em auto;background-clip:content-box;border:0;border-radius:3px;opacity:.5}.btn-close:hover{color:#000;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25);opacity:1}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{max-width:350px;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(95,102,110,.2);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);opacity:0;border-radius:3px}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:flex;align-items:center;padding:.5rem .75rem;color:#5f666e;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:2px;border-top-right-radius:2px}.toast-header .btn-close{margin-right:-.375rem;margin-left:.75rem}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-1rem)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fbfbfb;background-clip:padding-box;border:1px solid rgba(95,102,110,.1);border-radius:3px;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#354052}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.24}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(95,102,110,.1);border-top-left-radius:2px;border-top-right-radius:2px}.modal-header .btn-close{padding:.75rem .75rem;margin:-.75rem -.75rem -.75rem auto}.modal-title{margin-bottom:0;line-height:1.71429}.modal-body{position:relative;flex:1 1 auto;padding:1.5rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:1.125rem;border-top:0 solid rgba(95,102,110,.1);border-bottom-right-radius:2px;border-bottom-left-radius:2px}.modal-footer>*{margin:.375rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:33rem){.modal-dialog{max-width:540px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:380px}}@media (min-width:64rem){.modal-lg,.modal-xl{max-width:720px}}@media (min-width:75.25rem){.modal-xl{max-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}@media (max-width:32.98rem){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@media (max-width:47.98rem){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@media (max-width:63.98rem){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@media (max-width:75.23rem){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.71429;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.76562rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .tooltip-arrow,.bs-tooltip-right .tooltip-arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .tooltip-arrow::before,.bs-tooltip-right .tooltip-arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .tooltip-arrow,.bs-tooltip-left .tooltip-arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .tooltip-arrow::before,.bs-tooltip-left .tooltip-arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:3px}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.71429;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.76562rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(95,102,110,.2);border-radius:.3rem}.popover .popover-arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(95,102,110,.25)}.bs-popover-auto[x-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.popover-arrow,.bs-popover-right>.popover-arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.popover-arrow::before,.bs-popover-right>.popover-arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(95,102,110,.25)}.bs-popover-auto[x-placement^=right]>.popover-arrow::after,.bs-popover-right>.popover-arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(95,102,110,.25)}.bs-popover-auto[x-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.popover-arrow,.bs-popover-left>.popover-arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.popover-arrow::before,.bs-popover-left>.popover-arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(95,102,110,.25)}.bs-popover-auto[x-placement^=left]>.popover-arrow::after,.bs-popover-left>.popover-arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:1rem 1rem;color:#212b36}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:1.5rem;height:1.5rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators li{background-color:#000}.carousel-dark .carousel-caption{color:#000}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:1.5rem;height:1.5rem;vertical-align:text-bottom;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:1px}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:1.5rem;height:1.5rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.clearfix::after{display:block;clear:both;content:""}.link-primary{color:#206bc4}.link-primary:focus,.link-primary:hover{color:#154782}.link-secondary{color:#5f666e}.link-secondary:focus,.link-secondary:hover{color:#3c4045}.link-success{color:#5eba00}.link-success:focus,.link-success:hover{color:#376e00}.link-info{color:#45aaf2}.link-info:focus,.link-info:hover{color:#0f86db}.link-warning{color:#fab005}.link-warning:focus,.link-warning:hover{color:#af7b04}.link-danger{color:#cd201f}.link-danger:focus,.link-danger:hover{color:#8b1615}.link-light{color:#f5f7fb}.link-light:focus,.link-light:hover{color:#fff}.link-dark{color:#354052}.link-dark:focus,.link-dark:hover{color:#171c24}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--aspect-ratio:100%}.ratio-4x3{--aspect-ratio:calc(3 / 4 * 100%)}.ratio-16x9{--aspect-ratio:calc(9 / 16 * 100%)}.ratio-21x9{--aspect-ratio:calc(9 / 21 * 100%)}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}@media (min-width:33rem){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:48rem){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:64rem){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:75.25rem){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.visually-hidden,.visually-hidden-focusable:not(:focus){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.left-0{left:0!important}.left-50{left:50%!important}.left-100{left:100%!important}.right-0{right:0!important}.right-50{right:50%!important}.right-100{right:100%!important}.translate-middle{transform:translateX(-50%) translateY(-50%)!important}.border{border:1px solid rgba(95,102,110,.2)!important}.border-wide{border:2px solid rgba(95,102,110,.2)!important}.border-0{border:0!important}.border-top{border-top:1px solid rgba(95,102,110,.2)!important}.border-top-wide{border-top:2px solid rgba(95,102,110,.2)!important}.border-top-0{border-top:0!important}.border-right{border-right:1px solid rgba(95,102,110,.2)!important}.border-right-wide{border-right:2px solid rgba(95,102,110,.2)!important}.border-right-0{border-right:0!important}.border-bottom{border-bottom:1px solid rgba(95,102,110,.2)!important}.border-bottom-wide{border-bottom:2px solid rgba(95,102,110,.2)!important}.border-bottom-0{border-bottom:0!important}.border-left{border-left:1px solid rgba(95,102,110,.2)!important}.border-left-wide{border-left:2px solid rgba(95,102,110,.2)!important}.border-left-0{border-left:0!important}.border-primary{border-color:#206bc4!important}.border-secondary{border-color:#5f666e!important}.border-success{border-color:#5eba00!important}.border-info{border-color:#45aaf2!important}.border-warning{border-color:#fab005!important}.border-danger{border-color:#cd201f!important}.border-light{border-color:#f5f7fb!important}.border-dark{border-color:#354052!important}.border-white{border-color:#fff!important}.border-0{border-width:0!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.w-1{width:1%!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-1{height:1%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-6{margin:4.5rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-6{margin-top:4.5rem!important}.mt-auto{margin-top:auto!important}.mr-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-4{-webkit-margin-end:1.5rem!important;margin-inline-end:1.5rem!important}.mr-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-6{margin-bottom:4.5rem!important}.mb-auto{margin-bottom:auto!important}.ml-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-4{-webkit-margin-start:1.5rem!important;margin-inline-start:1.5rem!important}.ml-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.p-6{padding:4.5rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.px-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pt-6{padding-top:4.5rem!important}.pr-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-4{-webkit-padding-end:1.5rem!important;padding-inline-end:1.5rem!important}.pr-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.pb-6{padding-bottom:4.5rem!important}.pl-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-4{-webkit-padding-start:1.5rem!important;padding-inline-start:1.5rem!important}.pl-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-medium{font-weight:500!important}.font-weight-semibold{font-weight:600!important}.font-weight-bold{font-weight:700!important}.font-weight-extrabold{font-weight:800!important}.font-weight-black{font-weight:900!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-left{text-align:start!important}.text-right{text-align:end!important}.text-center{text-align:center!important}.text-primary{color:#206bc4!important}.text-secondary{color:#5f666e!important}.text-success{color:#5eba00!important}.text-info{color:#45aaf2!important}.text-warning{color:#fab005!important}.text-danger{color:#cd201f!important}.text-light{color:#f5f7fb!important}.text-dark{color:#354052!important}.text-white{color:#fff!important}.text-body{color:#212b36!important}.text-muted{color:#5f666e!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-reset{color:inherit!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.42857!important}.lh-base{line-height:1.71429!important}.lh-lg{line-height:2.28571!important}.bg-primary{background-color:#206bc4!important}.bg-secondary{background-color:#5f666e!important}.bg-success{background-color:#5eba00!important}.bg-info{background-color:#45aaf2!important}.bg-warning{background-color:#fab005!important}.bg-danger{background-color:#cd201f!important}.bg-light{background-color:#f5f7fb!important}.bg-dark{background-color:#354052!important}.bg-body{background-color:#f5f7fb!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.bg-gradient{background-image:var(--bs-gradient)!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.font-italic{font-style:italic!important}.font-normal{font-style:normal!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;-ms-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:3px!important}.rounded-sm{border-radius:.2rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.rounded-top{border-top-left-radius:3px!important;border-top-right-radius:3px!important}.rounded-right{border-top-right-radius:3px!important;border-bottom-right-radius:3px!important}.rounded-bottom{border-bottom-right-radius:3px!important;border-bottom-left-radius:3px!important}.rounded-left{border-bottom-left-radius:3px!important;border-top-left-radius:3px!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.object-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-scale-down{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-none{-o-object-fit:none!important;object-fit:none!important}.tracking-tight{letter-spacing:-.05em!important}.tracking-normal{letter-spacing:0!important}.tracking-wide{letter-spacing:.05em!important}.cursor-auto{cursor:auto!important}.cursor-pointer{cursor:pointer!important}.cursor-move{cursor:move!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-zoom-in{cursor:zoom-in!important}.cursor-zoom-out{cursor:zoom-out!important}.text-h1{font-size:1.75rem!important}.text-h2{font-size:1.25rem!important}.text-h3{font-size:1rem!important}.text-h4{font-size:.875rem!important}.text-h5{font-size:.75rem!important}.text-h6{font-size:.625rem!important}.leading-0{line-height:0!important}.leading-1{line-height:.25rem!important}.leading-2{line-height:.5rem!important}.leading-3{line-height:1rem!important}.leading-4{line-height:1.5rem!important}.leading-5{line-height:3rem!important}.leading-6{line-height:4.5rem!important}@media (min-width:33rem){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-6{margin:4.5rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-6{margin-top:4.5rem!important}.mt-sm-auto{margin-top:auto!important}.mr-sm-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-sm-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-sm-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-sm-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-sm-4{-webkit-margin-end:1.5rem!important;margin-inline-end:1.5rem!important}.mr-sm-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-sm-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-sm-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-6{margin-bottom:4.5rem!important}.mb-sm-auto{margin-bottom:auto!important}.ml-sm-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-sm-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-sm-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-sm-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-sm-4{-webkit-margin-start:1.5rem!important;margin-inline-start:1.5rem!important}.ml-sm-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-sm-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-sm-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.p-sm-6{padding:4.5rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.px-sm-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-sm-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pt-sm-6{padding-top:4.5rem!important}.pr-sm-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-sm-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-sm-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-sm-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-sm-4{-webkit-padding-end:1.5rem!important;padding-inline-end:1.5rem!important}.pr-sm-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-sm-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.pb-sm-6{padding-bottom:4.5rem!important}.pl-sm-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-sm-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-sm-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-sm-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-sm-4{-webkit-padding-start:1.5rem!important;padding-inline-start:1.5rem!important}.pl-sm-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-sm-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.text-sm-left{text-align:start!important}.text-sm-right{text-align:end!important}.text-sm-center{text-align:center!important}}@media (min-width:48rem){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-6{margin:4.5rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-6{margin-top:4.5rem!important}.mt-md-auto{margin-top:auto!important}.mr-md-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-md-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-md-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-md-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-md-4{-webkit-margin-end:1.5rem!important;margin-inline-end:1.5rem!important}.mr-md-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-md-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-md-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-6{margin-bottom:4.5rem!important}.mb-md-auto{margin-bottom:auto!important}.ml-md-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-md-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-md-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-md-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-md-4{-webkit-margin-start:1.5rem!important;margin-inline-start:1.5rem!important}.ml-md-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-md-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-md-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.p-md-6{padding:4.5rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.px-md-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-md-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pt-md-6{padding-top:4.5rem!important}.pr-md-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-md-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-md-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-md-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-md-4{-webkit-padding-end:1.5rem!important;padding-inline-end:1.5rem!important}.pr-md-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-md-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.pb-md-6{padding-bottom:4.5rem!important}.pl-md-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-md-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-md-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-md-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-md-4{-webkit-padding-start:1.5rem!important;padding-inline-start:1.5rem!important}.pl-md-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-md-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.text-md-left{text-align:start!important}.text-md-right{text-align:end!important}.text-md-center{text-align:center!important}}@media (min-width:64rem){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-6{margin:4.5rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-6{margin-top:4.5rem!important}.mt-lg-auto{margin-top:auto!important}.mr-lg-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-lg-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-lg-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-lg-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-lg-4{-webkit-margin-end:1.5rem!important;margin-inline-end:1.5rem!important}.mr-lg-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-lg-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-lg-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-6{margin-bottom:4.5rem!important}.mb-lg-auto{margin-bottom:auto!important}.ml-lg-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-lg-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-lg-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-lg-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-lg-4{-webkit-margin-start:1.5rem!important;margin-inline-start:1.5rem!important}.ml-lg-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-lg-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-lg-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.p-lg-6{padding:4.5rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.px-lg-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-lg-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pt-lg-6{padding-top:4.5rem!important}.pr-lg-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-lg-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-lg-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-lg-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-lg-4{-webkit-padding-end:1.5rem!important;padding-inline-end:1.5rem!important}.pr-lg-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-lg-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.pb-lg-6{padding-bottom:4.5rem!important}.pl-lg-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-lg-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-lg-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-lg-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-lg-4{-webkit-padding-start:1.5rem!important;padding-inline-start:1.5rem!important}.pl-lg-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-lg-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.text-lg-left{text-align:start!important}.text-lg-right{text-align:end!important}.text-lg-center{text-align:center!important}}@media (min-width:75.25rem){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-6{margin:4.5rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-6{margin-top:4.5rem!important}.mt-xl-auto{margin-top:auto!important}.mr-xl-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-xl-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-xl-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-xl-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-xl-4{-webkit-margin-end:1.5rem!important;margin-inline-end:1.5rem!important}.mr-xl-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-xl-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-xl-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-6{margin-bottom:4.5rem!important}.mb-xl-auto{margin-bottom:auto!important}.ml-xl-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-xl-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-xl-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-xl-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-xl-4{-webkit-margin-start:1.5rem!important;margin-inline-start:1.5rem!important}.ml-xl-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-xl-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-xl-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.p-xl-6{padding:4.5rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.px-xl-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-xl-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pt-xl-6{padding-top:4.5rem!important}.pr-xl-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-xl-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-xl-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-xl-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-xl-4{-webkit-padding-end:1.5rem!important;padding-inline-end:1.5rem!important}.pr-xl-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-xl-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.pb-xl-6{padding-bottom:4.5rem!important}.pl-xl-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-xl-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-xl-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-xl-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-xl-4{-webkit-padding-start:1.5rem!important;padding-inline-start:1.5rem!important}.pl-xl-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-xl-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.text-xl-left{text-align:start!important}.text-xl-right{text-align:end!important}.text-xl-center{text-align:center!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}html{font-size:16px;scroll-behavior:smooth}body{overflow-y:scroll;letter-spacing:0;touch-action:manipulation;text-rendering:optimizeLegibility;font-feature-settings:"liga" 0;position:relative}body .content ::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}body .content ::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}body .content ::-webkit-scrollbar-corner{background:0 0}body .content :hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#cbcfd6}@media print{body{background:0 0}}.navbar{align-items:stretch;min-height:3.5rem;background:0 0;color:rgba(33,43,54,.72)}.navbar-collapse .navbar{flex-grow:1}.navbar.collapsing{min-height:0}.navbar::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.navbar::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}.navbar::-webkit-scrollbar-corner{background:0 0}.navbar:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#cbcfd6}.navbar .text-muted{color:rgba(33,43,54,.5184)!important}.navbar .navbar-brand{color:#212b36}.navbar .navbar-brand:focus,.navbar .navbar-brand:hover{color:#212b36;opacity:.8}.navbar .navbar-nav .nav-link{color:rgba(33,43,54,.72)}.navbar .navbar-nav .nav-link:focus,.navbar .navbar-nav .nav-link:hover{color:#212b36}.navbar .navbar-nav .nav-link.disabled{color:rgba(33,43,54,.3)}.navbar .navbar-nav .active>.nav-link,.navbar .navbar-nav .nav-link.active,.navbar .navbar-nav .nav-link.show,.navbar .navbar-nav .show>.nav-link{color:#212b36}.navbar .navbar-toggler{color:#212b36;border-color:transparent}.navbar .navbar-text{color:rgba(33,43,54,.72)}.navbar .navbar-text a,.navbar .navbar-text a:focus,.navbar .navbar-text a:hover{color:rgba(33,43,54,.72)}@media not print{.theme-dark .navbar{background:#354052;color:rgba(255,255,255,.72)}.theme-dark .navbar::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.theme-dark .navbar::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}.theme-dark .navbar::-webkit-scrollbar-corner{background:0 0}.theme-dark .navbar:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#cbcfd6}.theme-dark .navbar .text-muted{color:rgba(255,255,255,.5184)!important}.theme-dark .navbar .navbar-brand{color:#fff}.theme-dark .navbar .navbar-brand:focus,.theme-dark .navbar .navbar-brand:hover{color:#fff;opacity:.8}.theme-dark .navbar .navbar-nav .nav-link{color:rgba(255,255,255,.72)}.theme-dark .navbar .navbar-nav .nav-link:focus,.theme-dark .navbar .navbar-nav .nav-link:hover{color:#fff}.theme-dark .navbar .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.3)}.theme-dark .navbar .navbar-nav .active>.nav-link,.theme-dark .navbar .navbar-nav .nav-link.active,.theme-dark .navbar .navbar-nav .nav-link.show,.theme-dark .navbar .navbar-nav .show>.nav-link{color:#fff}.theme-dark .navbar .navbar-toggler{color:#fff;border-color:transparent}.theme-dark .navbar .navbar-text{color:rgba(255,255,255,.72)}.theme-dark .navbar .navbar-text a,.theme-dark .navbar .navbar-text a:focus,.theme-dark .navbar .navbar-text a:hover{color:rgba(255,255,255,.72)}.theme-dark .navbar::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.theme-dark .navbar::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.theme-dark .navbar::-webkit-scrollbar-corner{background:0 0}.theme-dark .navbar:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#5d6675}.theme-dark .navbar .input-icon-addon{color:rgba(245,247,251,.64)}.theme-dark .navbar .form-control{border-color:transparent;background-color:rgba(0,0,0,.1)}.theme-dark .navbar .form-control::-webkit-input-placeholder{color:rgba(245,247,251,.64)}.theme-dark .navbar .form-control::-moz-placeholder{color:rgba(245,247,251,.64)}.theme-dark .navbar .form-control:-ms-input-placeholder{color:rgba(245,247,251,.64)}.theme-dark .navbar .form-control::-ms-input-placeholder{color:rgba(245,247,251,.64)}.theme-dark .navbar .form-control::placeholder{color:rgba(245,247,251,.64)}}@media not print and (prefers-color-scheme:dark){.theme-dark-auto .navbar{background:#354052;color:rgba(255,255,255,.72)}.theme-dark-auto .navbar::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.theme-dark-auto .navbar::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}.theme-dark-auto .navbar::-webkit-scrollbar-corner{background:0 0}.theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#cbcfd6}.theme-dark-auto .navbar .text-muted{color:rgba(255,255,255,.5184)!important}.theme-dark-auto .navbar .navbar-brand{color:#fff}.theme-dark-auto .navbar .navbar-brand:focus,.theme-dark-auto .navbar .navbar-brand:hover{color:#fff;opacity:.8}.theme-dark-auto .navbar .navbar-nav .nav-link{color:rgba(255,255,255,.72)}.theme-dark-auto .navbar .navbar-nav .nav-link:focus,.theme-dark-auto .navbar .navbar-nav .nav-link:hover{color:#fff}.theme-dark-auto .navbar .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.3)}.theme-dark-auto .navbar .navbar-nav .active>.nav-link,.theme-dark-auto .navbar .navbar-nav .nav-link.active,.theme-dark-auto .navbar .navbar-nav .nav-link.show,.theme-dark-auto .navbar .navbar-nav .show>.nav-link{color:#fff}.theme-dark-auto .navbar .navbar-toggler{color:#fff;border-color:transparent}.theme-dark-auto .navbar .navbar-text{color:rgba(255,255,255,.72)}.theme-dark-auto .navbar .navbar-text a,.theme-dark-auto .navbar .navbar-text a:focus,.theme-dark-auto .navbar .navbar-text a:hover{color:rgba(255,255,255,.72)}.theme-dark-auto .navbar::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.theme-dark-auto .navbar::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.theme-dark-auto .navbar::-webkit-scrollbar-corner{background:0 0}.theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#5d6675}.theme-dark-auto .navbar .input-icon-addon{color:rgba(245,247,251,.64)}.theme-dark-auto .navbar .form-control{border-color:transparent;background-color:rgba(0,0,0,.1)}.theme-dark-auto .navbar .form-control::-webkit-input-placeholder{color:rgba(245,247,251,.64)}.theme-dark-auto .navbar .form-control::-moz-placeholder{color:rgba(245,247,251,.64)}.theme-dark-auto .navbar .form-control:-ms-input-placeholder{color:rgba(245,247,251,.64)}.theme-dark-auto .navbar .form-control::-ms-input-placeholder{color:rgba(245,247,251,.64)}.theme-dark-auto .navbar .form-control::placeholder{color:rgba(245,247,251,.64)}}.navbar .dropdown-menu{position:absolute;z-index:1030}.navbar .navbar-nav{min-height:3rem}.navbar .navbar-nav .nav-link{position:relative;min-width:2rem;min-height:2rem;justify-content:center;border-radius:3px}.navbar .navbar-nav .nav-link .badge{position:absolute;top:.375rem;right:.375rem;transform:translate(50%,-50%)}.navbar-expand-sm .navbar-collapse{flex-direction:column}.navbar-expand-sm .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand-sm .navbar-collapse .navbar-nav{margin-left:-.75rem;margin-right:-.75rem}.navbar-expand-sm .navbar-collapse .navbar-nav .nav-link{padding:.5rem .75rem;justify-content:flex-start}.navbar-expand-sm .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:2.25rem}.navbar-expand-sm .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-expand-sm .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}@media (min-width:33rem){.navbar-expand-sm .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand-sm .navbar-dark .nav-item.active .nav-link,.navbar-expand-sm.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand-sm .navbar-light .nav-item.active,.navbar-expand-sm.navbar-light .nav-item.active{position:relative}.navbar-expand-sm .navbar-light .nav-item.active:after,.navbar-expand-sm.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}}@media (max-width:32.98rem){.navbar-expand-md .navbar-collapse{flex-direction:column}.navbar-expand-md .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand-md .navbar-collapse .navbar-nav{margin-left:-.75rem;margin-right:-.75rem}.navbar-expand-md .navbar-collapse .navbar-nav .nav-link{padding:.5rem .75rem;justify-content:flex-start}.navbar-expand-md .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:2.25rem}.navbar-expand-md .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-expand-md .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:48rem){.navbar-expand-md .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand-md .navbar-dark .nav-item.active .nav-link,.navbar-expand-md.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand-md .navbar-light .nav-item.active,.navbar-expand-md.navbar-light .nav-item.active{position:relative}.navbar-expand-md .navbar-light .nav-item.active:after,.navbar-expand-md.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}}@media (max-width:47.98rem){.navbar-expand-lg .navbar-collapse{flex-direction:column}.navbar-expand-lg .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand-lg .navbar-collapse .navbar-nav{margin-left:-.75rem;margin-right:-.75rem}.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link{padding:.5rem .75rem;justify-content:flex-start}.navbar-expand-lg .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:2.25rem}.navbar-expand-lg .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-expand-lg .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:64rem){.navbar-expand-lg .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand-lg .navbar-dark .nav-item.active .nav-link,.navbar-expand-lg.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand-lg .navbar-light .nav-item.active,.navbar-expand-lg.navbar-light .nav-item.active{position:relative}.navbar-expand-lg .navbar-light .nav-item.active:after,.navbar-expand-lg.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}}@media (max-width:63.98rem){.navbar-expand-xl .navbar-collapse{flex-direction:column}.navbar-expand-xl .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand-xl .navbar-collapse .navbar-nav{margin-left:-.75rem;margin-right:-.75rem}.navbar-expand-xl .navbar-collapse .navbar-nav .nav-link{padding:.5rem .75rem;justify-content:flex-start}.navbar-expand-xl .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:2.25rem}.navbar-expand-xl .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-expand-xl .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:75.25rem){.navbar-expand-xl .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand-xl .navbar-dark .nav-item.active .nav-link,.navbar-expand-xl.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand-xl .navbar-light .nav-item.active,.navbar-expand-xl.navbar-light .nav-item.active{position:relative}.navbar-expand-xl .navbar-light .nav-item.active:after,.navbar-expand-xl.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}}@media (max-width:75.23rem){.navbar-expand .navbar-collapse{flex-direction:column}.navbar-expand .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand .navbar-collapse .navbar-nav{margin-left:-.75rem;margin-right:-.75rem}.navbar-expand .navbar-collapse .navbar-nav .nav-link{padding:.5rem .75rem;justify-content:flex-start}.navbar-expand .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:2.25rem}.navbar-expand .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-expand .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}.navbar-expand .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand .navbar-dark .nav-item.active .nav-link,.navbar-expand.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand .navbar-light .nav-item.active,.navbar-expand.navbar-light .nav-item.active{position:relative}.navbar-expand .navbar-light .nav-item.active:after,.navbar-expand.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}.navbar-brand{display:inline-flex;align-items:center;font-weight:500}.navbar-brand-image{display:block;height:2rem}.navbar-toggler{border:0;width:2rem;height:2rem;position:relative;display:flex;align-items:center;justify-content:center}.navbar-toggler-icon{height:2px;width:1.25em;background:currentColor;border-radius:10px;transition:.2s .2s top,.2s .2s bottom,.2s transform,0s .2s opacity;position:relative}.navbar-toggler-icon:after,.navbar-toggler-icon:before{content:'';display:block;height:inherit;width:inherit;border-radius:inherit;background:inherit;position:absolute;left:0;transition:inherit}.navbar-toggler-icon:before{top:-.45em}.navbar-toggler-icon:after{bottom:-.45em}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon{transform:rotate(45deg);transition:.3s top,.3s bottom,.3s .3s transform,0s .3s opacity}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before{top:0;transform:rotate(-90deg)}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{bottom:0;opacity:0}.navbar-light{box-shadow:inset 0 -1px 0 0 rgba(95,102,110,.2);background-color:#fff}.navbar-dark{background:#354052;color:rgba(255,255,255,.72)}.navbar-dark::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.navbar-dark::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}.navbar-dark::-webkit-scrollbar-corner{background:0 0}.navbar-dark:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#cbcfd6}.navbar-dark .text-muted{color:rgba(255,255,255,.5184)!important}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff;opacity:.8}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.72)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:#fff}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.3)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:#fff;border-color:transparent}.navbar-dark .navbar-text{color:rgba(255,255,255,.72)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:rgba(255,255,255,.72)}.navbar-dark::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.navbar-dark::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.navbar-dark::-webkit-scrollbar-corner{background:0 0}.navbar-dark:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#5d6675}.navbar-dark .input-icon-addon{color:rgba(245,247,251,.64)}.navbar-dark .form-control{border-color:transparent;background-color:rgba(0,0,0,.1)}.navbar-dark .form-control::-webkit-input-placeholder{color:rgba(245,247,251,.64)}.navbar-dark .form-control::-moz-placeholder{color:rgba(245,247,251,.64)}.navbar-dark .form-control:-ms-input-placeholder{color:rgba(245,247,251,.64)}.navbar-dark .form-control::-ms-input-placeholder{color:rgba(245,247,251,.64)}.navbar-dark .form-control::placeholder{color:rgba(245,247,251,.64)}.navbar-nav{align-items:stretch}.navbar-nav .nav-item{display:flex;flex-direction:column;justify-content:center}.navbar-side{margin:0;display:flex;flex-direction:row;align-items:center;justify-content:space-around}@media (min-width:33rem){.navbar-vertical.navbar-expand-sm{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand-sm.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-sm .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand-sm .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand-sm .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-sm .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-sm>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand-sm~.page{padding-left:15rem}.navbar-vertical.navbar-expand-sm~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-sm.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-sm .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand-sm .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav{margin-left:-.75rem;margin-right:-.75rem}.navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav .nav-link{padding:.5rem .75rem;justify-content:flex-start}.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:2.25rem}.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-vertical.navbar-expand-sm .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:48rem){.navbar-vertical.navbar-expand-md{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand-md.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-md .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand-md .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand-md .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-md .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-md>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand-md~.page{padding-left:15rem}.navbar-vertical.navbar-expand-md~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-md.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-md .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand-md .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav{margin-left:-.75rem;margin-right:-.75rem}.navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav .nav-link{padding:.5rem .75rem;justify-content:flex-start}.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:2.25rem}.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-vertical.navbar-expand-md .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:64rem){.navbar-vertical.navbar-expand-lg{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand-lg.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-lg .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand-lg .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand-lg .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-lg>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand-lg~.page{padding-left:15rem}.navbar-vertical.navbar-expand-lg~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-lg.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-lg .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand-lg .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav{margin-left:-.75rem;margin-right:-.75rem}.navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link{padding:.5rem .75rem;justify-content:flex-start}.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:2.25rem}.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-vertical.navbar-expand-lg .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:75.25rem){.navbar-vertical.navbar-expand-xl{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand-xl.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-xl .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand-xl .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand-xl .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-xl .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-xl>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand-xl~.page{padding-left:15rem}.navbar-vertical.navbar-expand-xl~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-xl.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-xl .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand-xl .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav{margin-left:-.75rem;margin-right:-.75rem}.navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav .nav-link{padding:.5rem .75rem;justify-content:flex-start}.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:2.25rem}.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-vertical.navbar-expand-xl .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}.navbar-vertical.navbar-expand{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand~.page{padding-left:15rem}.navbar-vertical.navbar-expand~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav{margin-left:-.75rem;margin-right:-.75rem}.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav .nav-link{padding:.5rem .75rem;justify-content:flex-start}.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:2.25rem}.navbar-vertical.navbar-expand .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-vertical.navbar-expand .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}.navbar-overlap:after{content:'';height:9rem;position:absolute;top:100%;left:0;right:0;background:inherit;z-index:-1;box-shadow:inherit}.page{display:flex;flex-direction:column;position:relative;min-height:100vh}.content{padding-top:1.25rem;padding-bottom:1.25rem;flex:1;display:flex;flex-direction:column}.content>[class*=container]{flex:1}@media print{.content{margin:0!important}}.page-header{display:flex;align-items:center;min-height:2.25rem;margin:0 0 1rem}.page-header>*{flex:1}.page-pretitle{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#5f666e}.page-title{margin:0;font-size:1.25rem;font-weight:400;color:inherit}.footer{border-top:1px solid rgba(95,102,110,.2);background-color:#fff;padding:1rem 0;color:#5f666e;margin-bottom:-1.25rem;margin-top:1.25rem}.footer-transparent{margin-top:0;background-color:transparent;border-top:0}.alert-avatar{padding-left:3.75rem}.alert-avatar .avatar{position:absolute;top:.5rem;left:.75rem}.alert a{display:inline-block;height:100%;vertical-align:middle}.alert a .icon{height:100%}.avatar{position:relative;width:2rem;height:2rem;font-size:.75rem;display:inline-flex;align-items:center;justify-content:center;font-weight:400;color:#5f666e;text-align:center;text-transform:uppercase;vertical-align:bottom;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#f1f3f8 no-repeat center/cover;border-radius:50%}.avatar .icon{font-size:1.25em}.avatar .badge{position:absolute;right:0;bottom:0;border-radius:50%;box-shadow:0 0 0 2px #fff}a.avatar{cursor:pointer}.avatar-sm{width:1.25rem;height:1.25rem;font-size:.625rem;line-height:1.25rem}.avatar-md{width:2.5rem;height:2.5rem;font-size:1.25rem;line-height:2.5rem}.avatar-lg{width:4.5rem;height:4.5rem;font-size:2.25rem;line-height:4.5rem}.avatar-xl{width:6rem;height:6rem;font-size:3rem;line-height:6rem}.avatar-list{display:inline-flex;padding:0;margin:0 0 -.5rem}.avatar-list .avatar{margin-bottom:.5rem}.avatar-list .avatar:not(:last-child){margin-right:.5rem}.avatar-list a.avatar:hover{z-index:1}.avatar-list-stacked .avatar{margin-right:-.5rem!important;box-shadow:0 0 0 2px #fff}.card-footer .avatar-list-stacked .avatar{box-shadow:0 0 0 2px rgba(53,64,82,.024)}.avatar-upload{width:4rem;height:4rem;border:1px dashed rgba(95,102,110,.2);background:#fff;flex-direction:column;transition:.3s color,.3s background-color}.avatar-upload svg{width:1.5rem;height:1.5rem;stroke-width:1}.avatar-upload:hover{border-color:#206bc4;color:#206bc4;text-decoration:none}.avatar-upload-text{font-size:.625rem;line-height:1;margin-top:.25rem}.badge{display:inline-flex;justify-content:center;background:#cbcfd6;overflow:hidden;vertical-align:text-bottom;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a.badge{color:#fff}.badge:empty{display:inline-block;width:.5rem;height:.5rem;min-width:0;min-height:auto;padding:0;border-radius:50%}.badge-up{position:absolute;top:25%;right:0;min-width:1.75em;min-height:1.75em;padding:0 .25rem;line-height:1rem;background-clip:padding-box;transform:translate(0,-50%)}.badge-outline{background-color:transparent;border:1px solid currentColor}.badge-pill{border-radius:100px;min-width:1.75em}.badge-avatar{box-sizing:content-box;width:1.75em;margin:0 .5em 0 -.5em;color:rgba(245,247,251,.24);background:rgba(53,64,82,.24) no-repeat center/cover;vertical-align:text-bottom}.badge-addon{padding:0 .5rem;margin:0 -.5em 0 .5em;min-width:1.75em;background:rgba(53,64,82,.24);text-align:center;color:#fff;text-decoration:none}.breadcrumb{padding:0;margin:0;background:0 0}.breadcrumb-item.active a{color:inherit;pointer-events:none}.breadcrumb-dots .breadcrumb-item+.breadcrumb-item:before{content:"·"}.breadcrumb-arrows .breadcrumb-item+.breadcrumb-item:before{content:"›"}.breadcrumb-bullets .breadcrumb-item+.breadcrumb-item:before{content:"•"}.breadcrumb-alternate a{color:#5f666e}.breadcrumb-alternate .breadcrumb-item.active{color:inherit}.btn{font-weight:500;display:inline-flex;align-items:center;justify-content:center}.btn:not([class^=btn-outline]):not([class*=" btn-outline"]):not([class^=btn-ghost]):not([class*=" btn-ghost"]):not(:focus):not(.focus){box-shadow:0 1px 3px 0 rgba(0,0,0,.05),inset 0 2px 0 -1px rgba(255,255,255,.1)}.btn:not([class^=btn-outline]):not([class*=" btn-outline"]):not([class^=btn-ghost]):not([class*=" btn-ghost"]) svg.icon{filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, .05))}.btn.disabled,.btn:disabled{cursor:not-allowed}.btn .icon{margin:0 .25em 0 -.25em;font-size:1.42857em;vertical-align:sub}.btn .avatar{width:1.25rem;height:1.25rem;vertical-align:text-top;margin:0 .5em 0 -.25em}.btn .icon-right{margin:0 -.25em 0 .5em}.btn svg.icon{width:1em;height:1em;stroke-width:1.75}.btn-white{color:#354052;background-color:#fff;border-color:rgba(95,102,110,.2);background-image:linear-gradient(-180deg,rgba(53,64,82,0),rgba(53,64,82,.04) 100%);box-shadow:none!important}.btn-white:hover{color:#000;background-color:#fff;border-color:rgba(107,115,124,.2)}.btn-check:focus+.btn-white,.btn-white:focus{color:#000;background-color:#fff;border-color:rgba(107,115,124,.2);box-shadow:0 0 0 .25rem rgba(69,79,93,.5)}.btn-check:active+.btn-white,.btn-check:checked+.btn-white,.btn-white.active,.btn-white:active,.show>.btn-white.dropdown-toggle{color:#000;background-color:#fff;border-color:rgba(107,115,124,.2)}.btn-check:active+.btn-white:focus,.btn-check:checked+.btn-white:focus,.btn-white.active:focus,.btn-white:active:focus,.show>.btn-white.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(69,79,93,.5)}.btn-white.disabled,.btn-white:disabled{color:#000;background-color:#fff;border-color:rgba(95,102,110,.2)}.btn-white.active{background:#206bc4;color:#fff;z-index:3!important}.btn-group-lg>.btn svg.icon,.btn-lg svg.icon{stroke-width:2}.btn-pill{padding-right:1.5em;padding-left:1.5em;border-radius:10rem}.btn-pill[class*=btn-icon]{padding:.375rem 15px}.btn-icon{min-width:calc(2.125rem + 2px)}.btn-group-sm>.btn-icon.btn,.btn-icon.btn-sm{min-width:calc(1.32143rem + 2px)}.btn-icon .icon{margin:0 -1em}.btn-link{box-shadow:none!important}.btn-square{border-radius:0}.btn-list{display:flex;flex-wrap:wrap;margin-bottom:-.5rem!important;margin-right:-.5rem}.btn-list>.btn,.btn-list>.dropdown{margin:0 .5rem .5rem 0}.btn-list>.btn-block{flex:1;white-space:nowrap}.btn-options{display:flex;align-items:center;padding:0;color:#5f666e;cursor:pointer;background:0 0;border:none}.btn-options:focus{outline:0}.btn-options .icon{width:1rem;height:1rem}.btn-floating{position:fixed;z-index:1030;bottom:1.5rem;right:1.5rem;border-radius:50%}.btn-loading{position:relative;color:transparent!important;text-shadow:none!important;pointer-events:none}.btn-loading:after{content:'';display:inline-block;vertical-align:text-bottom;border:1px solid currentColor;border-right-color:transparent;border-radius:50%;color:#fff;position:absolute;width:1rem;height:1rem;left:calc(50% - .5rem);top:calc(50% - .5rem);-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.calendar{display:block;font-size:.76562rem;border:1px solid rgba(95,102,110,.2);border-radius:3px}.calendar-nav{display:flex;align-items:center}.calendar-title{flex:1;text-align:center}.calendar-body,.calendar-header{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:.5rem 0}.calendar-header{color:#5f666e}.calendar-date{flex:0 0 14.28571%;max-width:14.28571%;padding:.2rem;text-align:center;border:0}.calendar-date.next-month,.calendar-date.prev-month{opacity:.25}.calendar-date .date-item{position:relative;display:inline-block;width:1.4rem;height:1.4rem;line-height:1.4rem;color:#66758c;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;background:0 0;border:1px solid transparent;border-radius:50%;outline:0;transition:background .3s,border .3s,box-shadow .32s,color .3s}.calendar-date .date-item:hover{color:#206bc4;text-decoration:none;background:#fefeff;border-color:rgba(95,102,110,.2)}.calendar-date .date-today{color:#206bc4;border-color:rgba(95,102,110,.2)}.calendar-range{position:relative}.calendar-range:before{position:absolute;top:50%;right:0;left:0;height:1.4rem;content:"";background:rgba(32,107,196,.1);transform:translateY(-50%)}.calendar-range.range-end .date-item,.calendar-range.range-start .date-item{color:#fff;background:#206bc4;border-color:#206bc4}.calendar-range.range-start:before{left:50%}.calendar-range.range-end:before{right:50%}.card{margin-bottom:1.25rem;box-shadow:rgba(53,64,82,.04) 0 2px 4px 0}@media (max-width:63.98rem){.card{margin-bottom:.75rem}}@media print{.card{border:none;box-shadow:none}}a.card{color:inherit;transition:.3s box-shadow}a.card:hover{text-decoration:none;box-shadow:rgba(53,64,82,.16) 0 2px 16px 0}.card-group{margin-bottom:1.5rem}.card-inactive{pointer-events:none;box-shadow:none}.card-inactive .card-body{opacity:.64}.card-active{position:relative;background-color:rgba(32,107,196,.03)}.card-active:before{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;content:"";border:1px solid #206bc4;border-radius:inherit}.card-link{color:inherit}.card-link:hover{color:inherit;text-decoration:none;box-shadow:0 1px 6px 0 rgba(0,0,0,.08)}.card-btn{padding:1rem 1rem;text-align:center;background:rgba(32,107,196,.02);transition:.3s background}.card-btn:hover{text-decoration:none;background:rgba(32,107,196,.06)}.card-stacked{position:relative}.card-stacked:after{position:absolute;top:-5px;right:5px;left:5px;height:5px;content:"";background:#fff;border:1px solid rgba(95,102,110,.2);border-radius:3px 3px 0 0}.card-cover{position:relative;padding:1rem 1rem;background:#666 no-repeat center/cover}.card-cover:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:rgba(53,64,82,.24)}.card-cover:first-child,.card-cover:first-child:before{border-radius:3px 3px 0 0}.card-cover-blurred:before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card-actions{margin-left:auto;font-size:.75rem}.card-actions a{text-decoration:none}.card-header{display:flex;align-items:center;background:0 0}.card-header-tabs{flex:1;margin:-1rem -1rem}.card-header-pills{flex:1}.card-footer{color:#5f666e}.card-progress{height:.25rem}.card-progress:last-child{border-radius:0 0 2px 2px}.card-progress:first-child{border-radius:2px 2px 0 0}.card-meta{color:#5f666e}.card-title{display:block;margin:0 0 1rem;font-size:1rem;font-weight:500;line-height:1.5rem}a.card-title:hover{color:inherit}.card-header .card-title{margin:.125rem 0}.card-subtitle{margin-top:-1rem;margin-bottom:1rem;font-size:.75rem;color:#5f666e}.card-body>:last-child{margin-bottom:0}.card-sm>.card-body{padding:.75rem}@media (min-width:48rem){.card-md>.card-body{padding:1.5rem}}@media (min-width:48rem){.card-lg>.card-body{padding:2rem}}@media (min-width:64rem){.card-lg>.card-body{padding:4rem}}@media print{.card-body{padding:0}}.card-body+.card-body{border-top:1px solid rgba(95,102,110,.2)}.card-body-scrollable{overflow:auto}.card-options{top:1.5rem;right:.75rem;display:flex;margin-left:auto}.card-options-link{display:inline-block;min-width:1rem;margin-left:.25rem;color:#5f666e}.card-drop{line-height:1;color:#5f666e}.card-drop .icon{width:1.5rem;height:1.5rem;stroke-width:1}.card-status-top{position:absolute;top:0;right:0;left:0;height:2px;border-radius:3px 3px 0 0}.card-status-left{position:absolute;right:auto;bottom:0;width:2px;height:100%;border-radius:3px 0 0 3px}.card-status-bottom{position:absolute;top:initial;bottom:0;width:100%;height:2px;border-radius:0 0 3px 3px}.card-table{margin-bottom:0}.card-table tr td:first-child,.card-table tr th:first-child{padding-left:1rem}.card-table tr td:last-child,.card-table tr th:last-child{padding-right:1rem}.card-table thead tr:first-child td,.card-table thead tr:first-child th{border-top:0}.card-table tbody tr:last-child td,.card-table tbody tr:last-child th{border-bottom:0}.card-body+.card-table{border-top:1px solid rgba(95,102,110,.2)}.card-code{padding:0}.card-code .highlight{margin:0;border:0}.card-code pre{margin:0;color:#fff;text-shadow:none;background:0 0}.card-chart{position:relative;z-index:1;height:3.5rem}.card-avatar{box-shadow:0 0 0 .5rem #fff}.card-body+.card-list-group{border-top:1px solid rgba(95,102,110,.2)}.card-list-group .list-group-item{padding-right:1rem;padding-left:1rem;border-right:0;border-left:0;border-radius:0}.card-list-group .list-group-item:last-child{border-bottom:0}.card-list-group .list-group-item:first-child{border-top:0}.card-tabs{margin-bottom:1.5rem}.card-tabs .nav-tabs{position:relative;z-index:1000;border-bottom:0}.card-tabs .nav-tabs .nav-link{background:rgba(53,64,82,.024);border:1px solid rgba(95,102,110,.2);border-bottom:0}.card-tabs .nav-tabs .nav-link.active,.card-tabs .nav-tabs .nav-link:active,.card-tabs .nav-tabs .nav-link:hover{border-color:rgba(95,102,110,.2)}.card-tabs .nav-tabs .nav-link.active{background:#fff}.card-tabs .nav-tabs .nav-item:not(:first-child) .nav-link{border-top-left-radius:0}.card-tabs .nav-tabs .nav-item:not(:last-child) .nav-link{border-top-right-radius:0}.card-tabs .nav-tabs .nav-item+.nav-item{margin-left:-1px}.card-tabs .nav-tabs-bottom{margin-bottom:0}.card-tabs .nav-tabs-bottom .nav-item{margin-top:-1px;margin-bottom:0}.card-tabs .nav-tabs-bottom .nav-item .nav-link{border-top-width:0;border-bottom:1px solid rgba(95,102,110,.2);border-top-left-radius:0;border-top-right-radius:0}.card-tabs .card{margin:0;border-top-left-radius:0}.close:focus{outline:0;color:#354052}.dropdown-menu{box-shadow:0 .5rem 1rem rgba(0,0,0,.15);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0}.dropdown-menu.card{padding:0;min-width:25rem;display:none}.dropdown-menu.card.show{display:flex}.dropdown-item{min-width:14rem;color:inherit;display:flex;align-items:center;margin:0;line-height:1.71429}.dropdown-item-icon{width:1rem!important;font-size:1rem!important;margin-right:.5rem;opacity:.64;text-align:center;stroke-width:2px}.dropdown-header{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#5f666e;padding-bottom:.25rem;pointer-events:none}.dropdown-menu-scrollable{height:auto;max-height:12rem;overflow-x:hidden}.dropdown-menu-columns{-moz-columns:2;columns:2;-moz-column-gap:0;column-gap:0}.dropdown-menu-columns .dropdown-item{display:inline-flex;min-width:10rem}.dropdown-menu-columns-2{-moz-columns:2;columns:2}.dropdown-menu-columns-3{-moz-columns:3;columns:3}.dropdown-menu-columns-4{-moz-columns:4;columns:4}.dropdown-menu-arrow{margin-top:.5rem}.dropdown-menu-arrow:before{content:"";position:absolute;top:-4px;left:12px;display:block;background:inherit;width:14px;height:14px;transform:rotate(45deg);transform-origin:center;border:1px solid;border-color:inherit;z-index:-1;clip:rect(0,9px,9px,0)}.dropdown-menu-arrow.dropdown-menu-right:before{right:12px;left:auto}.dropright>.dropdown-menu{margin-top:calc(-.5rem - 1px);margin-left:0}.dropright .dropdown-toggle:after{margin-left:auto}.dropdown-menu-card{padding:0}.dropdown-menu-card>.card{margin:0;border:0;box-shadow:none}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1rem;text-align:center}@media (min-width:48rem){.empty{padding:3rem}}.empty .empty-icon{margin:0 0 1rem;font-size:2rem;font-weight:400;line-height:1}.empty .empty-subtitle,.empty .empty-title{margin:0 0 .5rem}.empty .empty-action{margin-top:1.5rem}.empty-bordered{border:1px solid rgba(95,102,110,.2);border-radius:3px}.col-separator{border-left:1px solid rgba(95,102,110,.2)}.container-tight{--bs-gutter-x:0.75rem;width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-right:auto;margin-left:auto;max-width:35rem}.container-narrow{--bs-gutter-x:0.75rem;width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-right:auto;margin-left:auto;max-width:45rem}.row-0{margin-right:0;margin-left:0}.row-0>.col,.row-0>[class*=col-]{padding-right:0;padding-left:0}.row-0 .card{margin-bottom:0}.row-sm{margin-right:-.375rem;margin-left:-.375rem}.row-sm>.col,.row-sm>[class*=col-]{padding-right:.375rem;padding-left:.375rem}.row-sm .card{margin-bottom:.75rem}.row-md{margin-right:-1.5rem;margin-left:-1.5rem}.row-md>.col,.row-md>[class*=col-]{padding-right:1.5rem;padding-left:1.5rem}.row-md .card{margin-bottom:3rem}.row-lg{margin-right:-3rem;margin-left:-3rem}.row-lg>.col,.row-lg>[class*=col-]{padding-right:3rem;padding-left:3rem}.row-lg .card{margin-bottom:6rem}.row-deck>.col,.row-deck>[class*=col-]{display:flex;align-items:stretch}.row-deck>.col .card,.row-deck>[class*=col-] .card{flex:1 1 auto}.row-cards{margin-left:-.625rem;margin-right:-.625rem}.row-cards .row-cards{flex:1}.row-cards>*{padding-left:.625rem;padding-right:.625rem}@media (max-width:63.98rem){.row-cards{margin-left:-.375rem;margin-right:-.375rem}.row-cards>*{padding-left:.375rem;padding-right:.375rem}}.icon{width:1rem;height:1rem;font-size:1rem;vertical-align:text-bottom}.icon:hover{text-decoration:none}.icon-thin{stroke-width:1.5}.icon-md{width:1.5rem;height:1.5rem}.icon-lg{width:2rem;height:2rem}.icon-xl{width:4rem;height:4rem}.icon-xl.icon-thin{stroke-width:1}.icons-list{display:flex;flex-wrap:wrap;padding:0;margin:0 -2px -1px 0;list-style:none}.icons-list>li{flex:1 0 4rem}.icons-list-wrap{overflow:hidden}.icons-list-item{display:flex;align-items:center;justify-content:center;height:4rem;text-align:center;border-right:1px solid rgba(95,102,110,.2);border-bottom:1px solid rgba(95,102,110,.2)}.icons-list-item i{font-size:1.25rem}.img-responsive{background:no-repeat center/cover;padding-top:75%}.img-responsive-1x1{padding-top:100%}.img-responsive-4x3{padding-top:calc(3 / 4 * 100%)}.img-responsive-16x9{padding-top:calc(9 / 16 * 100%)}.img-responsive-21x9{padding-top:calc(9 / 21 * 100%)}textarea[cols]{height:auto}.form-label{font-size:.875rem;font-weight:500;display:block;margin-bottom:.5rem}.form-label.required:after{content:"*";margin-left:.25rem;color:#cd201f}.form-label-description{float:right;font-weight:400;color:#5f666e;line-height:1.5rem;font-size:.75rem}.form-hint{display:block;font-size:.75rem;color:#5f666e;line-height:1.25rem}.form-hint:last-child{margin-bottom:0}.form-hint+.form-control{margin-top:.25rem}.form-label+.form-hint{margin-top:-.5rem}.form-control+.form-hint,.form-select+.form-hint,.input-group+.form-hint{margin-top:.5rem}.form-control:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}.form-control.disabled,.form-control:disabled{color:#5f666e;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-control[size]{width:auto}.form-control-light{background-color:#f5f7fb;border-color:transparent}.form-control-dark{background-color:rgba(0,0,0,.1);color:#fff;border-color:transparent}.form-control-dark:focus{background-color:rgba(0,0,0,.1);box-shadow:none;border-color:rgba(255,255,255,.24)}.form-control-dark::-webkit-input-placeholder{color:rgba(255,255,255,.6)}.form-control-dark::-moz-placeholder{color:rgba(255,255,255,.6)}.form-control-dark:-ms-input-placeholder{color:rgba(255,255,255,.6)}.form-control-dark::-ms-input-placeholder{color:rgba(255,255,255,.6)}.form-control-dark::placeholder{color:rgba(255,255,255,.6)}.form-control-rounded{border-radius:10rem}.form-control-flush{padding:0;background:0 0!important;border-color:transparent!important;resize:none;box-shadow:none!important;line-height:inherit}.form-footer{margin-top:2rem}.form-fieldset{padding:1rem;margin-bottom:1rem;background:rgba(53,64,82,.024);border:1px solid rgba(95,102,110,.2);border-radius:3px}.form-help{display:inline-flex;font-weight:500;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;font-size:.75rem;color:#5f666e;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(145,152,163,.1);border-radius:50%;transition:.3s background-color,.3s color}.form-help:hover,.form-help[aria-describedby]{color:#fff;background:#206bc4}.form-check{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-check.form-check-highlight .form-check-input:not(:checked)~.form-check-label{opacity:.64}.form-check-input{background-size:1rem;margin-top:.25rem}.form-switch .form-check-input{transition:.3s background-color,.3s background-position}.form-check-label{line-height:1.42857;padding:.125rem 0}.form-check-description{color:#5f666e;font-size:.75rem;line-height:1.42857}.input-group-link{font-size:.75rem}.input-group-flat:focus-within{box-shadow:0 0 0 .25rem rgba(32,107,196,.25);border-radius:3px}.input-group-flat:focus-within .form-control,.input-group-flat:focus-within .input-group-text{border-color:#7aade9!important}.input-group-flat .form-control:focus{border-color:rgba(95,102,110,.2);box-shadow:none}.input-group-flat .form-control:not(:last-child){border-right:0}.input-group-flat .form-control:not(:first-child){border-left:0}.input-group-flat .input-group-text{background:0 0;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input-group-flat .input-group-text:first-child{padding-right:0}.input-group-flat .input-group-text:last-child{padding-left:0}.form-file-button{margin-left:0;border-left:0}.input-icon{position:relative}.input-icon .form-control:not(:last-child){padding-right:2.5rem}.input-icon .form-control:not(:first-child){padding-left:2.5rem}.input-icon-addon{position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;min-width:2.5rem;color:#5f666e;pointer-events:none;font-size:1.2em}.input-icon-addon:last-child{right:0;left:auto}.form-colorinput{position:relative;display:inline-block;margin:0;line-height:1;cursor:pointer}.form-colorinput-input{position:absolute;z-index:-1;opacity:0}.form-colorinput-color{display:block;width:1.5rem;height:1.5rem;color:#fff;border:1px solid rgba(95,102,110,.2);border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.form-colorinput-color:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:no-repeat center center/1rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");opacity:0;transition:.3s opacity}.form-colorinput-input:checked~.form-colorinput-color:before{opacity:1}.form-colorinput-input:focus~.form-colorinput-color{border-color:#206bc4;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-colorinput-light .form-colorinput-color:before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23354052' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")}.form-imagecheck{position:relative;margin:0;cursor:pointer}.form-imagecheck-input{position:absolute;z-index:-1;opacity:0}.form-imagecheck-figure{position:relative;display:block;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid rgba(95,102,110,.2);border-radius:3px}.form-imagecheck-input:focus~.form-imagecheck-figure{border-color:#206bc4;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-imagecheck-input:checked~.form-imagecheck-figure{border-color:rgba(95,102,110,.2)}.form-imagecheck-figure:before{position:absolute;top:.25rem;left:.25rem;z-index:1;display:block;width:1rem;height:1rem;color:#fff;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;border:1px solid rgba(95,102,110,.2);border-radius:3px;transition:.3s opacity}.form-imagecheck-input:checked~.form-imagecheck-figure:before{background-color:#206bc4;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");background-repeat:repeat;background-position:center;background-size:1rem;border-color:rgba(95,102,110,.2)}.form-imagecheck-image{max-width:100%;display:block;opacity:.64;transition:.3s opacity}.form-imagecheck-image:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.form-imagecheck-image:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.form-imagecheck-input:checked~.form-imagecheck-figure .form-imagecheck-image,.form-imagecheck-input:focus~.form-imagecheck-figure .form-imagecheck-image,.form-imagecheck:hover .form-imagecheck-image{opacity:1}.form-imagecheck-caption{padding:.25rem;font-size:.76562rem;color:#5f666e;text-align:center;transition:.3s color}.form-imagecheck-input:checked~.form-imagecheck-figure .form-imagecheck-caption,.form-imagecheck-input:focus~.form-imagecheck-figure .form-imagecheck-caption,.form-imagecheck:hover .form-imagecheck-caption{color:#212b36}.form-selectgroup{display:inline-flex;margin:0 -.5rem -.5rem 0;flex-wrap:wrap}.form-selectgroup .form-selectgroup-item{margin:0 .5rem .5rem 0}.form-selectgroup-vertical{flex-direction:column}.form-selectgroup-item{display:block;position:relative}.form-selectgroup-input{position:absolute;top:0;left:0;z-index:-1;opacity:0}.form-selectgroup-label{position:relative;display:block;min-width:calc(1.42857em + .875rem + 2px);margin:0;padding:.4375rem .75rem;font-size:.875rem;line-height:1.42857;color:#5f666e;background:#fff;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid rgba(95,102,110,.2);border-radius:3px;transition:border-color .3s,background .3s,color .3s}.form-selectgroup-label .icon:only-child{margin:0 -.25rem}.form-selectgroup-label:hover{color:#212b36}.form-selectgroup-check{display:inline-block;width:1rem;height:1rem;border:1px solid rgba(95,102,110,.2);vertical-align:middle}.form-selectgroup-input[type=checkbox]+.form-selectgroup-label .form-selectgroup-check{border-radius:3px}.form-selectgroup-input[type=radio]+.form-selectgroup-label .form-selectgroup-check{border-radius:50%}.form-selectgroup-input:checked+.form-selectgroup-label .form-selectgroup-check{background-color:#206bc4;background-repeat:repeat;background-position:center;background-size:1rem;border-color:rgba(95,102,110,.2)}.form-selectgroup-input[type=checkbox]:checked+.form-selectgroup-label .form-selectgroup-check{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")}.form-selectgroup-input[type=radio]:checked+.form-selectgroup-label .form-selectgroup-check{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e")}.form-selectgroup-input:checked+.form-selectgroup-label{z-index:1;color:#206bc4;background:rgba(32,107,196,.04);border-color:#7aade9;box-shadow:0 1px 1px 0 rgba(32,107,196,.2)}.form-selectgroup-input:focus+.form-selectgroup-label{z-index:2;color:#206bc4;border-color:#7aade9;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-selectgroup-boxes .form-selectgroup-label{text-align:left;padding:1rem 1rem;color:inherit}.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-label{color:inherit}.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-label .form-selectgroup-title{color:#206bc4}.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-label .form-selectgroup-label-content{opacity:1}.form-selectgroup-pills{flex-wrap:wrap;align-items:flex-start}.form-selectgroup-pills .form-selectgroup-item{flex-grow:0}.form-selectgroup-pills .form-selectgroup-label{border-radius:50px}.form-control-color::-webkit-color-swatch{border:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.form-control.is-invalid-lite,.form-control.is-valid-lite{border-color:rgba(95,102,110,.2)}.legend{display:inline-block;background:#e9ecf1;width:.75em;height:.75em;border-radius:3px}.list-item{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word}.list-item-actions{margin-left:auto}.list-bordered .list-item,.list-row .list-item{border-top:1px solid rgba(95,102,110,.2);margin-top:-1px}.list-bordered .list-item:first-child,.list-row .list-item:first-child{border-top:none}.list-hoverable .list-item-actions{opacity:0;transition:.3s opacity}.list-hoverable .list-item-actions.show,.list-hoverable .list-item:hover .list-item-actions{opacity:1}.list-row .list-item{flex-direction:row;align-items:center;padding:.5rem .5rem}.list-row .list-item>*{padding-left:.5rem;padding-right:.5rem}.list-timeline{position:relative;padding:0;margin:0;list-style:none}.list-timeline>li{position:relative;margin-bottom:1.5rem}.list-timeline>li:last-child{margin-bottom:0}.list-timeline-time{float:right;margin-left:1rem;color:#5f666e}.list-timeline-icon{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:#fff;text-align:center;background:#5f666e;border-radius:50%}.list-timeline-icon .icon{width:1rem;height:1rem}.list-timeline-title{margin:0;font-weight:500}.list-timeline-content{margin-left:3.5rem}@media screen and (min-width:768px){.list-timeline:not(.list-timeline-simple):before{position:absolute;top:0;bottom:0;left:calc(7.5rem + 2px);z-index:1;display:block;width:4px;content:"";background-color:#f5f7fb}.list-timeline:not(.list-timeline-simple)>li{z-index:2;min-height:40px}.list-timeline:not(.list-timeline-simple) .list-timeline-time{position:absolute;top:.5rem;left:0;width:5.5rem;margin:0;text-align:right}.list-timeline:not(.list-timeline-simple) .list-timeline-icon{top:0;left:6.5rem}.list-timeline:not(.list-timeline-simple) .list-timeline-content{padding:.625rem 0 0 10rem;margin:0}}.list-group-transparent{margin:0 -.75rem}.list-group-transparent .list-group-item{background:0 0;border:0;border-radius:3px}.list-group-transparent .list-group-item .icon{color:#5f666e}.list-group-transparent .list-group-item.active{font-weight:500;color:inherit;background:rgba(32,107,196,.06)}.list-group-transparent .list-group-item.active .icon{color:inherit}.list-separated-item{padding:1rem 0}.list-separated-item:first-child{padding-top:0}.list-separated-item:last-child{padding-bottom:0}.list-separated-item+.list-separated-item{border-top:1px solid rgba(95,102,110,.2)}.list-inline-dots .list-inline-item+.list-inline-item:before{content:'· ';margin-right:.5rem}@-webkit-keyframes loader{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loader{from{transform:rotate(0)}to{transform:rotate(360deg)}}.loader{position:relative;display:block;width:2.5rem;height:2.5rem;color:#206bc4;vertical-align:middle}.loader:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border:1px solid;border-color:transparent;border-top-color:currentColor;border-left-color:currentColor;border-radius:50%;-webkit-animation:loader .6s linear;animation:loader .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.dimmer{position:relative}.dimmer .loader{position:absolute;top:50%;right:0;left:0;display:none;margin:0 auto;transform:translateY(-50%)}.dimmer.active .loader{display:block}.dimmer.active .dimmer-content{pointer-events:none;opacity:.1}.modal-content .close{position:absolute;top:0;right:0;font-size:1rem;width:3.5rem;height:3.5rem;margin:0;padding:0;z-index:10}.modal-body::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.modal-body::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}.modal-body::-webkit-scrollbar-corner{background:0 0}.modal-body:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#cbcfd6}.modal-body .modal-title{margin-bottom:1rem}.modal-body+.modal-body{border-top:1px solid rgba(95,102,110,.1)}.modal-header{align-items:center;min-height:3.5rem;background:#fff;padding:0 3.5rem 0 1.5rem}.modal-title{font-size:1rem;font-weight:500;line-height:1.33333}.modal-footer{padding-top:0;padding-bottom:.75rem}.modal-blur{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-full-width{max-width:none;margin:0 .5rem}.nav-tabs .icon{color:#5f666e}.nav-tabs .nav-link{padding:.5rem 1rem;line-height:20px;color:#5f666e;cursor:pointer;background:0 0;border:none;border-bottom:1px solid transparent;transition:.3s color,.3s border-color}.nav-tabs .nav-link:hover{color:#212b36;border-color:transparent}.nav-tabs .nav-link.disabled{color:rgba(95,102,110,.2)}.nav-tabs .nav-link.active{color:#212b36;background:inherit;border-color:transparent;border-bottom-color:#206bc4}.nav-tabs-alt .nav-link{font-size:13px;font-weight:500;text-transform:uppercase}.nav-icon{line-height:1;margin-right:.25rem}.nav-icon .icon{display:block;stroke-width:1.5}.nav-link{display:flex;transition:.3s color;align-items:center}.nav-link .icon{display:inline-block;font-size:1rem}.nav-link-icon{width:1.25rem;height:1rem;font-size:1rem}.nav-link-icon .icon{display:block}.stars{display:inline-flex;color:#dee1e7;font-size:.75rem}.stars .star:not(:first-child){margin-left:.25rem}.pagination{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page-link{min-width:1.5rem;border-radius:3px}.page-link:hover{background:0 0}.page-item{text-align:center}.page-item.page-next,.page-item.page-prev{flex:0 0 50%;text-align:left}.page-item.page-next{margin-left:auto;text-align:right}.page-item-subtitle{margin-bottom:2px;font-size:12px;color:#5f666e;text-transform:uppercase}.page-item.disabled .page-item-subtitle{color:rgba(95,102,110,.5)}.page-item-title{font-size:1rem;font-weight:400;color:#212b36}.page-link:hover .page-item-title{color:#206bc4}.page-item.disabled .page-item-title{color:rgba(95,102,110,.5)}@-webkit-keyframes progress-indeterminate{0%{right:100%;left:-35%}100%,60%{right:-90%;left:100%}}@keyframes progress-indeterminate{0%{right:100%;left:-35%}100%,60%{right:-90%;left:100%}}.progress{position:relative;width:100%;line-height:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress::-webkit-progress-bar{background:#f5f7fb}.progress::-webkit-progress-value{background-color:#206bc4}.progress::-moz-progress-bar{background-color:#206bc4}.progress::-ms-fill{background-color:#206bc4;border:none}.progress-sm{height:.25rem}.progress-bar{height:100%}.progress-bar-indeterminate:after,.progress-bar-indeterminate:before{position:absolute;top:0;bottom:0;left:0;content:"";background-color:inherit;will-change:left,right}.progress-bar-indeterminate:before{-webkit-animation:progress-indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:progress-indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.ribbon{position:absolute;top:.75rem;right:-.25rem;z-index:1;padding:.25rem .75rem;font-size:.625rem;font-weight:500;line-height:1.5rem;color:#fff;text-align:center;text-transform:uppercase;background:#206bc4;border-color:#206bc4}.ribbon:before{position:absolute;right:0;bottom:100%;width:0;height:0;content:"";filter:brightness(70%);border:.125rem solid;border-color:inherit;border-top-color:transparent;border-right-color:transparent}.ribbon.bg-blue{border-color:#206bc4}.ribbon.bg-blue-lt{border-color:#d2e1f3!important}.ribbon.bg-azure{border-color:#45aaf2}.ribbon.bg-azure-lt{border-color:#daeefc!important}.ribbon.bg-indigo{border-color:#6574cd}.ribbon.bg-indigo-lt{border-color:#e0e3f5!important}.ribbon.bg-purple{border-color:#a55eea}.ribbon.bg-purple-lt{border-color:#eddffb!important}.ribbon.bg-pink{border-color:#f66d9b}.ribbon.bg-pink-lt{border-color:#fde2eb!important}.ribbon.bg-red{border-color:#cd201f}.ribbon.bg-red-lt{border-color:#f5d2d2!important}.ribbon.bg-orange{border-color:#ff922b}.ribbon.bg-orange-lt{border-color:#ffe9d5!important}.ribbon.bg-yellow{border-color:#fab005}.ribbon.bg-yellow-lt{border-color:#feefcd!important}.ribbon.bg-lime{border-color:#94d82d}.ribbon.bg-lime-lt{border-color:#eaf7d5!important}.ribbon.bg-green{border-color:#5eba00}.ribbon.bg-green-lt{border-color:#dff1cc!important}.ribbon.bg-teal{border-color:#2bcbba}.ribbon.bg-teal-lt{border-color:#d5f5f1!important}.ribbon.bg-cyan{border-color:#17a2b8}.ribbon.bg-cyan-lt{border-color:#d1ecf1!important}.ribbon.bg-gray{border-color:#a8aeb7}.ribbon.bg-gray-lt{border-color:#eeeff1!important}.ribbon.bg-gray-dark{border-color:#545d6d}.ribbon.bg-gray-dark-lt{border-color:#dddfe2!important}.ribbon.bg-dark{border-color:#354052}.ribbon.bg-dark-lt{border-color:#d7d9dc!important}.ribbon .icon{width:1rem;height:1rem}.ribbon-top{top:-.25rem;right:.75rem;width:2rem;padding:.25rem 0}.ribbon-top:before{top:0;right:100%;bottom:auto;border-color:inherit;border-top-color:transparent;border-left-color:transparent}.ribbon-top.ribbon-left{right:auto;left:.75rem}.ribbon-top.ribbon-left:before{top:0;right:100%;left:auto}.ribbon-left{right:auto;left:-.25rem}.ribbon-left:before{top:auto;bottom:100%;left:0;border-color:inherit;border-top-color:transparent;border-left-color:transparent}.ribbon-bottom{top:auto;bottom:.75rem}.ribbon-bookmark{padding-left:.25rem}.ribbon-bookmark:after{position:absolute;top:0;right:100%;display:block;width:0;height:0;content:"";border:1rem solid;border-color:inherit;border-right-width:0;border-left-color:transparent;border-left-width:.5rem}.ribbon-bookmark.ribbon-left{padding-right:.5rem;padding-left:.5rem}.ribbon-bookmark.ribbon-left:after{right:auto;left:100%;border-right-color:transparent;border-right-width:.5rem;border-left-width:0}.ribbon-bookmark.ribbon-top{padding-right:0;padding-bottom:.25rem;padding-left:0}.ribbon-bookmark.ribbon-top:after{top:100%;right:0;left:0;border-color:inherit;border-width:1rem;border-top-width:0;border-bottom-color:transparent;border-bottom-width:.5rem}.stamp{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;line-height:2.5rem;padding:0 .25rem;font-size:.875rem;font-weight:500;color:#5f666e;text-align:center;background:#f1f3f8;border-radius:3px}.stamp .icon{font-size:1.25rem;vertical-align:middle}.steps{display:flex;flex-wrap:nowrap;width:100%;padding:0;margin:2rem 0;list-style:none}.steps .step-item{padding-top:calc(.5rem + 4px)}.steps .step-item:after{top:calc(.25rem + 2px);height:2px}.steps .step-item:before{width:.5rem;height:.5rem}.steps .step-item:after,.steps .step-item:before{color:#fff;background:#206bc4}.steps .step-item.active:before{color:inherit;border-color:#206bc4}.steps-blue .step-item:after,.steps-blue .step-item:before{color:#fff;background:#206bc4}.steps-blue .step-item.active:before{color:inherit;border-color:#206bc4}.steps-azure .step-item:after,.steps-azure .step-item:before{color:#fff;background:#45aaf2}.steps-azure .step-item.active:before{color:inherit;border-color:#45aaf2}.steps-indigo .step-item:after,.steps-indigo .step-item:before{color:#fff;background:#6574cd}.steps-indigo .step-item.active:before{color:inherit;border-color:#6574cd}.steps-purple .step-item:after,.steps-purple .step-item:before{color:#fff;background:#a55eea}.steps-purple .step-item.active:before{color:inherit;border-color:#a55eea}.steps-pink .step-item:after,.steps-pink .step-item:before{color:#fff;background:#f66d9b}.steps-pink .step-item.active:before{color:inherit;border-color:#f66d9b}.steps-red .step-item:after,.steps-red .step-item:before{color:#fff;background:#cd201f}.steps-red .step-item.active:before{color:inherit;border-color:#cd201f}.steps-orange .step-item:after,.steps-orange .step-item:before{color:#fff;background:#ff922b}.steps-orange .step-item.active:before{color:inherit;border-color:#ff922b}.steps-yellow .step-item:after,.steps-yellow .step-item:before{color:#fff;background:#fab005}.steps-yellow .step-item.active:before{color:inherit;border-color:#fab005}.steps-lime .step-item:after,.steps-lime .step-item:before{color:#fff;background:#94d82d}.steps-lime .step-item.active:before{color:inherit;border-color:#94d82d}.steps-green .step-item:after,.steps-green .step-item:before{color:#fff;background:#5eba00}.steps-green .step-item.active:before{color:inherit;border-color:#5eba00}.steps-teal .step-item:after,.steps-teal .step-item:before{color:#fff;background:#2bcbba}.steps-teal .step-item.active:before{color:inherit;border-color:#2bcbba}.steps-cyan .step-item:after,.steps-cyan .step-item:before{color:#fff;background:#17a2b8}.steps-cyan .step-item.active:before{color:inherit;border-color:#17a2b8}.steps-gray .step-item:after,.steps-gray .step-item:before{color:#fff;background:#a8aeb7}.steps-gray .step-item.active:before{color:inherit;border-color:#a8aeb7}.steps-gray-dark .step-item:after,.steps-gray-dark .step-item:before{color:#fff;background:#545d6d}.steps-gray-dark .step-item.active:before{color:inherit;border-color:#545d6d}.steps-dark .step-item:after,.steps-dark .step-item:before{color:#fff;background:#354052}.steps-dark .step-item.active:before{color:inherit;border-color:#354052}.step-item{position:relative;flex:1 1 0;min-height:1rem;margin-top:0;color:inherit;text-align:center;cursor:default}a.step-item{cursor:pointer}a.step-item:hover{color:inherit}.step-item:not(:first-child):after{position:absolute;left:-50%;width:100%;content:"";transform:translateY(-50%)}.step-item:before{position:absolute;top:0;left:50%;z-index:1;box-sizing:content-box;display:block;content:"";border:2px solid #fff;border-radius:50%;transform:translateX(-50%)}.step-item.active{font-weight:500}.step-item.active:before{background:#fff}.step-item.active~.step-item{color:#5f666e}.step-item.active~.step-item:after,.step-item.active~.step-item:before{background:#f3f5f5}.step-item.active~.step-item:before{color:#5f666e!important}.steps-counter{counter-reset:steps}.steps-counter .step-item{padding-top:calc(1.5rem + 4px)}.steps-counter .step-item:after{top:calc(.75rem + 2px);height:2px}.steps-counter .step-item:before{width:1.5rem;height:1.5rem}.steps-counter .step-item{counter-increment:steps}.steps-counter .step-item:before{font-size:1rem;line-height:1.5rem;content:counter(steps)}.steps-counter .step-item.active~.step-item:before{background:#fff}.markdown>table thead th,.table thead th{color:#5f666e;background:rgba(53,64,82,.024);font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#5f666e;padding-top:.5rem;padding-bottom:.5rem}@media print{.markdown>table thead th,.table thead th{background:0 0}}.table-nowrap>:not(caption)>*>*{white-space:nowrap}.table-vcenter>:not(caption)>*>*{vertical-align:middle}.table-center>:not(caption)>*>*{text-align:center}.td-truncate{max-width:1px;width:100%}.table-mobile{display:block}.table-mobile thead{display:none}.table-mobile tbody,.table-mobile tr{display:flex;flex-direction:column}.table-mobile td{display:block;padding:.5rem .5rem!important;border:none;color:#212b36!important}.table-mobile td[data-label]:before{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#5f666e;content:attr(data-label);display:block}.table-mobile tr{border-bottom:1px solid rgba(95,102,110,.2)}.table-mobile .btn{display:block}@media (max-width:32.98rem){.table-mobile-sm{display:block}.table-mobile-sm thead{display:none}.table-mobile-sm tbody,.table-mobile-sm tr{display:flex;flex-direction:column}.table-mobile-sm td{display:block;padding:.5rem .5rem!important;border:none;color:#212b36!important}.table-mobile-sm td[data-label]:before{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#5f666e;content:attr(data-label);display:block}.table-mobile-sm tr{border-bottom:1px solid rgba(95,102,110,.2)}.table-mobile-sm .btn{display:block}}@media (max-width:47.98rem){.table-mobile-md{display:block}.table-mobile-md thead{display:none}.table-mobile-md tbody,.table-mobile-md tr{display:flex;flex-direction:column}.table-mobile-md td{display:block;padding:.5rem .5rem!important;border:none;color:#212b36!important}.table-mobile-md td[data-label]:before{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#5f666e;content:attr(data-label);display:block}.table-mobile-md tr{border-bottom:1px solid rgba(95,102,110,.2)}.table-mobile-md .btn{display:block}}@media (max-width:63.98rem){.table-mobile-lg{display:block}.table-mobile-lg thead{display:none}.table-mobile-lg tbody,.table-mobile-lg tr{display:flex;flex-direction:column}.table-mobile-lg td{display:block;padding:.5rem .5rem!important;border:none;color:#212b36!important}.table-mobile-lg td[data-label]:before{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#5f666e;content:attr(data-label);display:block}.table-mobile-lg tr{border-bottom:1px solid rgba(95,102,110,.2)}.table-mobile-lg .btn{display:block}}@media (max-width:75.23rem){.table-mobile-xl{display:block}.table-mobile-xl thead{display:none}.table-mobile-xl tbody,.table-mobile-xl tr{display:flex;flex-direction:column}.table-mobile-xl td{display:block;padding:.5rem .5rem!important;border:none;color:#212b36!important}.table-mobile-xl td[data-label]:before{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#5f666e;content:attr(data-label);display:block}.table-mobile-xl tr{border-bottom:1px solid rgba(95,102,110,.2)}.table-mobile-xl .btn{display:block}}.toast-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toast button[data-dismiss=toast]{outline:0}.toolbar{display:flex;flex-wrap:nowrap;flex-shrink:0;margin:0 -.5rem}.toolbar>*{margin:0 .5rem}.hr-text{display:flex;align-items:center;margin:2rem 0;font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#5f666e;height:1px}.hr-text:after,.hr-text:before{flex:1 1 auto;height:1px;background-color:currentColor;opacity:.1}.hr-text:before{content:"";margin-right:.5rem}.hr-text:after{content:"";margin-left:.5rem}.hr-text>:first-child{padding-right:.5rem;padding-left:0;color:#5f666e}.hr-text.hr-text-left:before{content:none}.hr-text.hr-text-left>:first-child{padding-right:.5rem;padding-left:.5rem}.hr-text.hr-text-right:before{content:""}.hr-text.hr-text-right:after{content:none}.hr-text.hr-text-right>:first-child{padding-right:0;padding-left:.5rem}.card>.hr-text{margin:0}.hr-text-spaceless{margin:-.5rem 0}.lead{line-height:1.4}a{-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}.h1,h1{line-height:1.14286}.h2,h2{line-height:1.6}.h3,h3{line-height:1.5}.h4,h4{line-height:1.42857}.h5,h5{line-height:1.33333}.h6,h6{line-height:1.6}.strong,b,strong{font-weight:500}blockquote{padding-left:1rem;border-left:2px solid rgba(95,102,110,.2)}blockquote p{margin-bottom:1rem}blockquote cite{display:block;text-align:right}blockquote cite:before{content:"— "}.hr,hr{margin:2rem 0}dl dd:last-child{margin-bottom:0}code{padding:2px 4px;background:rgba(32,107,196,.03);border:1px solid rgba(32,107,196,.064);border-radius:3px}pre{padding:1rem;overflow:auto;font-size:.75rem;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.25rem;-moz-tab-size:3;-o-tab-size:3;tab-size:3;border-radius:3px;white-space:pre-wrap}pre code{padding:0;background:0 0;border:none;border-radius:0}img{max-width:100%}::-moz-selection{color:#fff;background-color:#307fdd}::selection{color:#fff;background-color:#307fdd}[class*=" link-"].disabled,[class^=link-].disabled{color:#a8aeb7;pointer-events:none}.subheader{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#5f666e}.markdown>:first-child{margin-top:0}.markdown>:last-child,.markdown>:last-child .highlight{margin-bottom:0}.markdown>.h1,.markdown>.h2,.markdown>.h3,.markdown>.h4,.markdown>.h5,.markdown>.h6,.markdown>h1,.markdown>h2,.markdown>h3,.markdown>h4,.markdown>h5,.markdown>h6{margin-top:2rem}@media (min-width:48rem){.markdown>.hr,.markdown>hr{margin-top:3em;margin-bottom:3em}}.chart{display:block;min-height:10rem}.chart text{font-family:inherit}.chart-sm{height:2.5rem}.chart-lg{height:15rem}.chart-square{height:5.75rem}.chart-sparkline{position:relative;width:4rem;height:2.5rem;line-height:1}.chart-sparkline-square{width:2.5rem}.chart-sparkline-wide{width:6rem}.chart-sparkline-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.625rem}.chart-sparkline-label .icon{width:1rem;height:1rem}.bg-white-overlay{color:#fff;background-color:rgba(245,247,251,.24)}.bg-dark-overlay{color:#fff;background-color:rgba(53,64,82,.24)}.bg-cover{background-repeat:no-repeat;background-size:cover;background-position:center}.bg-facebook{color:#fff!important;background:#3b5998!important}.text-facebook{color:#3b5998!important}.bg-twitter{color:#fff!important;background:#1da1f2!important}.text-twitter{color:#1da1f2!important}.bg-google{color:#fff!important;background:#dc4e41!important}.text-google{color:#dc4e41!important}.bg-youtube{color:#fff!important;background:red!important}.text-youtube{color:red!important}.bg-vimeo{color:#fff!important;background:#1ab7ea!important}.text-vimeo{color:#1ab7ea!important}.bg-dribbble{color:#fff!important;background:#ea4c89!important}.text-dribbble{color:#ea4c89!important}.bg-github{color:#fff!important;background:#181717!important}.text-github{color:#181717!important}.bg-instagram{color:#fff!important;background:#e4405f!important}.text-instagram{color:#e4405f!important}.bg-pinterest{color:#fff!important;background:#bd081c!important}.text-pinterest{color:#bd081c!important}.bg-vk{color:#fff!important;background:#6383a8!important}.text-vk{color:#6383a8!important}.bg-rss{color:#fff!important;background:orange!important}.text-rss{color:orange!important}.bg-flickr{color:#fff!important;background:#0063dc!important}.text-flickr{color:#0063dc!important}.bg-bitbucket{color:#fff!important;background:#0052cc!important}.text-bitbucket{color:#0052cc!important}.bg-tabler{color:#fff!important;background:#206bc4!important}.text-tabler{color:#206bc4!important}.bg-blue{background:#206bc4}.text-blue{color:#206bc4!important}.bg-blue-lt{color:#206bc4!important;background:#d2e1f3!important}.bg-azure{background:#45aaf2}.text-azure{color:#45aaf2!important}.bg-azure-lt{color:#45aaf2!important;background:#daeefc!important}.bg-indigo{background:#6574cd}.text-indigo{color:#6574cd!important}.bg-indigo-lt{color:#6574cd!important;background:#e0e3f5!important}.bg-purple{background:#a55eea}.text-purple{color:#a55eea!important}.bg-purple-lt{color:#a55eea!important;background:#eddffb!important}.bg-pink{background:#f66d9b}.text-pink{color:#f66d9b!important}.bg-pink-lt{color:#f66d9b!important;background:#fde2eb!important}.bg-red{background:#cd201f}.text-red{color:#cd201f!important}.bg-red-lt{color:#cd201f!important;background:#f5d2d2!important}.bg-orange{background:#ff922b}.text-orange{color:#ff922b!important}.bg-orange-lt{color:#ff922b!important;background:#ffe9d5!important}.bg-yellow{background:#fab005}.text-yellow{color:#fab005!important}.bg-yellow-lt{color:#fab005!important;background:#feefcd!important}.bg-lime{background:#94d82d}.text-lime{color:#94d82d!important}.bg-lime-lt{color:#94d82d!important;background:#eaf7d5!important}.bg-green{background:#5eba00}.text-green{color:#5eba00!important}.bg-green-lt{color:#5eba00!important;background:#dff1cc!important}.bg-teal{background:#2bcbba}.text-teal{color:#2bcbba!important}.bg-teal-lt{color:#2bcbba!important;background:#d5f5f1!important}.bg-cyan{background:#17a2b8}.text-cyan{color:#17a2b8!important}.bg-cyan-lt{color:#17a2b8!important;background:#d1ecf1!important}.bg-gray{background:#a8aeb7}.text-gray{color:#a8aeb7!important}.bg-gray-lt{color:#a8aeb7!important;background:#eeeff1!important}.bg-gray-dark{background:#545d6d}.text-gray-dark{color:#545d6d!important}.bg-gray-dark-lt{color:#545d6d!important;background:#dddfe2!important}.bg-dark{background:#354052}.text-dark{color:#354052!important}.bg-dark-lt{color:#354052!important;background:#d7d9dc!important}.scrollable{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.scrollable.hover{overflow-y:hidden}.scrollable.hover>*{margin-top:-1px}.scrollable.hover:active,.scrollable.hover:focus,.scrollable.hover:hover{overflow:visible;overflow-y:auto}.touch .scrollable{overflow-y:auto!important}.scroll-x,.scroll-y{overflow:hidden;-webkit-overflow-scrolling:touch}.scroll-y{overflow-y:auto}.scroll-x{overflow-x:auto}.no-scroll{overflow:hidden}.w-0{width:0!important}.h-0{height:0!important}.w-1{width:.25rem!important}.h-1{height:.25rem!important}.w-2{width:.5rem!important}.h-2{height:.5rem!important}.w-3{width:1rem!important}.h-3{height:1rem!important}.w-4{width:1.5rem!important}.h-4{height:1.5rem!important}.w-5{width:3rem!important}.h-5{height:3rem!important}.w-6{width:4.5rem!important}.h-6{height:4.5rem!important}.w-auto{width:auto!important}.h-auto{height:auto!important}.w-px{width:1px!important}.h-px{height:1px!important}.w-full{width:100%!important}.h-full{height:100%!important}.opacity-0{opacity:0!important}.opacity-5{opacity:.05!important}.opacity-10{opacity:.1!important}.opacity-15{opacity:.15!important}.opacity-20{opacity:.2!important}.opacity-25{opacity:.25!important}.opacity-30{opacity:.3!important}.opacity-35{opacity:.35!important}.opacity-40{opacity:.4!important}.opacity-45{opacity:.45!important}.opacity-50{opacity:.5!important}.opacity-55{opacity:.55!important}.opacity-60{opacity:.6!important}.opacity-65{opacity:.65!important}.opacity-70{opacity:.7!important}.opacity-75{opacity:.75!important}.opacity-80{opacity:.8!important}.opacity-85{opacity:.85!important}.opacity-90{opacity:.9!important}.opacity-95{opacity:.95!important}.opacity-100{opacity:1!important}.hover-shadow-sm:hover{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.hover-shadow:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.hover-shadow-lg:hover{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.hover-shadow-none:hover{box-shadow:none!important}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}@media not print{.theme-dark{color:#f5f7fb;background-color:#2f3949}.theme-dark .card,.theme-dark .dropdown-menu,.theme-dark .flatpickr-calendar,.theme-dark .footer,.theme-dark .modal-content,.theme-dark .modal-header{background-color:#354052;color:inherit}.theme-dark .card{border-color:transparent}.theme-dark .btn-white,.theme-dark .form-file-button{color:#f5f7fb;background-color:#3b475b;border-color:rgba(95,102,110,.2);background-image:none}.theme-dark .btn-white:hover,.theme-dark .form-file-button:hover{color:#f5f7fb;background-color:rgba(53,64,82,0);border-color:rgba(95,102,110,.2)}.btn-check:focus+.theme-dark .btn-white,.btn-check:focus+.theme-dark .form-file-button,.theme-dark .btn-white:focus,.theme-dark .form-file-button:focus{color:#f5f7fb;background-color:rgba(53,64,82,0);border-color:rgba(95,102,110,.2);box-shadow:0 0 0 .25rem rgba(187,191,197,.5)}.btn-check:active+.theme-dark .btn-white,.btn-check:active+.theme-dark .form-file-button,.btn-check:checked+.theme-dark .btn-white,.btn-check:checked+.theme-dark .form-file-button,.show>.theme-dark .btn-white.dropdown-toggle,.show>.theme-dark .form-file-button.dropdown-toggle,.theme-dark .btn-white.active,.theme-dark .btn-white:active,.theme-dark .form-file-button.active,.theme-dark .form-file-button:active{color:#fff;background-color:#4f5f7a;border-color:rgba(107,115,124,.2)}.btn-check:active+.theme-dark .btn-white:focus,.btn-check:active+.theme-dark .form-file-button:focus,.btn-check:checked+.theme-dark .btn-white:focus,.btn-check:checked+.theme-dark .form-file-button:focus,.show>.theme-dark .btn-white.dropdown-toggle:focus,.show>.theme-dark .form-file-button.dropdown-toggle:focus,.theme-dark .btn-white.active:focus,.theme-dark .btn-white:active:focus,.theme-dark .form-file-button.active:focus,.theme-dark .form-file-button:active:focus{box-shadow:0 0 0 .25rem rgba(187,191,197,.5)}.theme-dark .btn-white.disabled,.theme-dark .btn-white:disabled,.theme-dark .form-file-button.disabled,.theme-dark .form-file-button:disabled{color:#fff;background-color:#3b475b;border-color:rgba(95,102,110,.2)}.theme-dark .flatpickr-input.flatpickr-input,.theme-dark .form-check-input:not(:checked),.theme-dark .form-control,.theme-dark .form-file-text,.theme-dark .form-imagecheck-figure:before,.theme-dark .form-select,.theme-dark .form-selectgroup-check,.theme-dark .form-selectgroup-label{background-color:#2f3949;color:#f5f7fb}.theme-dark .form-control-plaintext{color:#f5f7fb}.theme-dark .input-group-flat .input-group-text{background-color:#2f3949}.theme-dark .highlight{background-color:#2f3949}.theme-dark .avatar{background-color:#3b475b}.theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #354052}.theme-dark .close,.theme-dark .markdown,.theme-dark .markdown>*{color:inherit}.theme-dark .apexcharts-text{fill:#f5f7fb}.theme-dark .apexcharts-legend-text{color:inherit!important}.theme-dark .navbar-brand-autodark{filter:brightness(0) invert(1)}}@media not print and (prefers-color-scheme:dark){.theme-dark-auto{color:#f5f7fb;background-color:#2f3949}.theme-dark-auto .card,.theme-dark-auto .dropdown-menu,.theme-dark-auto .flatpickr-calendar,.theme-dark-auto .footer,.theme-dark-auto .modal-content,.theme-dark-auto .modal-header{background-color:#354052;color:inherit}.theme-dark-auto .card{border-color:transparent}.theme-dark-auto .btn-white,.theme-dark-auto .form-file-button{color:#f5f7fb;background-color:#3b475b;border-color:rgba(95,102,110,.2);background-image:none}.theme-dark-auto .btn-white:hover,.theme-dark-auto .form-file-button:hover{color:#f5f7fb;background-color:rgba(53,64,82,0);border-color:rgba(95,102,110,.2)}.btn-check:focus+.theme-dark-auto .btn-white,.btn-check:focus+.theme-dark-auto .form-file-button,.theme-dark-auto .btn-white:focus,.theme-dark-auto .form-file-button:focus{color:#f5f7fb;background-color:rgba(53,64,82,0);border-color:rgba(95,102,110,.2);box-shadow:0 0 0 .25rem rgba(187,191,197,.5)}.btn-check:active+.theme-dark-auto .btn-white,.btn-check:active+.theme-dark-auto .form-file-button,.btn-check:checked+.theme-dark-auto .btn-white,.btn-check:checked+.theme-dark-auto .form-file-button,.show>.theme-dark-auto .btn-white.dropdown-toggle,.show>.theme-dark-auto .form-file-button.dropdown-toggle,.theme-dark-auto .btn-white.active,.theme-dark-auto .btn-white:active,.theme-dark-auto .form-file-button.active,.theme-dark-auto .form-file-button:active{color:#fff;background-color:#4f5f7a;border-color:rgba(107,115,124,.2)}.btn-check:active+.theme-dark-auto .btn-white:focus,.btn-check:active+.theme-dark-auto .form-file-button:focus,.btn-check:checked+.theme-dark-auto .btn-white:focus,.btn-check:checked+.theme-dark-auto .form-file-button:focus,.show>.theme-dark-auto .btn-white.dropdown-toggle:focus,.show>.theme-dark-auto .form-file-button.dropdown-toggle:focus,.theme-dark-auto .btn-white.active:focus,.theme-dark-auto .btn-white:active:focus,.theme-dark-auto .form-file-button.active:focus,.theme-dark-auto .form-file-button:active:focus{box-shadow:0 0 0 .25rem rgba(187,191,197,.5)}.theme-dark-auto .btn-white.disabled,.theme-dark-auto .btn-white:disabled,.theme-dark-auto .form-file-button.disabled,.theme-dark-auto .form-file-button:disabled{color:#fff;background-color:#3b475b;border-color:rgba(95,102,110,.2)}.theme-dark-auto .flatpickr-input.flatpickr-input,.theme-dark-auto .form-check-input:not(:checked),.theme-dark-auto .form-control,.theme-dark-auto .form-file-text,.theme-dark-auto .form-imagecheck-figure:before,.theme-dark-auto .form-select,.theme-dark-auto .form-selectgroup-check,.theme-dark-auto .form-selectgroup-label{background-color:#2f3949;color:#f5f7fb}.theme-dark-auto .form-control-plaintext{color:#f5f7fb}.theme-dark-auto .input-group-flat .input-group-text{background-color:#2f3949}.theme-dark-auto .highlight{background-color:#2f3949}.theme-dark-auto .avatar{background-color:#3b475b}.theme-dark-auto .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #354052}.theme-dark-auto .close,.theme-dark-auto .markdown,.theme-dark-auto .markdown>*{color:inherit}.theme-dark-auto .apexcharts-text{fill:#f5f7fb}.theme-dark-auto .apexcharts-legend-text{color:inherit!important}.theme-dark-auto .navbar-brand-autodark{filter:brightness(0) invert(1)}}
\ No newline at end of file
+@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--tblr-blue:#206bc4;--tblr-azure:#4299e1;--tblr-indigo:#6574cd;--tblr-purple:#9f7aea;--tblr-pink:#ed64a6;--tblr-red:#e53e3e;--tblr-orange:#ed8936;--tblr-yellow:#fab005;--tblr-lime:#82c91e;--tblr-green:#5eba00;--tblr-teal:#2bcbba;--tblr-cyan:#17a2b8;--tblr-primary:#206bc4;--tblr-secondary:#6e757e;--tblr-success:#5eba00;--tblr-info:#4299e1;--tblr-warning:#ed8936;--tblr-danger:#e53e3e;--tblr-light:#f1f4f8;--tblr-dark:#232e3c;--tblr-font-sans-serif:"Inter",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;--tblr-font-monospace:null,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--tblr-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--tblr-font-sans-serif);font-size:.875rem;font-weight:400;line-height:1.4285714;color:#232e3c;background-color:#f1f4f8;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}.hr,hr{margin:2rem 0;color:inherit;background-color:currentColor;border:0;opacity:.1}.hr:not([size]),hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h1,h1{font-size:1.75rem}}.h2,h2{font-size:1.25rem}.h3,h3{font-size:1rem}.h4,h4{font-size:.875rem}.h5,h5{font-size:.75rem}.h6,h6{font-size:.625rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:600}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:85.7142857%}.mark,mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#206bc4;text-decoration:none}a:hover{color:#1a569d;text-decoration:underline}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--tblr-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:85.7142857%;-ms-overflow-style:scrollbar}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:85.7142857%;color:#206bc4;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:85.7142857%;color:#fff;background-color:#232e3c;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:600}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6e757e;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit;white-space:normal}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:.875rem;font-weight:400}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:85.7142857%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:.875rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:85.7142857%;color:#9fa5ad}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#f1f4f8;border:1px solid #e5e8ed;border-radius:3px;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:85.7142857%;color:#9fa5ad}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--tblr-gutter-x:1rem;--tblr-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--tblr-gutter-y) * -1);margin-right:calc(var(--tblr-gutter-x)/ -2);margin-left:calc(var(--tblr-gutter-x)/ -2)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--tblr-gutter-x)/ 2);padding-left:calc(var(--tblr-gutter-x)/ 2);margin-top:var(--tblr-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.3333333%}.col-2{flex:0 0 auto;width:16.6666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.3333333%}.col-5{flex:0 0 auto;width:41.6666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.3333333%}.col-8{flex:0 0 auto;width:66.6666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.3333333%}.col-11{flex:0 0 auto;width:91.6666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.3333333%}.offset-2{margin-left:16.6666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333%}.offset-5{margin-left:41.6666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333%}.offset-8{margin-left:66.6666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333%}.offset-11{margin-left:91.6666667%}.g-0,.gx-0{--tblr-gutter-x:0}.g-0,.gy-0{--tblr-gutter-y:0}.g-1,.gx-1{--tblr-gutter-x:0.25rem}.g-1,.gy-1{--tblr-gutter-y:0.25rem}.g-2,.gx-2{--tblr-gutter-x:0.5rem}.g-2,.gy-2{--tblr-gutter-y:0.5rem}.g-3,.gx-3{--tblr-gutter-x:1rem}.g-3,.gy-3{--tblr-gutter-y:1rem}.g-4,.gx-4{--tblr-gutter-x:1.25rem}.g-4,.gy-4{--tblr-gutter-y:1.25rem}.g-5,.gx-5{--tblr-gutter-x:3rem}.g-5,.gy-5{--tblr-gutter-y:3rem}.g-6,.gx-6{--tblr-gutter-x:4.5rem}.g-6,.gy-6{--tblr-gutter-y:4.5rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.3333333%}.col-sm-2{flex:0 0 auto;width:16.6666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.3333333%}.col-sm-5{flex:0 0 auto;width:41.6666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.3333333%}.col-sm-8{flex:0 0 auto;width:66.6666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.3333333%}.col-sm-11{flex:0 0 auto;width:91.6666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333%}.offset-sm-2{margin-left:16.6666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333%}.offset-sm-5{margin-left:41.6666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333%}.offset-sm-8{margin-left:66.6666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333%}.offset-sm-11{margin-left:91.6666667%}.g-sm-0,.gx-sm-0{--tblr-gutter-x:0}.g-sm-0,.gy-sm-0{--tblr-gutter-y:0}.g-sm-1,.gx-sm-1{--tblr-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--tblr-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--tblr-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--tblr-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--tblr-gutter-x:1rem}.g-sm-3,.gy-sm-3{--tblr-gutter-y:1rem}.g-sm-4,.gx-sm-4{--tblr-gutter-x:1.25rem}.g-sm-4,.gy-sm-4{--tblr-gutter-y:1.25rem}.g-sm-5,.gx-sm-5{--tblr-gutter-x:3rem}.g-sm-5,.gy-sm-5{--tblr-gutter-y:3rem}.g-sm-6,.gx-sm-6{--tblr-gutter-x:4.5rem}.g-sm-6,.gy-sm-6{--tblr-gutter-y:4.5rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.3333333%}.col-md-2{flex:0 0 auto;width:16.6666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.3333333%}.col-md-5{flex:0 0 auto;width:41.6666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.3333333%}.col-md-8{flex:0 0 auto;width:66.6666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.3333333%}.col-md-11{flex:0 0 auto;width:91.6666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333%}.offset-md-2{margin-left:16.6666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333%}.offset-md-5{margin-left:41.6666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333%}.offset-md-8{margin-left:66.6666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333%}.offset-md-11{margin-left:91.6666667%}.g-md-0,.gx-md-0{--tblr-gutter-x:0}.g-md-0,.gy-md-0{--tblr-gutter-y:0}.g-md-1,.gx-md-1{--tblr-gutter-x:0.25rem}.g-md-1,.gy-md-1{--tblr-gutter-y:0.25rem}.g-md-2,.gx-md-2{--tblr-gutter-x:0.5rem}.g-md-2,.gy-md-2{--tblr-gutter-y:0.5rem}.g-md-3,.gx-md-3{--tblr-gutter-x:1rem}.g-md-3,.gy-md-3{--tblr-gutter-y:1rem}.g-md-4,.gx-md-4{--tblr-gutter-x:1.25rem}.g-md-4,.gy-md-4{--tblr-gutter-y:1.25rem}.g-md-5,.gx-md-5{--tblr-gutter-x:3rem}.g-md-5,.gy-md-5{--tblr-gutter-y:3rem}.g-md-6,.gx-md-6{--tblr-gutter-x:4.5rem}.g-md-6,.gy-md-6{--tblr-gutter-y:4.5rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.3333333%}.col-lg-2{flex:0 0 auto;width:16.6666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.3333333%}.col-lg-5{flex:0 0 auto;width:41.6666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.3333333%}.col-lg-8{flex:0 0 auto;width:66.6666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.3333333%}.col-lg-11{flex:0 0 auto;width:91.6666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333%}.offset-lg-2{margin-left:16.6666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333%}.offset-lg-5{margin-left:41.6666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333%}.offset-lg-8{margin-left:66.6666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333%}.offset-lg-11{margin-left:91.6666667%}.g-lg-0,.gx-lg-0{--tblr-gutter-x:0}.g-lg-0,.gy-lg-0{--tblr-gutter-y:0}.g-lg-1,.gx-lg-1{--tblr-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--tblr-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--tblr-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--tblr-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--tblr-gutter-x:1rem}.g-lg-3,.gy-lg-3{--tblr-gutter-y:1rem}.g-lg-4,.gx-lg-4{--tblr-gutter-x:1.25rem}.g-lg-4,.gy-lg-4{--tblr-gutter-y:1.25rem}.g-lg-5,.gx-lg-5{--tblr-gutter-x:3rem}.g-lg-5,.gy-lg-5{--tblr-gutter-y:3rem}.g-lg-6,.gx-lg-6{--tblr-gutter-x:4.5rem}.g-lg-6,.gy-lg-6{--tblr-gutter-y:4.5rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.3333333%}.col-xl-2{flex:0 0 auto;width:16.6666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.3333333%}.col-xl-5{flex:0 0 auto;width:41.6666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.3333333%}.col-xl-8{flex:0 0 auto;width:66.6666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.3333333%}.col-xl-11{flex:0 0 auto;width:91.6666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333%}.offset-xl-2{margin-left:16.6666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333%}.offset-xl-5{margin-left:41.6666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333%}.offset-xl-8{margin-left:66.6666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333%}.offset-xl-11{margin-left:91.6666667%}.g-xl-0,.gx-xl-0{--tblr-gutter-x:0}.g-xl-0,.gy-xl-0{--tblr-gutter-y:0}.g-xl-1,.gx-xl-1{--tblr-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--tblr-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--tblr-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--tblr-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--tblr-gutter-x:1rem}.g-xl-3,.gy-xl-3{--tblr-gutter-y:1rem}.g-xl-4,.gx-xl-4{--tblr-gutter-x:1.25rem}.g-xl-4,.gy-xl-4{--tblr-gutter-y:1.25rem}.g-xl-5,.gx-xl-5{--tblr-gutter-x:3rem}.g-xl-5,.gy-xl-5{--tblr-gutter-y:3rem}.g-xl-6,.gx-xl-6{--tblr-gutter-x:4.5rem}.g-xl-6,.gy-xl-6{--tblr-gutter-y:4.5rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.3333333%}.col-xxl-2{flex:0 0 auto;width:16.6666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.3333333%}.col-xxl-5{flex:0 0 auto;width:41.6666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.3333333%}.col-xxl-8{flex:0 0 auto;width:66.6666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.3333333%}.col-xxl-11{flex:0 0 auto;width:91.6666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.3333333%}.offset-xxl-2{margin-left:16.6666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.3333333%}.offset-xxl-5{margin-left:41.6666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.3333333%}.offset-xxl-8{margin-left:66.6666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.3333333%}.offset-xxl-11{margin-left:91.6666667%}.g-xxl-0,.gx-xxl-0{--tblr-gutter-x:0}.g-xxl-0,.gy-xxl-0{--tblr-gutter-y:0}.g-xxl-1,.gx-xxl-1{--tblr-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--tblr-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--tblr-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--tblr-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--tblr-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--tblr-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--tblr-gutter-x:1.25rem}.g-xxl-4,.gy-xxl-4{--tblr-gutter-y:1.25rem}.g-xxl-5,.gx-xxl-5{--tblr-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--tblr-gutter-y:3rem}.g-xxl-6,.gx-xxl-6{--tblr-gutter-x:4.5rem}.g-xxl-6,.gy-xxl-6{--tblr-gutter-y:4.5rem}}.markdown>table,.table{--tblr-table-bg:transparent;--tblr-table-accent-bg:transparent;--tblr-table-striped-color:inherit;--tblr-table-striped-bg:rgba(35, 46, 60, 0.024);--tblr-table-active-color:inherit;--tblr-table-active-bg:rgba(0, 0, 0, 0.1);--tblr-table-hover-color:inherit;--tblr-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:inherit;vertical-align:top;border-color:rgba(110,117,126,.16)}.markdown>table>:not(caption)>*>*,.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--tblr-table-bg);background-image:linear-gradient(var(--tblr-table-accent-bg),var(--tblr-table-accent-bg));border-bottom-width:1px}.markdown>table>tbody,.table>tbody{vertical-align:inherit}.markdown>table>thead,.table>thead{vertical-align:bottom}.markdown>table>:not(:last-child)>:last-child>*,.table>:not(:last-child)>:last-child>*{border-bottom-color:rgba(110,117,126,.16)}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.markdown>table>:not(caption)>*,.table-bordered>:not(caption)>*{border-width:1px 0}.markdown>table>:not(caption)>*>*,.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-striped>tbody>tr:nth-of-type(even){--tblr-table-accent-bg:var(--tblr-table-striped-bg);color:var(--tblr-table-striped-color)}.table-active{--tblr-table-accent-bg:var(--tblr-table-active-bg);color:var(--tblr-table-active-color)}.table-hover>tbody>tr:hover{--tblr-table-accent-bg:var(--tblr-table-hover-bg);color:var(--tblr-table-hover-color)}.table-primary{--tblr-table-bg:#d2e1f3;--tblr-table-striped-bg:#c9d8ea;--tblr-table-striped-color:#232e3c;--tblr-table-active-bg:#c1cfe1;--tblr-table-active-color:#232e3c;--tblr-table-hover-bg:#c5d4e5;--tblr-table-hover-color:#232e3c;color:#232e3c;border-color:#c1cfe1}.table-secondary{--tblr-table-bg:#e2e3e5;--tblr-table-striped-bg:#d8dadd;--tblr-table-striped-color:#232e3c;--tblr-table-active-bg:#cfd1d4;--tblr-table-active-color:#232e3c;--tblr-table-hover-bg:#d4d5d8;--tblr-table-hover-color:#232e3c;color:#232e3c;border-color:#cfd1d4}.table-success{--tblr-table-bg:#dff1cc;--tblr-table-striped-bg:#d6e7c5;--tblr-table-striped-color:#232e3c;--tblr-table-active-bg:#ccdebe;--tblr-table-active-color:#232e3c;--tblr-table-hover-bg:#d1e2c1;--tblr-table-hover-color:#232e3c;color:#232e3c;border-color:#ccdebe}.table-info{--tblr-table-bg:#d9ebf9;--tblr-table-striped-bg:#d0e2f0;--tblr-table-striped-color:#232e3c;--tblr-table-active-bg:#c7d8e6;--tblr-table-active-color:#232e3c;--tblr-table-hover-bg:#cbddeb;--tblr-table-hover-color:#232e3c;color:#232e3c;border-color:#c7d8e6}.table-warning{--tblr-table-bg:#fbe7d7;--tblr-table-striped-bg:#f0decf;--tblr-table-striped-color:#232e3c;--tblr-table-active-bg:#e5d5c8;--tblr-table-active-color:#232e3c;--tblr-table-hover-bg:#ebd9cb;--tblr-table-hover-color:#232e3c;color:#232e3c;border-color:#e5d5c8}.table-danger{--tblr-table-bg:#fad8d8;--tblr-table-striped-bg:#efd0d0;--tblr-table-striped-color:#232e3c;--tblr-table-active-bg:#e5c7c8;--tblr-table-active-color:#232e3c;--tblr-table-hover-bg:#eacbcc;--tblr-table-hover-color:#232e3c;color:#232e3c;border-color:#e5c7c8}.table-light{--tblr-table-bg:#f1f4f8;--tblr-table-striped-bg:#e7eaef;--tblr-table-striped-color:#232e3c;--tblr-table-active-bg:#dce0e5;--tblr-table-active-color:#232e3c;--tblr-table-hover-bg:#e2e5ea;--tblr-table-hover-color:#232e3c;color:#232e3c;border-color:#dce0e5}.table-dark{--tblr-table-bg:#232e3c;--tblr-table-striped-bg:#2d3845;--tblr-table-striped-color:#f1f4f8;--tblr-table-active-bg:#38424f;--tblr-table-active-color:#f1f4f8;--tblr-table-hover-bg:#323d4a;--tblr-table-hover-color:#f1f4f8;color:#f1f4f8;border-color:#38424f}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem;font-size:.875rem;font-weight:500}.col-form-label{padding-top:calc(.4375rem + 1px);padding-bottom:calc(.4375rem + 1px);margin-bottom:0;font-size:inherit;font-weight:500;line-height:1.4285714}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem}.col-form-label-sm{padding-top:calc(.125rem + 1px);padding-bottom:calc(.125rem + 1px);font-size:.75rem}.form-text{margin-top:.25rem;font-size:85.7142857%;color:#6e757e}.form-control{display:block;width:100%;padding:.4375rem .75rem;font-size:.875rem;font-weight:400;line-height:1.4285714;color:#232e3c;background-color:#fff;background-clip:padding-box;border:1px solid rgba(110,117,126,.24);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:inherit;background-color:#fff;border-color:#90b5e2;outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-control::-webkit-date-and-time-value{height:1.4285714em}.form-control::-webkit-input-placeholder{color:#a7abb1;opacity:1}.form-control::-moz-placeholder{color:#a7abb1;opacity:1}.form-control:-ms-input-placeholder{color:#a7abb1;opacity:1}.form-control::-ms-input-placeholder{color:#a7abb1;opacity:1}.form-control::placeholder{color:#a7abb1;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#f1f4f8;opacity:1}.form-control::file-selector-button{padding:.4375rem .75rem;margin:-.4375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;-moz-margin-end:calc(.75rem - 5px);color:#232e3c;background-color:rgba(35,46,60,.024);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:rgba(7,9,11,.0728)}.form-control::-webkit-file-upload-button{padding:.4375rem .75rem;margin:-.4375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#232e3c;background-color:rgba(35,46,60,.024);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:rgba(7,9,11,.0728)}.form-control-plaintext{display:block;width:100%;padding:.4375rem 0;margin-bottom:0;line-height:1.4285714;color:#232e3c;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.4285714em + .25rem + 2px);padding:.125rem .5rem;font-size:.75rem;border-radius:.2rem}.form-control-sm::file-selector-button{padding:.125rem .5rem;margin:-.125rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem;-moz-margin-end:calc(.5rem - 5px)}.form-control-sm::-webkit-file-upload-button{padding:.125rem .5rem;margin:-.125rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.4285714em + 1rem + 2px);padding:.5rem 1.5rem;font-size:1.25rem;border-radius:.3rem}.form-control-lg::file-selector-button{padding:.5rem 1.5rem;margin:-.5rem -1.5rem;-webkit-margin-end:1.5rem;margin-inline-end:1.5rem;-moz-margin-end:calc(1.5rem - 5px)}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1.5rem;margin:-.5rem -1.5rem;-webkit-margin-end:1.5rem;margin-inline-end:1.5rem}textarea.form-control{min-height:calc(1.4285714em + .875rem + 2px)}textarea.form-control-sm{min-height:calc(1.4285714em + .25rem + 2px)}textarea.form-control-lg{min-height:calc(1.4285714em + 1rem + 2px)}.form-control-color{max-width:3rem;height:auto;padding:.4375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{height:1.4285714em;border-radius:3px}.form-control-color::-webkit-color-swatch{height:1.4285714em;border-radius:3px}.form-select{display:block;width:100%;padding:.4375rem 1.75rem .4375rem .75rem;font-size:.875rem;font-weight:400;line-height:1.4285714;color:#232e3c;vertical-align:middle;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dcdee0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid rgba(110,117,126,.24);border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#90b5e2;outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-select:focus::-ms-value{color:#232e3c;background-color:#fff}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{color:#9fa5ad;background-color:#edf0f4}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #232e3c}.form-select-sm{padding-top:.125rem;padding-bottom:.125rem;padding-left:.5rem;font-size:.75rem}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;font-size:1.25rem}.form-check{display:block;min-height:1.25rem;padding-left:1.5rem;margin-bottom:.5rem}.form-check .form-check-input{float:left;margin-left:-1.5rem}.form-check-input{width:1rem;height:1rem;margin-top:.2142857rem;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(110,117,126,.16);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;transition:background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-check-input{transition:none}}.form-check-input[type=checkbox]{border-radius:3px}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#90b5e2;outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-check-input:checked{background-color:#206bc4;border-color:rgba(110,117,126,.16)}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#206bc4;border-color:#206bc4;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.66}.form-switch{padding-left:2.25rem}.form-switch .form-check-input{width:1.75rem;margin-left:-2.25rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23e8e9ea'/%3e%3c/svg%3e");background-position:left center;border-radius:1.75rem}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2390b5e2'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e")}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}.form-range{width:100%;height:1.25rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #f1f4f8,0 0 0 .25rem rgba(32,107,196,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f1f4f8,0 0 0 .25rem rgba(32,107,196,.25)}.form-range:focus::-ms-thumb{box-shadow:0 0 0 1px #f1f4f8,0 0 0 .25rem rgba(32,107,196,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.375rem;background-color:#206bc4;border:2px solid #fff;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#bcd3ed}.form-range::-webkit-slider-runnable-track{width:100%;height:.25rem;color:transparent;cursor:pointer;background-color:rgba(167,173,180,.24);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#206bc4;border:2px solid #fff;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#bcd3ed}.form-range::-moz-range-track{width:100%;height:.25rem;color:transparent;cursor:pointer;background-color:rgba(167,173,180,.24);border-color:transparent;border-radius:1rem}.form-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.125rem;margin-left:.125rem;background-color:#206bc4;border:2px solid #fff;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-ms-thumb{-ms-transition:none;transition:none}}.form-range::-ms-thumb:active{background-color:#bcd3ed}.form-range::-ms-track{width:100%;height:.25rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.form-range::-ms-fill-lower{background-color:rgba(167,173,180,.24);border-radius:1rem}.form-range::-ms-fill-upper{margin-right:15px;background-color:rgba(167,173,180,.24);border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#c4c8cf}.form-range:disabled::-moz-range-thumb{background-color:#c4c8cf}.form-range:disabled::-ms-thumb{background-color:#c4c8cf}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-select{height:calc(3.5rem + 2px);padding:1rem .75rem}.form-floating>label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control::-webkit-input-placeholder{color:transparent}.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control:-ms-input-placeholder{color:transparent}.form-floating>.form-control::-ms-input-placeholder{color:transparent}.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-ms-input-placeholder){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:not(:-ms-input-placeholder)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}@supports (-ms-ime-align:auto){.form-floating{display:flex;flex-direction:column-reverse}.form-floating>label{position:static;padding:0;margin-bottom:calc(1rem / 2);border:0;transition:none}.form-floating>.form-control::-ms-input-placeholder{color:#a7abb1}}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:3}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{display:flex;align-items:center;padding:.4375rem .75rem;font-size:.875rem;font-weight:400;line-height:1.4285714;color:#6e757e;text-align:center;white-space:nowrap;background-color:rgba(35,46,60,.024);border:1px solid rgba(110,117,126,.24);border-radius:3px}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1.5rem;font-size:1.25rem;border-radius:.3rem}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.125rem .5rem;font-size:.75rem;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:1.75rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:85.7142857%;color:#5eba00}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.765625rem;color:#f1f4f8;background-color:rgba(94,186,0,.9);border-radius:3px}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#5eba00;padding-right:calc(1.4285714em + .875rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.3571429em + .21875rem) center;background-size:calc(.7142857em + .4375rem) calc(.7142857em + .4375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .25rem rgba(94,186,0,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.4285714em + .875rem);background-position:top calc(.3571429em + .21875rem) right calc(.3571429em + .21875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#5eba00;padding-right:calc(.75em + 2.40625rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dcdee0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .75rem center,center right 1.75rem;background-size:16px 12px,calc(.7142857em + .4375rem) calc(.7142857em + .4375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .25rem rgba(94,186,0,.25)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#5eba00}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#5eba00}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(94,186,0,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#5eba00}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:85.7142857%;color:#e53e3e}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.765625rem;color:#f1f4f8;background-color:rgba(229,62,62,.9);border-radius:3px}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#e53e3e;padding-right:calc(1.4285714em + .875rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e53e3e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.3571429em + .21875rem) center;background-size:calc(.7142857em + .4375rem) calc(.7142857em + .4375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#e53e3e;box-shadow:0 0 0 .25rem rgba(229,62,62,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.4285714em + .875rem);background-position:top calc(.3571429em + .21875rem) right calc(.3571429em + .21875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#e53e3e;padding-right:calc(.75em + 2.40625rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dcdee0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e53e3e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");background-position:right .75rem center,center right 1.75rem;background-size:16px 12px,calc(.7142857em + .4375rem) calc(.7142857em + .4375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#e53e3e;box-shadow:0 0 0 .25rem rgba(229,62,62,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#e53e3e}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#e53e3e}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(229,62,62,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#e53e3e}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.btn{display:inline-block;font-weight:500;line-height:1.4285714;color:#232e3c;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.4375rem 1rem;font-size:.875rem;border-radius:3px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#232e3c;text-decoration:none}.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.btn-link{font-weight:400;color:#206bc4;text-decoration:none}.btn-link:hover{color:#1a569d;text-decoration:underline}.btn-link:focus{text-decoration:underline}.btn-link.disabled,.btn-link:disabled{color:#9fa5ad}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1.5rem;font-size:1.25rem;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.125rem .5rem;font-size:.75rem;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px solid;border-left:1px solid;-webkit-margin-end:.1em;margin-inline-end:.1em;-webkit-margin-start:.4em;margin-inline-start:.4em;transform:rotate(-45deg)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:14rem;padding:.25rem 0;margin:1px 0 0;font-size:.875rem;color:#232e3c;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(110,117,126,.16);border-radius:3px}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-left{right:auto;left:0}.dropdown-menu-xxl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:1px}.dropup .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px solid;border-left:1px solid;-webkit-margin-end:.1em;margin-inline-end:.1em;-webkit-margin-start:.4em;margin-inline-start:.4em;transform:rotate(135deg)}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:1px}.dropright .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px solid;border-left:1px solid;-webkit-margin-end:.1em;margin-inline-end:.1em;-webkit-margin-start:.4em;margin-inline-start:.4em;transform:rotate(-135deg)}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:1px}.dropleft .dropdown-toggle:before{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px solid;border-left:1px solid;-webkit-margin-end:.1em;margin-inline-end:.1em;-webkit-margin-end:.4em;margin-inline-end:.4em;transform:rotate(45deg)}.dropleft .dropdown-toggle:after{content:none}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid rgba(110,117,126,.16)}.dropdown-item{display:block;width:100%;padding:.5rem .75rem;clear:both;font-weight:400;color:inherit;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:inherit;text-decoration:none;background-color:rgba(110,117,126,.06)}.dropdown-item.active,.dropdown-item:active{color:#206bc4;text-decoration:none;background-color:rgba(32,107,196,.06)}.dropdown-item.disabled,.dropdown-item:disabled{color:#9fa5ad;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.25rem .75rem;margin-bottom:0;font-size:.765625rem;color:#9fa5ad;white-space:nowrap}.dropdown-item-text{display:block;padding:.5rem .75rem;color:inherit}.dropdown-menu-dark{color:#e5e8ed;background-color:#444e5a;border-color:rgba(110,117,126,.16)}.dropdown-menu-dark .dropdown-item{color:#e5e8ed}.dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover{color:#fff;background-color:rgba(255,255,255,.15)}.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{color:#206bc4;background-color:rgba(32,107,196,.06)}.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{color:#c4c8cf}.dropdown-menu-dark .dropdown-divider{border-color:rgba(110,117,126,.16)}.dropdown-menu-dark .dropdown-item-text{color:#e5e8ed}.dropdown-menu-dark .dropdown-header{color:#c4c8cf}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:1.125rem;padding-left:1.125rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.25rem .75rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#9fa5ad;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #e5e8ed}.nav-tabs .nav-link{margin-bottom:-1px;border:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#edf0f4 #edf0f4 #e5e8ed}.nav-tabs .nav-link.disabled{color:#9fa5ad;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#6d7580;background-color:#f1f4f8;border-color:#e5e8ed #e5e8ed #f1f4f8}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:3px}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#206bc4}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.25rem;padding-bottom:.25rem}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.25rem;padding-bottom:.25rem;margin-right:0;font-size:1rem;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.25rem;padding-bottom:.25rem}.navbar-collapse{align-items:center;width:100%}.navbar-toggler{padding:0 0;font-size:1rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:3px;transition:box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand-sm .navbar-collapse{display:flex!important}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand-md .navbar-collapse{display:flex!important}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand-lg .navbar-collapse{display:flex!important}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand-xl .navbar-collapse{display:flex!important}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand-xxl .navbar-collapse{display:flex!important}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand .navbar-collapse{display:flex!important}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:#232e3c}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:#232e3c}.navbar-light .navbar-nav .nav-link{color:rgba(35,46,60,.66)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(35,46,60,.3)}.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:#232e3c}.navbar-light .navbar-toggler{color:rgba(35,46,60,.66);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2835, 46, 60, 0.66%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(35,46,60,.66)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:#232e3c}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.66)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.3)}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.66);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.66%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.66)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(110,117,126,.16);border-radius:3px}.card>.hr,.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:2px;border-top-right-radius:2px}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:1rem 1rem}.card-title{margin-bottom:.5rem}.card-subtitle{margin-top:-.25rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(35,46,60,.024);border-bottom:1px solid rgba(110,117,126,.16)}.card-header:first-child{border-radius:2px 2px 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(35,46,60,.024);border-top:1px solid rgba(110,117,126,.16)}.card-footer:last-child{border-radius:0 0 2px 2px}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-tabs .nav-link.active{background-color:#fff;border-bottom-color:#fff}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;border-radius:2px}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:2px;border-top-right-radius:2px}.card-img,.card-img-bottom{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.card-group>.card{margin-bottom:1.5rem}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:flex;flex-wrap:wrap;padding:.5rem 1rem;margin-bottom:1rem;list-style:none;background-color:#edf0f4;border-radius:3px}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#9fa5ad;content:"/"}.breadcrumb-item.active{color:#9fa5ad}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#6e757e;background-color:transparent;border:0 solid #e5e8ed;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:#1a569d;text-decoration:none;background-color:#edf0f4;border-color:#e5e8ed}.page-link:focus{z-index:3;color:#1a569d;background-color:#edf0f4;outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.page-item:not(:first-child) .page-link{margin-left:0}.page-item.active .page-link{z-index:3;color:#fff;background-color:#206bc4;border-color:#206bc4}.page-item.disabled .page-link{color:rgba(110,117,126,.5);pointer-events:none;background-color:transparent;border-color:#e5e8ed}.page-link{padding:.25rem .25rem}.page-item:first-child .page-link{border-top-left-radius:3px;border-bottom-left-radius:3px}.page-item:last-child .page-link{border-top-right-radius:3px;border-bottom-right-radius:3px}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.09375rem}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.765625rem}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.35em .65em;font-size:85.7142857%;font-weight:500;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:3px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:3px}.alert-heading{color:inherit}.alert-link{font-weight:600}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{color:#103662;background-color:#d2e1f3;border-color:#bcd3ed}.alert-primary .alert-link{color:#0d2b4e}.alert-secondary{color:#373b3f;background-color:#e2e3e5;border-color:#d4d6d8}.alert-secondary .alert-link{color:#2c2f32}.alert-success{color:#2f5d00;background-color:#dff1cc;border-color:#cfeab3}.alert-success .alert-link{color:#264a00}.alert-info{color:#214d71;background-color:#d9ebf9;border-color:#c6e0f6}.alert-info .alert-link{color:#1a3e5a}.alert-warning{color:#77451b;background-color:#fbe7d7;border-color:#fadcc3}.alert-warning .alert-link{color:#5f3716}.alert-danger{color:#731f1f;background-color:#fad8d8;border-color:#f7c5c5}.alert-danger .alert-link{color:#5c1919}.alert-light{color:#797a7c;background-color:#fcfdfe;border-color:#fbfcfd}.alert-light .alert-link{color:#616263}.alert-dark{color:#12171e;background-color:#d3d5d8;border-color:#bdc0c5}.alert-dark .alert-link{color:#0e1218}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:.5rem}}@keyframes progress-bar-stripes{0%{background-position-x:.5rem}}.progress{display:flex;height:.5rem;overflow:hidden;font-size:.65625rem;background-color:rgba(167,173,180,.24);border-radius:3px}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#206bc4;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:.5rem .5rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:3px}.list-group-item-action{width:100%;color:inherit;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:inherit;text-decoration:none;background-color:#f1f4f8}.list-group-item-action:active{color:#232e3c;background-color:#edf0f4}.list-group-item{position:relative;display:block;padding:.5rem .75rem;background-color:inherit;border:1px solid #e8e9ea}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#9fa5ad;pointer-events:none;background-color:inherit}.list-group-item.active{z-index:2;color:#fff;background-color:#206bc4;border-color:#206bc4}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:3px;border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-top-right-radius:3px;border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#103662;background-color:#d2e1f3}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#103662;background-color:#bdcbdb}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#103662;border-color:#103662}.list-group-item-secondary{color:#373b3f;background-color:#e2e3e5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#373b3f;background-color:#cbccce}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#373b3f;border-color:#373b3f}.list-group-item-success{color:#2f5d00;background-color:#dff1cc}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#2f5d00;background-color:#c9d9b8}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#2f5d00;border-color:#2f5d00}.list-group-item-info{color:#214d71;background-color:#d9ebf9}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#214d71;background-color:#c3d4e0}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#214d71;border-color:#214d71}.list-group-item-warning{color:#77451b;background-color:#fbe7d7}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#77451b;background-color:#e2d0c2}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#77451b;border-color:#77451b}.list-group-item-danger{color:#731f1f;background-color:#fad8d8}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#731f1f;background-color:#e1c2c2}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#731f1f;border-color:#731f1f}.list-group-item-light{color:#797a7c;background-color:#fcfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#797a7c;background-color:#e3e4e5}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#797a7c;border-color:#797a7c}.list-group-item-dark{color:#12171e;background-color:#d3d5d8}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#12171e;background-color:#bec0c2}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#12171e;border-color:#12171e}.btn-close{box-sizing:content-box;width:.75rem;height:.75rem;padding:.25em .25em;color:inherit;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='inherit' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") no-repeat center center/.75rem auto;border:0;border-radius:3px;opacity:.5}.btn-close:hover{color:inherit;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(32,107,196,.25);opacity:1}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{max-width:350px;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid #e8e9ea;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);opacity:0;border-radius:3px}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:flex;align-items:center;padding:.5rem .75rem;color:#6e757e;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:2px;border-top-right-radius:2px}.toast-header .btn-close{margin-right:-.375rem;margin-left:.75rem}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-1rem)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fbfbfb;background-clip:padding-box;border:1px solid transparent;border-radius:3px;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#232e3c}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.24}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e8e9ea;border-top-left-radius:2px;border-top-right-radius:2px}.modal-header .btn-close{padding:.75rem .75rem;margin:-.75rem -.75rem -.75rem auto}.modal-title{margin-bottom:0;line-height:1.4285714}.modal-body{position:relative;flex:1 1 auto;padding:1.5rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:1.125rem;border-top:0 solid #e8e9ea;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.modal-footer>*{margin:.375rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:540px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:380px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:720px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:var(--tblr-font-sans-serif);font-style:normal;font-weight:400;line-height:1.4285714;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.765625rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .tooltip-arrow,.bs-tooltip-right .tooltip-arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .tooltip-arrow::before,.bs-tooltip-right .tooltip-arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .tooltip-arrow,.bs-tooltip-left .tooltip-arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .tooltip-arrow::before,.bs-tooltip-left .tooltip-arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:3px}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:var(--tblr-font-sans-serif);font-style:normal;font-weight:400;line-height:1.4285714;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.765625rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid #e8e9ea;border-radius:.3rem}.popover .popover-arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:#e8e9ea}.bs-popover-auto[x-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.popover-arrow,.bs-popover-right>.popover-arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.popover-arrow::before,.bs-popover-right>.popover-arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:#e8e9ea}.bs-popover-auto[x-placement^=right]>.popover-arrow::after,.bs-popover-right>.popover-arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:#e8e9ea}.bs-popover-auto[x-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f0f0f0}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.popover-arrow,.bs-popover-left>.popover-arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.popover-arrow::before,.bs-popover-left>.popover-arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:#e8e9ea}.bs-popover-auto[x-placement^=left]>.popover-arrow::after,.bs-popover-left>.popover-arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;background-color:#f0f0f0;border-bottom:1px solid #d8d8d8;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:1rem 1rem;color:#232e3c}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:1.5rem;height:1.5rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators li{background-color:#000}.carousel-dark .carousel-caption{color:#000}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:1.5rem;height:1.5rem;vertical-align:text-bottom;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:1px}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:1.5rem;height:1.5rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.clearfix::after{display:block;clear:both;content:""}.link-primary{color:#206bc4}.link-primary:focus,.link-primary:hover{color:#1a569d}.link-secondary{color:#6e757e}.link-secondary:focus,.link-secondary:hover{color:#585e65}.link-success{color:#5eba00}.link-success:focus,.link-success:hover{color:#4b9500}.link-info{color:#4299e1}.link-info:focus,.link-info:hover{color:#357ab4}.link-warning{color:#ed8936}.link-warning:focus,.link-warning:hover{color:#be6e2b}.link-danger{color:#e53e3e}.link-danger:focus,.link-danger:hover{color:#b73232}.link-light{color:#f1f4f8}.link-light:focus,.link-light:hover{color:#f4f6f9}.link-dark{color:#232e3c}.link-dark:focus,.link-dark:hover{color:#1c2530}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--aspect-ratio:100%}.ratio-4x3{--aspect-ratio:calc(3 / 4 * 100%)}.ratio-16x9{--aspect-ratio:calc(9 / 16 * 100%)}.ratio-21x9{--aspect-ratio:calc(9 / 21 * 100%)}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.visually-hidden,.visually-hidden-focusable:not(:focus){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-left{float:inline-start!important}.float-right{float:inline-end!important}.float-none{float:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.left-0{left:0!important}.left-50{left:50%!important}.left-100{left:100%!important}.right-0{right:0!important}.right-50{right:50%!important}.right-100{right:100%!important}.translate-middle{transform:translateX(-50%) translateY(-50%)!important}.border{border:1px solid rgba(110,117,126,.16)!important}.border-wide{border:2px solid rgba(110,117,126,.16)!important}.border-0{border:0!important}.border-top{border-top:1px solid rgba(110,117,126,.16)!important}.border-top-wide{border-top:2px solid rgba(110,117,126,.16)!important}.border-top-0{border-top:0!important}.border-right{border-right:1px solid rgba(110,117,126,.16)!important}.border-right-wide{border-right:2px solid rgba(110,117,126,.16)!important}.border-right-0{border-right:0!important}.border-bottom{border-bottom:1px solid rgba(110,117,126,.16)!important}.border-bottom-wide{border-bottom:2px solid rgba(110,117,126,.16)!important}.border-bottom-0{border-bottom:0!important}.border-left{border-left:1px solid rgba(110,117,126,.16)!important}.border-left-wide{border-left:2px solid rgba(110,117,126,.16)!important}.border-left-0{border-left:0!important}.border-primary{border-color:#206bc4!important}.border-secondary{border-color:#6e757e!important}.border-success{border-color:#5eba00!important}.border-info{border-color:#4299e1!important}.border-warning{border-color:#ed8936!important}.border-danger{border-color:#e53e3e!important}.border-light{border-color:#f1f4f8!important}.border-dark{border-color:#232e3c!important}.border-white{border-color:#fff!important}.border-0{border-width:0!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.w-1{width:1%!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-1{height:1%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.25rem!important}.m-5{margin:3rem!important}.m-6{margin:4.5rem!important}.m-auto{margin:auto!important}.m{margin:1rem!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.25rem!important;margin-left:1.25rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.25rem!important;margin-bottom:1.25rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.25rem!important}.mt-5{margin-top:3rem!important}.mt-6{margin-top:4.5rem!important}.mt-auto{margin-top:auto!important}.mt{margin-top:1rem!important}.mr-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-4{-webkit-margin-end:1.25rem!important;margin-inline-end:1.25rem!important}.mr-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mr{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.25rem!important}.mb-5{margin-bottom:3rem!important}.mb-6{margin-bottom:4.5rem!important}.mb-auto{margin-bottom:auto!important}.mb{margin-bottom:1rem!important}.ml-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-4{-webkit-margin-start:1.25rem!important;margin-inline-start:1.25rem!important}.ml-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.ml{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.25rem!important}.p-5{padding:3rem!important}.p-6{padding:4.5rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.25rem!important;padding-left:1.25rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.px-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.25rem!important}.pt-5{padding-top:3rem!important}.pt-6{padding-top:4.5rem!important}.pr-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-4{-webkit-padding-end:1.25rem!important;padding-inline-end:1.25rem!important}.pr-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.25rem!important}.pb-5{padding-bottom:3rem!important}.pb-6{padding-bottom:4.5rem!important}.pl-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-4{-webkit-padding-start:1.25rem!important;padding-inline-start:1.25rem!important}.pl-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.text-h1{font-size:1.75rem!important}.text-h2{font-size:1.25rem!important}.text-h3{font-size:1rem!important}.text-h4{font-size:.875rem!important}.text-h5{font-size:.75rem!important}.text-h6{font-size:.625rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-medium{font-weight:500!important}.font-weight-bold{font-weight:600!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-left{text-align:start!important}.text-right{text-align:end!important}.text-center{text-align:center!important}.text-primary{color:#206bc4!important}.text-secondary{color:#6e757e!important}.text-success{color:#5eba00!important}.text-info{color:#4299e1!important}.text-warning{color:#ed8936!important}.text-danger{color:#e53e3e!important}.text-light{color:#f1f4f8!important}.text-dark{color:#232e3c!important}.text-white{color:#fff!important}.text-body{color:#232e3c!important}.text-muted{color:#6e757e!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-reset{color:inherit!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.1428571!important}.lh-base{line-height:1.4285714!important}.lh-lg{line-height:1.7142857!important}.bg-primary{background-color:#206bc4!important}.bg-secondary{background-color:#6e757e!important}.bg-success{background-color:#5eba00!important}.bg-info{background-color:#4299e1!important}.bg-warning{background-color:#ed8936!important}.bg-danger{background-color:#e53e3e!important}.bg-light{background-color:#f1f4f8!important}.bg-dark{background-color:#232e3c!important}.bg-body{background-color:#f1f4f8!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.bg-gradient{background-image:var(--tblr-gradient)!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.font-monospace{font-family:var(--tblr-font-monospace)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;-ms-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:3px!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.2rem!important}.rounded-2{border-radius:3px!important}.rounded-3{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-top{border-top-left-radius:3px!important;border-top-right-radius:3px!important}.rounded-right{border-top-right-radius:3px!important;border-bottom-right-radius:3px!important}.rounded-bottom{border-bottom-right-radius:3px!important;border-bottom-left-radius:3px!important}.rounded-left{border-bottom-left-radius:3px!important;border-top-left-radius:3px!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.object-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-scale-down{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-none{-o-object-fit:none!important;object-fit:none!important}.tracking-tight{letter-spacing:-.05em!important}.tracking-normal{letter-spacing:0!important}.tracking-wide{letter-spacing:.05em!important}.cursor-auto{cursor:auto!important}.cursor-pointer{cursor:pointer!important}.cursor-move{cursor:move!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-zoom-in{cursor:zoom-in!important}.cursor-zoom-out{cursor:zoom-out!important}@media (min-width:576px){.float-sm-left{float:inline-start!important}.float-sm-right{float:inline-end!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.25rem!important}.m-sm-5{margin:3rem!important}.m-sm-6{margin:4.5rem!important}.m-sm-auto{margin:auto!important}.m-sm{margin:1rem!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.25rem!important;margin-left:1.25rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.25rem!important;margin-bottom:1.25rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.25rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-6{margin-top:4.5rem!important}.mt-sm-auto{margin-top:auto!important}.mt-sm{margin-top:1rem!important}.mr-sm-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-sm-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-sm-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-sm-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-sm-4{-webkit-margin-end:1.25rem!important;margin-inline-end:1.25rem!important}.mr-sm-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-sm-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-sm-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mr-sm{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.25rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-6{margin-bottom:4.5rem!important}.mb-sm-auto{margin-bottom:auto!important}.mb-sm{margin-bottom:1rem!important}.ml-sm-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-sm-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-sm-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-sm-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-sm-4{-webkit-margin-start:1.25rem!important;margin-inline-start:1.25rem!important}.ml-sm-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-sm-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-sm-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.ml-sm{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.25rem!important}.p-sm-5{padding:3rem!important}.p-sm-6{padding:4.5rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.25rem!important;padding-left:1.25rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.px-sm-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-sm-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.25rem!important}.pt-sm-5{padding-top:3rem!important}.pt-sm-6{padding-top:4.5rem!important}.pr-sm-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-sm-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-sm-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-sm-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-sm-4{-webkit-padding-end:1.25rem!important;padding-inline-end:1.25rem!important}.pr-sm-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-sm-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.25rem!important}.pb-sm-5{padding-bottom:3rem!important}.pb-sm-6{padding-bottom:4.5rem!important}.pl-sm-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-sm-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-sm-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-sm-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-sm-4{-webkit-padding-start:1.25rem!important;padding-inline-start:1.25rem!important}.pl-sm-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-sm-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.text-sm-left{text-align:start!important}.text-sm-right{text-align:end!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-left{float:inline-start!important}.float-md-right{float:inline-end!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.25rem!important}.m-md-5{margin:3rem!important}.m-md-6{margin:4.5rem!important}.m-md-auto{margin:auto!important}.m-md{margin:1rem!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.25rem!important;margin-left:1.25rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.25rem!important;margin-bottom:1.25rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.25rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-6{margin-top:4.5rem!important}.mt-md-auto{margin-top:auto!important}.mt-md{margin-top:1rem!important}.mr-md-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-md-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-md-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-md-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-md-4{-webkit-margin-end:1.25rem!important;margin-inline-end:1.25rem!important}.mr-md-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-md-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-md-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mr-md{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.25rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-6{margin-bottom:4.5rem!important}.mb-md-auto{margin-bottom:auto!important}.mb-md{margin-bottom:1rem!important}.ml-md-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-md-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-md-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-md-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-md-4{-webkit-margin-start:1.25rem!important;margin-inline-start:1.25rem!important}.ml-md-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-md-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-md-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.ml-md{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.25rem!important}.p-md-5{padding:3rem!important}.p-md-6{padding:4.5rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.25rem!important;padding-left:1.25rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.px-md-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-md-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.25rem!important}.pt-md-5{padding-top:3rem!important}.pt-md-6{padding-top:4.5rem!important}.pr-md-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-md-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-md-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-md-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-md-4{-webkit-padding-end:1.25rem!important;padding-inline-end:1.25rem!important}.pr-md-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-md-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.25rem!important}.pb-md-5{padding-bottom:3rem!important}.pb-md-6{padding-bottom:4.5rem!important}.pl-md-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-md-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-md-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-md-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-md-4{-webkit-padding-start:1.25rem!important;padding-inline-start:1.25rem!important}.pl-md-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-md-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.text-md-left{text-align:start!important}.text-md-right{text-align:end!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-left{float:inline-start!important}.float-lg-right{float:inline-end!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.25rem!important}.m-lg-5{margin:3rem!important}.m-lg-6{margin:4.5rem!important}.m-lg-auto{margin:auto!important}.m-lg{margin:1rem!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.25rem!important;margin-left:1.25rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.25rem!important;margin-bottom:1.25rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.25rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-6{margin-top:4.5rem!important}.mt-lg-auto{margin-top:auto!important}.mt-lg{margin-top:1rem!important}.mr-lg-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-lg-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-lg-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-lg-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-lg-4{-webkit-margin-end:1.25rem!important;margin-inline-end:1.25rem!important}.mr-lg-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-lg-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-lg-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mr-lg{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.25rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-6{margin-bottom:4.5rem!important}.mb-lg-auto{margin-bottom:auto!important}.mb-lg{margin-bottom:1rem!important}.ml-lg-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-lg-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-lg-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-lg-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-lg-4{-webkit-margin-start:1.25rem!important;margin-inline-start:1.25rem!important}.ml-lg-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-lg-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-lg-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.ml-lg{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.25rem!important}.p-lg-5{padding:3rem!important}.p-lg-6{padding:4.5rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.25rem!important;padding-left:1.25rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.px-lg-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-lg-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.25rem!important}.pt-lg-5{padding-top:3rem!important}.pt-lg-6{padding-top:4.5rem!important}.pr-lg-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-lg-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-lg-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-lg-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-lg-4{-webkit-padding-end:1.25rem!important;padding-inline-end:1.25rem!important}.pr-lg-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-lg-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.25rem!important}.pb-lg-5{padding-bottom:3rem!important}.pb-lg-6{padding-bottom:4.5rem!important}.pl-lg-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-lg-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-lg-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-lg-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-lg-4{-webkit-padding-start:1.25rem!important;padding-inline-start:1.25rem!important}.pl-lg-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-lg-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.text-lg-left{text-align:start!important}.text-lg-right{text-align:end!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-left{float:inline-start!important}.float-xl-right{float:inline-end!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.25rem!important}.m-xl-5{margin:3rem!important}.m-xl-6{margin:4.5rem!important}.m-xl-auto{margin:auto!important}.m-xl{margin:1rem!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.25rem!important;margin-left:1.25rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.25rem!important;margin-bottom:1.25rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.25rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-6{margin-top:4.5rem!important}.mt-xl-auto{margin-top:auto!important}.mt-xl{margin-top:1rem!important}.mr-xl-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-xl-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-xl-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-xl-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-xl-4{-webkit-margin-end:1.25rem!important;margin-inline-end:1.25rem!important}.mr-xl-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-xl-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-xl-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mr-xl{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.25rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-6{margin-bottom:4.5rem!important}.mb-xl-auto{margin-bottom:auto!important}.mb-xl{margin-bottom:1rem!important}.ml-xl-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-xl-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-xl-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-xl-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-xl-4{-webkit-margin-start:1.25rem!important;margin-inline-start:1.25rem!important}.ml-xl-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-xl-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-xl-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.ml-xl{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.25rem!important}.p-xl-5{padding:3rem!important}.p-xl-6{padding:4.5rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.25rem!important;padding-left:1.25rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.px-xl-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-xl-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.25rem!important}.pt-xl-5{padding-top:3rem!important}.pt-xl-6{padding-top:4.5rem!important}.pr-xl-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-xl-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-xl-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-xl-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-xl-4{-webkit-padding-end:1.25rem!important;padding-inline-end:1.25rem!important}.pr-xl-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-xl-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.25rem!important}.pb-xl-5{padding-bottom:3rem!important}.pb-xl-6{padding-bottom:4.5rem!important}.pl-xl-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-xl-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-xl-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-xl-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-xl-4{-webkit-padding-start:1.25rem!important;padding-inline-start:1.25rem!important}.pl-xl-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-xl-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.text-xl-left{text-align:start!important}.text-xl-right{text-align:end!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-left{float:inline-start!important}.float-xxl-right{float:inline-end!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.25rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-6{margin:4.5rem!important}.m-xxl-auto{margin:auto!important}.m-xxl{margin:1rem!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.25rem!important;margin-left:1.25rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-6{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.25rem!important;margin-bottom:1.25rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.25rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-6{margin-top:4.5rem!important}.mt-xxl-auto{margin-top:auto!important}.mt-xxl{margin-top:1rem!important}.mr-xxl-0{-webkit-margin-end:0!important;margin-inline-end:0!important}.mr-xxl-1{-webkit-margin-end:.25rem!important;margin-inline-end:.25rem!important}.mr-xxl-2{-webkit-margin-end:.5rem!important;margin-inline-end:.5rem!important}.mr-xxl-3{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mr-xxl-4{-webkit-margin-end:1.25rem!important;margin-inline-end:1.25rem!important}.mr-xxl-5{-webkit-margin-end:3rem!important;margin-inline-end:3rem!important}.mr-xxl-6{-webkit-margin-end:4.5rem!important;margin-inline-end:4.5rem!important}.mr-xxl-auto{-webkit-margin-end:auto!important;margin-inline-end:auto!important}.mr-xxl{-webkit-margin-end:1rem!important;margin-inline-end:1rem!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.25rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-6{margin-bottom:4.5rem!important}.mb-xxl-auto{margin-bottom:auto!important}.mb-xxl{margin-bottom:1rem!important}.ml-xxl-0{-webkit-margin-start:0!important;margin-inline-start:0!important}.ml-xxl-1{-webkit-margin-start:.25rem!important;margin-inline-start:.25rem!important}.ml-xxl-2{-webkit-margin-start:.5rem!important;margin-inline-start:.5rem!important}.ml-xxl-3{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.ml-xxl-4{-webkit-margin-start:1.25rem!important;margin-inline-start:1.25rem!important}.ml-xxl-5{-webkit-margin-start:3rem!important;margin-inline-start:3rem!important}.ml-xxl-6{-webkit-margin-start:4.5rem!important;margin-inline-start:4.5rem!important}.ml-xxl-auto{-webkit-margin-start:auto!important;margin-inline-start:auto!important}.ml-xxl{-webkit-margin-start:1rem!important;margin-inline-start:1rem!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.25rem!important}.p-xxl-5{padding:3rem!important}.p-xxl-6{padding:4.5rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.25rem!important;padding-left:1.25rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.px-xxl-6{padding-right:4.5rem!important;padding-left:4.5rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.py-xxl-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.25rem!important}.pt-xxl-5{padding-top:3rem!important}.pt-xxl-6{padding-top:4.5rem!important}.pr-xxl-0{-webkit-padding-end:0!important;padding-inline-end:0!important}.pr-xxl-1{-webkit-padding-end:.25rem!important;padding-inline-end:.25rem!important}.pr-xxl-2{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important}.pr-xxl-3{-webkit-padding-end:1rem!important;padding-inline-end:1rem!important}.pr-xxl-4{-webkit-padding-end:1.25rem!important;padding-inline-end:1.25rem!important}.pr-xxl-5{-webkit-padding-end:3rem!important;padding-inline-end:3rem!important}.pr-xxl-6{-webkit-padding-end:4.5rem!important;padding-inline-end:4.5rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.25rem!important}.pb-xxl-5{padding-bottom:3rem!important}.pb-xxl-6{padding-bottom:4.5rem!important}.pl-xxl-0{-webkit-padding-start:0!important;padding-inline-start:0!important}.pl-xxl-1{-webkit-padding-start:.25rem!important;padding-inline-start:.25rem!important}.pl-xxl-2{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important}.pl-xxl-3{-webkit-padding-start:1rem!important;padding-inline-start:1rem!important}.pl-xxl-4{-webkit-padding-start:1.25rem!important;padding-inline-start:1.25rem!important}.pl-xxl-5{-webkit-padding-start:3rem!important;padding-inline-start:3rem!important}.pl-xxl-6{-webkit-padding-start:4.5rem!important;padding-inline-start:4.5rem!important}.text-xxl-left{text-align:start!important}.text-xxl-right{text-align:end!important}.text-xxl-center{text-align:center!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}html{font-size:16px;scroll-behavior:smooth}body{overflow-y:scroll;letter-spacing:0;touch-action:manipulation;text-rendering:optimizeLegibility;font-feature-settings:"liga" 0;position:relative}body .content ::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}body .content ::-webkit-scrollbar-thumb{border-radius:5px;background:#d8dce1}body .content ::-webkit-scrollbar-corner{background:0 0}body .content :hover::-webkit-scrollbar-thumb{background:#c4c8cf;background:#c4c8cf}@media print{body{background:0 0}}.navbar{align-items:stretch;min-height:3.5rem;background:0 0;color:rgba(35,46,60,.66)}.navbar-collapse .navbar{flex-grow:1}.navbar.collapsing{min-height:0}.navbar::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.navbar::-webkit-scrollbar-thumb{border-radius:5px;background:#d8dce1}.navbar::-webkit-scrollbar-corner{background:0 0}.navbar:hover::-webkit-scrollbar-thumb{background:#c4c8cf;background:#c4c8cf}.navbar .text-muted{color:rgba(35,46,60,.66)!important}.navbar .navbar-brand{color:#232e3c}.navbar .navbar-brand:focus,.navbar .navbar-brand:hover{color:#232e3c;opacity:.8}.navbar .navbar-nav .nav-link{color:rgba(35,46,60,.66)}.navbar .navbar-nav .nav-link:focus,.navbar .navbar-nav .nav-link:hover{color:#232e3c}.navbar .navbar-nav .nav-link.disabled{color:rgba(35,46,60,.3)}.navbar .navbar-nav .active>.nav-link,.navbar .navbar-nav .nav-link.active,.navbar .navbar-nav .nav-link.show,.navbar .navbar-nav .show>.nav-link{color:#232e3c}.navbar .navbar-toggler{color:#232e3c;border-color:transparent}.navbar .navbar-text{color:rgba(35,46,60,.66)}.navbar .navbar-text a,.navbar .navbar-text a:focus,.navbar .navbar-text a:hover{color:rgba(35,46,60,.66)}@media not print{.theme-dark .navbar{background:#232e3c;color:rgba(255,255,255,.66)}.theme-dark .navbar::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.theme-dark .navbar::-webkit-scrollbar-thumb{border-radius:5px;background:#d8dce1}.theme-dark .navbar::-webkit-scrollbar-corner{background:0 0}.theme-dark .navbar:hover::-webkit-scrollbar-thumb{background:#c4c8cf;background:#c4c8cf}.theme-dark .navbar .text-muted{color:rgba(255,255,255,.66)!important}.theme-dark .navbar .navbar-brand{color:#fff}.theme-dark .navbar .navbar-brand:focus,.theme-dark .navbar .navbar-brand:hover{color:#fff;opacity:.8}.theme-dark .navbar .navbar-nav .nav-link{color:rgba(255,255,255,.66)}.theme-dark .navbar .navbar-nav .nav-link:focus,.theme-dark .navbar .navbar-nav .nav-link:hover{color:#fff}.theme-dark .navbar .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.3)}.theme-dark .navbar .navbar-nav .active>.nav-link,.theme-dark .navbar .navbar-nav .nav-link.active,.theme-dark .navbar .navbar-nav .nav-link.show,.theme-dark .navbar .navbar-nav .show>.nav-link{color:#fff}.theme-dark .navbar .navbar-toggler{color:#fff;border-color:transparent}.theme-dark .navbar .navbar-text{color:rgba(255,255,255,.66)}.theme-dark .navbar .navbar-text a,.theme-dark .navbar .navbar-text a:focus,.theme-dark .navbar .navbar-text a:hover{color:rgba(255,255,255,.66)}.theme-dark .navbar::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.theme-dark .navbar::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.theme-dark .navbar::-webkit-scrollbar-corner{background:0 0}.theme-dark .navbar:hover::-webkit-scrollbar-thumb{background:#c4c8cf;background:#4f5863}.theme-dark .navbar .input-icon-addon{color:rgba(241,244,248,.64)}.theme-dark .navbar .form-control{border-color:transparent;background-color:rgba(0,0,0,.1)}.theme-dark .navbar .form-control::-webkit-input-placeholder{color:rgba(241,244,248,.64)}.theme-dark .navbar .form-control::-moz-placeholder{color:rgba(241,244,248,.64)}.theme-dark .navbar .form-control:-ms-input-placeholder{color:rgba(241,244,248,.64)}.theme-dark .navbar .form-control::-ms-input-placeholder{color:rgba(241,244,248,.64)}.theme-dark .navbar .form-control::placeholder{color:rgba(241,244,248,.64)}}@media not print and (prefers-color-scheme:dark){.theme-dark-auto .navbar{background:#232e3c;color:rgba(255,255,255,.66)}.theme-dark-auto .navbar::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.theme-dark-auto .navbar::-webkit-scrollbar-thumb{border-radius:5px;background:#d8dce1}.theme-dark-auto .navbar::-webkit-scrollbar-corner{background:0 0}.theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb{background:#c4c8cf;background:#c4c8cf}.theme-dark-auto .navbar .text-muted{color:rgba(255,255,255,.66)!important}.theme-dark-auto .navbar .navbar-brand{color:#fff}.theme-dark-auto .navbar .navbar-brand:focus,.theme-dark-auto .navbar .navbar-brand:hover{color:#fff;opacity:.8}.theme-dark-auto .navbar .navbar-nav .nav-link{color:rgba(255,255,255,.66)}.theme-dark-auto .navbar .navbar-nav .nav-link:focus,.theme-dark-auto .navbar .navbar-nav .nav-link:hover{color:#fff}.theme-dark-auto .navbar .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.3)}.theme-dark-auto .navbar .navbar-nav .active>.nav-link,.theme-dark-auto .navbar .navbar-nav .nav-link.active,.theme-dark-auto .navbar .navbar-nav .nav-link.show,.theme-dark-auto .navbar .navbar-nav .show>.nav-link{color:#fff}.theme-dark-auto .navbar .navbar-toggler{color:#fff;border-color:transparent}.theme-dark-auto .navbar .navbar-text{color:rgba(255,255,255,.66)}.theme-dark-auto .navbar .navbar-text a,.theme-dark-auto .navbar .navbar-text a:focus,.theme-dark-auto .navbar .navbar-text a:hover{color:rgba(255,255,255,.66)}.theme-dark-auto .navbar::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.theme-dark-auto .navbar::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.theme-dark-auto .navbar::-webkit-scrollbar-corner{background:0 0}.theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb{background:#c4c8cf;background:#4f5863}.theme-dark-auto .navbar .input-icon-addon{color:rgba(241,244,248,.64)}.theme-dark-auto .navbar .form-control{border-color:transparent;background-color:rgba(0,0,0,.1)}.theme-dark-auto .navbar .form-control::-webkit-input-placeholder{color:rgba(241,244,248,.64)}.theme-dark-auto .navbar .form-control::-moz-placeholder{color:rgba(241,244,248,.64)}.theme-dark-auto .navbar .form-control:-ms-input-placeholder{color:rgba(241,244,248,.64)}.theme-dark-auto .navbar .form-control::-ms-input-placeholder{color:rgba(241,244,248,.64)}.theme-dark-auto .navbar .form-control::placeholder{color:rgba(241,244,248,.64)}}.navbar .dropdown-menu{position:absolute;z-index:1030}.navbar .navbar-nav{min-height:3rem}.navbar .navbar-nav .nav-link{position:relative;min-width:2rem;min-height:2rem;justify-content:center;border-radius:3px}.navbar .navbar-nav .nav-link .badge{position:absolute;top:.375rem;right:.375rem;transform:translate(50%,-50%)}.navbar-nav{margin:0;padding:0}.navbar-expand-sm .navbar-collapse{flex-direction:column}.navbar-expand-sm .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand-sm .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-expand-sm .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-expand-sm .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-expand-sm .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-expand-sm .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}@media (min-width:576px){.navbar-expand-sm .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand-sm .navbar-dark .nav-item.active .nav-link,.navbar-expand-sm.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand-sm .navbar-light .nav-item.active,.navbar-expand-sm.navbar-light .nav-item.active{position:relative}.navbar-expand-sm .navbar-light .nav-item.active:after,.navbar-expand-sm.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}}@media (max-width:575.98px){.navbar-expand-md .navbar-collapse{flex-direction:column}.navbar-expand-md .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand-md .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-expand-md .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-expand-md .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-expand-md .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-expand-md .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:768px){.navbar-expand-md .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand-md .navbar-dark .nav-item.active .nav-link,.navbar-expand-md.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand-md .navbar-light .nav-item.active,.navbar-expand-md.navbar-light .nav-item.active{position:relative}.navbar-expand-md .navbar-light .nav-item.active:after,.navbar-expand-md.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}}@media (max-width:767.98px){.navbar-expand-lg .navbar-collapse{flex-direction:column}.navbar-expand-lg .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand-lg .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-expand-lg .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-expand-lg .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-expand-lg .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:992px){.navbar-expand-lg .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand-lg .navbar-dark .nav-item.active .nav-link,.navbar-expand-lg.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand-lg .navbar-light .nav-item.active,.navbar-expand-lg.navbar-light .nav-item.active{position:relative}.navbar-expand-lg .navbar-light .nav-item.active:after,.navbar-expand-lg.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}}@media (max-width:991.98px){.navbar-expand-xl .navbar-collapse{flex-direction:column}.navbar-expand-xl .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand-xl .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-expand-xl .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-expand-xl .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-expand-xl .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-expand-xl .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:1200px){.navbar-expand-xl .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand-xl .navbar-dark .nav-item.active .nav-link,.navbar-expand-xl.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand-xl .navbar-light .nav-item.active,.navbar-expand-xl.navbar-light .nav-item.active{position:relative}.navbar-expand-xl .navbar-light .nav-item.active:after,.navbar-expand-xl.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}}@media (max-width:1199.98px){.navbar-expand-xxl .navbar-collapse{flex-direction:column}.navbar-expand-xxl .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand-xxl .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-expand-xxl .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-expand-xxl .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-expand-xxl .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:1400px){.navbar-expand-xxl .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand-xxl .navbar-dark .nav-item.active .nav-link,.navbar-expand-xxl.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand-xxl .navbar-light .nav-item.active,.navbar-expand-xxl.navbar-light .nav-item.active{position:relative}.navbar-expand-xxl .navbar-light .nav-item.active:after,.navbar-expand-xxl.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}}@media (max-width:1399.98px){.navbar-expand .navbar-collapse{flex-direction:column}.navbar-expand .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-expand .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-expand .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-expand .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-expand .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-expand .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}.navbar-expand .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand .navbar-dark .nav-item.active .nav-link,.navbar-expand.navbar-dark .nav-item.active .nav-link{background-color:rgba(0,0,0,.1)}.navbar-expand .navbar-light .nav-item.active,.navbar-expand.navbar-light .nav-item.active{position:relative}.navbar-expand .navbar-light .nav-item.active:after,.navbar-expand.navbar-light .nav-item.active:after{content:'';position:absolute;left:0;right:0;bottom:-.25rem;border:0 solid #206bc4;border-bottom-width:2px}.navbar-brand{display:inline-flex;align-items:center;font-weight:600}.navbar-brand-image{display:block;height:2rem}.navbar-toggler{border:0;width:2rem;height:2rem;position:relative;display:flex;align-items:center;justify-content:center}.navbar-toggler-icon{height:2px;width:1.25em;background:currentColor;border-radius:10px;transition:.2s .2s top,.2s .2s bottom,.2s transform,0s .2s opacity;position:relative}.navbar-toggler-icon:after,.navbar-toggler-icon:before{content:'';display:block;height:inherit;width:inherit;border-radius:inherit;background:inherit;position:absolute;left:0;transition:inherit}.navbar-toggler-icon:before{top:-.45em}.navbar-toggler-icon:after{bottom:-.45em}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon{transform:rotate(45deg);transition:.3s top,.3s bottom,.3s .3s transform,0s .3s opacity}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before{top:0;transform:rotate(-90deg)}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{bottom:0;opacity:0}.navbar-light{box-shadow:inset 0 -1px 0 0 rgba(110,117,126,.16);background-color:#fff}.navbar-dark{background:#232e3c;color:rgba(255,255,255,.66)}.navbar-dark::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.navbar-dark::-webkit-scrollbar-thumb{border-radius:5px;background:#d8dce1}.navbar-dark::-webkit-scrollbar-corner{background:0 0}.navbar-dark:hover::-webkit-scrollbar-thumb{background:#c4c8cf;background:#c4c8cf}.navbar-dark .text-muted{color:rgba(255,255,255,.66)!important}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff;opacity:.8}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.66)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:#fff}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.3)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:#fff;border-color:transparent}.navbar-dark .navbar-text{color:rgba(255,255,255,.66)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:rgba(255,255,255,.66)}.navbar-dark::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.navbar-dark::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.navbar-dark::-webkit-scrollbar-corner{background:0 0}.navbar-dark:hover::-webkit-scrollbar-thumb{background:#c4c8cf;background:#4f5863}.navbar-dark .input-icon-addon{color:rgba(241,244,248,.64)}.navbar-dark .form-control{border-color:transparent;background-color:rgba(0,0,0,.1)}.navbar-dark .form-control::-webkit-input-placeholder{color:rgba(241,244,248,.64)}.navbar-dark .form-control::-moz-placeholder{color:rgba(241,244,248,.64)}.navbar-dark .form-control:-ms-input-placeholder{color:rgba(241,244,248,.64)}.navbar-dark .form-control::-ms-input-placeholder{color:rgba(241,244,248,.64)}.navbar-dark .form-control::placeholder{color:rgba(241,244,248,.64)}.navbar-nav{align-items:stretch}.navbar-nav .nav-item{display:flex;flex-direction:column;justify-content:center}.navbar-side{margin:0;display:flex;flex-direction:row;align-items:center;justify-content:space-around}@media (min-width:576px){.navbar-vertical.navbar-expand-sm{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand-sm.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-sm .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand-sm .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand-sm .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-sm .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-sm>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand-sm~.page{padding-left:15rem}.navbar-vertical.navbar-expand-sm~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-sm.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-sm .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand-sm .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-vertical.navbar-expand-sm .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:768px){.navbar-vertical.navbar-expand-md{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand-md.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-md .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand-md .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand-md .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-md .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-md>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand-md~.page{padding-left:15rem}.navbar-vertical.navbar-expand-md~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-md.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-md .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand-md .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-vertical.navbar-expand-md .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:992px){.navbar-vertical.navbar-expand-lg{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand-lg.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-lg .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand-lg .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand-lg .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-lg>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand-lg~.page{padding-left:15rem}.navbar-vertical.navbar-expand-lg~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-lg.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-lg .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand-lg .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-vertical.navbar-expand-lg .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:1200px){.navbar-vertical.navbar-expand-xl{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand-xl.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-xl .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand-xl .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand-xl .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-xl .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-xl>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand-xl~.page{padding-left:15rem}.navbar-vertical.navbar-expand-xl~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-xl.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-xl .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand-xl .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-vertical.navbar-expand-xl .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}@media (min-width:1400px){.navbar-vertical.navbar-expand-xxl{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand-xxl.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-xxl .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand-xxl .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand-xxl .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-xxl>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand-xxl~.page{padding-left:15rem}.navbar-vertical.navbar-expand-xxl~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-xxl.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-xxl .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand-xxl .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-vertical.navbar-expand-xxl .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}}.navbar-vertical.navbar-expand{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;align-items:flex-start;transition:.3s transform;overflow-x:auto}.navbar-vertical.navbar-expand.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand .navbar-brand{padding:.75rem 0;justify-content:center}.navbar-vertical.navbar-expand .navbar-collapse{align-items:stretch}.navbar-vertical.navbar-expand .navbar-nav{flex-direction:column;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand>[class*=container]{flex-direction:column;align-items:stretch;min-height:100%;justify-content:flex-start}.navbar-vertical.navbar-expand~.page{padding-left:15rem}.navbar-vertical.navbar-expand~.page [class*=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand .navbar-collapse{flex-direction:column}.navbar-vertical.navbar-expand .navbar-collapse [class*=container]{flex-direction:column;align-items:stretch}.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav{margin-left:-1.5rem;margin-right:-1.5rem}.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav .nav-link{padding:.5rem 1.5rem;justify-content:flex-start}.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;-moz-columns:1;columns:1;min-width:0}.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:3rem}.navbar-vertical.navbar-expand .navbar-collapse .dropdown-toggle:after{-webkit-margin-start:auto;margin-inline-start:auto}.navbar-vertical.navbar-expand .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:2px;right:auto;top:0;bottom:0}.navbar-overlap:after{content:'';height:9rem;position:absolute;top:100%;left:0;right:0;background:inherit;z-index:-1;box-shadow:inherit}.page{display:flex;flex-direction:column;position:relative;min-height:100vh}.content{margin-top:1.25rem;margin-bottom:1.25rem;flex:1;display:flex;flex-direction:column}.content>[class*=container]{flex:1}@media print{.content{margin:0!important}}.page-header{display:flex;flex-wrap:wrap;align-items:center;min-height:2.25rem;margin:0 0 1.25rem}.page-header>*{flex:1}.page-pretitle{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e}.page-title{margin:0;font-size:1.25rem;line-height:1.4;font-weight:500;color:inherit;display:flex;align-items:center}.page-title svg{width:1.5rem;height:1.5rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}.footer{border-top:1px solid #e8e9ea;background-color:#fff;padding:2rem 0;color:#6e757e;margin-bottom:-1.25rem;margin-top:1.25rem}.footer-transparent{margin-top:0;background-color:transparent;border-top:0}.alert-avatar{padding-left:3.75rem}.alert-avatar .avatar{position:absolute;top:.5rem;left:.75rem}.alert a{display:inline-block;height:100%;vertical-align:middle}.alert a .icon{height:100%}.avatar{--tblr-avatar-size:2.5rem;position:relative;width:var(--tblr-avatar-size);height:var(--tblr-avatar-size);font-size:calc(var(--tblr-avatar-size)/ 2.8571429);font-weight:400;display:inline-flex;align-items:center;justify-content:center;color:#6e757e;text-align:center;text-transform:uppercase;vertical-align:bottom;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#edf0f4 no-repeat center/cover;border-radius:3px}.avatar svg{width:1.5rem;height:1.5rem}.avatar .badge{position:absolute;right:0;bottom:0;border-radius:50%;box-shadow:0 0 0 2px #fff}a.avatar{cursor:pointer}.avatar-rounded{border-radius:50%}.avatar-xs{--tblr-avatar-size:1.25rem}.avatar-sm{--tblr-avatar-size:2rem}.avatar-md{--tblr-avatar-size:3.75rem}.avatar-lg{--tblr-avatar-size:5rem}.avatar-xl{--tblr-avatar-size:7rem}.avatar-list{display:inline-flex;padding:0;margin:0 0 -.5rem}.avatar-list .avatar{margin-bottom:.5rem}.avatar-list .avatar:not(:last-child){margin-right:.5rem}.avatar-list a.avatar:hover{z-index:1}.avatar-list-stacked .avatar{margin-right:-.5rem!important;box-shadow:0 0 0 2px #fff}.card-footer .avatar-list-stacked .avatar{box-shadow:0 0 0 2px rgba(35,46,60,.024)}.avatar-upload{width:4rem;height:4rem;border:1px dashed #e8e9ea;background:#fff;flex-direction:column;transition:.3s color,.3s background-color}.avatar-upload svg{width:1.5rem;height:1.5rem;stroke-width:1}.avatar-upload:hover{border-color:#206bc4;color:#206bc4;text-decoration:none}.avatar-upload-text{font-size:.625rem;line-height:1;margin-top:.25rem}.badge{display:inline-flex;justify-content:center;align-items:center;background:#c4c8cf;overflow:hidden;vertical-align:text-bottom;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:calc(.25rem - 1px) .25rem;height:1.25rem;border:1px solid transparent;min-width:1.25rem}a.badge{color:#fff}.badge:empty{display:inline-block;width:.5rem;height:.5rem;min-width:0;min-height:auto;padding:0;border-radius:50%}.badge .avatar{box-sizing:content-box;width:1.25rem;height:1.25rem;margin:0 .5rem 0 -.5rem}.badge-outline{background-color:transparent;border:1px solid currentColor}.badge-pill{border-radius:100px;min-width:1.75em}.breadcrumb{padding:0;margin:0;background:0 0}.breadcrumb-item.active a{color:inherit;pointer-events:none}.breadcrumb-dots .breadcrumb-item+.breadcrumb-item:before{content:"·"}.breadcrumb-arrows .breadcrumb-item+.breadcrumb-item:before{content:"›"}.breadcrumb-bullets .breadcrumb-item+.breadcrumb-item:before{content:"•"}.breadcrumb-alternate a{color:#6e757e}.breadcrumb-alternate a:hover{text-decoration:underline}.breadcrumb-alternate .breadcrumb-item.active{color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;color:#232e3c;background-color:#fff;border-color:rgba(110,117,126,.24)}.btn:hover{color:#232e3c;border-color:#a7abb1}.btn:focus{border-color:rgba(var(--tblr-btn-color,32,107,196),.5);box-shadow:0 0 0 .25rem rgba(var(--tblr-btn-color,32,107,196),.25)}.btn.disabled,.btn:disabled{cursor:not-allowed}.btn svg{width:1.25rem;height:1.25rem;margin:0 .25rem 0;-webkit-margin-start:-.5rem;margin-inline-start:-.5rem;vertical-align:bottom}.btn .avatar{width:1.25rem;height:1.25rem;vertical-align:text-top;margin:0 .25rem 0;-webkit-margin-start:-.5rem;margin-inline-start:-.5rem}.btn .icon-right{margin:0 .25rem 0;-webkit-margin-end:-.5rem;margin-inline-end:-.5rem}.btn .badge{top:auto}.btn-azure,.btn-bitbucket,.btn-blue,.btn-cyan,.btn-danger,.btn-dark,.btn-dribbble,.btn-facebook,.btn-flickr,.btn-github,.btn-google,.btn-green,.btn-indigo,.btn-info,.btn-instagram,.btn-light,.btn-lime,.btn-orange,.btn-pink,.btn-pinterest,.btn-primary,.btn-purple,.btn-red,.btn-rss,.btn-secondary,.btn-success,.btn-tabler,.btn-teal,.btn-twitter,.btn-vimeo,.btn-vk,.btn-warning,.btn-yellow,.btn-youtube{background-color:rgba(var(--tblr-btn-color),1);color:var(--tblr-btn-color-text)}.btn-azure:hover,.btn-bitbucket:hover,.btn-blue:hover,.btn-cyan:hover,.btn-danger:hover,.btn-dark:hover,.btn-dribbble:hover,.btn-facebook:hover,.btn-flickr:hover,.btn-github:hover,.btn-google:hover,.btn-green:hover,.btn-indigo:hover,.btn-info:hover,.btn-instagram:hover,.btn-light:hover,.btn-lime:hover,.btn-orange:hover,.btn-pink:hover,.btn-pinterest:hover,.btn-primary:hover,.btn-purple:hover,.btn-red:hover,.btn-rss:hover,.btn-secondary:hover,.btn-success:hover,.btn-tabler:hover,.btn-teal:hover,.btn-twitter:hover,.btn-vimeo:hover,.btn-vk:hover,.btn-warning:hover,.btn-yellow:hover,.btn-youtube:hover{color:var(--tblr-btn-color-text);background:rgba(var(--tblr-btn-color-darker),1);border-color:transparent}.btn-outline-azure,.btn-outline-bitbucket,.btn-outline-blue,.btn-outline-cyan,.btn-outline-danger,.btn-outline-dark,.btn-outline-dribbble,.btn-outline-facebook,.btn-outline-flickr,.btn-outline-github,.btn-outline-google,.btn-outline-green,.btn-outline-indigo,.btn-outline-info,.btn-outline-instagram,.btn-outline-light,.btn-outline-lime,.btn-outline-orange,.btn-outline-pink,.btn-outline-pinterest,.btn-outline-primary,.btn-outline-purple,.btn-outline-red,.btn-outline-rss,.btn-outline-secondary,.btn-outline-success,.btn-outline-tabler,.btn-outline-teal,.btn-outline-twitter,.btn-outline-vimeo,.btn-outline-vk,.btn-outline-warning,.btn-outline-yellow,.btn-outline-youtube{background-color:transparent;color:rgba(var(--tblr-btn-color),1);border-color:rgba(110,117,126,.16)}.btn-outline-azure:hover,.btn-outline-bitbucket:hover,.btn-outline-blue:hover,.btn-outline-cyan:hover,.btn-outline-danger:hover,.btn-outline-dark:hover,.btn-outline-dribbble:hover,.btn-outline-facebook:hover,.btn-outline-flickr:hover,.btn-outline-github:hover,.btn-outline-google:hover,.btn-outline-green:hover,.btn-outline-indigo:hover,.btn-outline-info:hover,.btn-outline-instagram:hover,.btn-outline-light:hover,.btn-outline-lime:hover,.btn-outline-orange:hover,.btn-outline-pink:hover,.btn-outline-pinterest:hover,.btn-outline-primary:hover,.btn-outline-purple:hover,.btn-outline-red:hover,.btn-outline-rss:hover,.btn-outline-secondary:hover,.btn-outline-success:hover,.btn-outline-tabler:hover,.btn-outline-teal:hover,.btn-outline-twitter:hover,.btn-outline-vimeo:hover,.btn-outline-vk:hover,.btn-outline-warning:hover,.btn-outline-yellow:hover,.btn-outline-youtube:hover{background-color:rgba(var(--tblr-btn-color),1);color:var(--tblr-btn-color-text);border-color:rgba(var(--tblr-btn-color),1)}.btn-ghost-azure,.btn-ghost-bitbucket,.btn-ghost-blue,.btn-ghost-cyan,.btn-ghost-danger,.btn-ghost-dark,.btn-ghost-dribbble,.btn-ghost-facebook,.btn-ghost-flickr,.btn-ghost-github,.btn-ghost-google,.btn-ghost-green,.btn-ghost-indigo,.btn-ghost-info,.btn-ghost-instagram,.btn-ghost-light,.btn-ghost-lime,.btn-ghost-orange,.btn-ghost-pink,.btn-ghost-pinterest,.btn-ghost-primary,.btn-ghost-purple,.btn-ghost-red,.btn-ghost-rss,.btn-ghost-secondary,.btn-ghost-success,.btn-ghost-tabler,.btn-ghost-teal,.btn-ghost-twitter,.btn-ghost-vimeo,.btn-ghost-vk,.btn-ghost-warning,.btn-ghost-yellow,.btn-ghost-youtube{background:0 0;color:rgba(var(--tblr-btn-color),1);border-color:transparent}.btn-ghost-azure:hover,.btn-ghost-bitbucket:hover,.btn-ghost-blue:hover,.btn-ghost-cyan:hover,.btn-ghost-danger:hover,.btn-ghost-dark:hover,.btn-ghost-dribbble:hover,.btn-ghost-facebook:hover,.btn-ghost-flickr:hover,.btn-ghost-github:hover,.btn-ghost-google:hover,.btn-ghost-green:hover,.btn-ghost-indigo:hover,.btn-ghost-info:hover,.btn-ghost-instagram:hover,.btn-ghost-light:hover,.btn-ghost-lime:hover,.btn-ghost-orange:hover,.btn-ghost-pink:hover,.btn-ghost-pinterest:hover,.btn-ghost-primary:hover,.btn-ghost-purple:hover,.btn-ghost-red:hover,.btn-ghost-rss:hover,.btn-ghost-secondary:hover,.btn-ghost-success:hover,.btn-ghost-tabler:hover,.btn-ghost-teal:hover,.btn-ghost-twitter:hover,.btn-ghost-vimeo:hover,.btn-ghost-vk:hover,.btn-ghost-warning:hover,.btn-ghost-yellow:hover,.btn-ghost-youtube:hover{background-color:rgba(var(--tblr-btn-color),1);color:var(--tblr-btn-color-text);border-color:rgba(var(--tblr-btn-color),1)}.btn-link{color:#206bc4;background-color:transparent;border-color:transparent}.btn-link:hover{color:#1a569d;border-color:transparent}.btn-group-lg>.btn svg.icon,.btn-lg svg.icon{stroke-width:2}.btn-pill{padding-right:1.5em;padding-left:1.5em;border-radius:10rem}.btn-pill[class*=btn-icon]{padding:.375rem 15px}.btn-icon{min-width:calc(2.125rem + 2px)}.btn-group-sm>.btn-icon.btn,.btn-icon.btn-sm{min-width:calc(1.3214286rem + 2px)}.btn-icon .icon{margin:0 -1em}.btn-square{border-radius:0}.btn-list{display:flex;flex-wrap:wrap;margin-bottom:-.5rem!important;margin-right:-.5rem;line-height:1}.btn-list>*{margin:0 .5rem .5rem 0}.btn-list>.btn-block{flex:1;white-space:nowrap}.btn-options{display:flex;align-items:center;padding:0;color:#6e757e;cursor:pointer;background:0 0;border:none}.btn-options:focus{outline:0}.btn-options .icon{width:1rem;height:1rem}.btn-floating{position:fixed;z-index:1030;bottom:1.5rem;right:1.5rem;border-radius:50%}.btn-loading{position:relative;color:transparent!important;text-shadow:none!important;pointer-events:none}.btn-loading:after{content:'';display:inline-block;vertical-align:text-bottom;border:1px solid currentColor;border-right-color:transparent;border-radius:50%;color:#fff;position:absolute;width:1rem;height:1rem;left:calc(50% - .5rem);top:calc(50% - .5rem);-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.btn-ghost-primary,.btn-outline-primary,.btn-primary{--tblr-btn-color:32,107,196;--tblr-btn-color-darker:27,90,165;--tblr-btn-color-text:#f1f4f8}.btn-ghost-secondary,.btn-outline-secondary,.btn-secondary{--tblr-btn-color:110,117,126;--tblr-btn-color-darker:92,98,106;--tblr-btn-color-text:#f1f4f8}.btn-ghost-success,.btn-outline-success,.btn-success{--tblr-btn-color:94,186,0;--tblr-btn-color-darker:79,156,0;--tblr-btn-color-text:#f1f4f8}.btn-ghost-info,.btn-info,.btn-outline-info{--tblr-btn-color:66,153,225;--tblr-btn-color-darker:55,129,189;--tblr-btn-color-text:#f1f4f8}.btn-ghost-warning,.btn-outline-warning,.btn-warning{--tblr-btn-color:237,137,54;--tblr-btn-color-darker:199,115,45;--tblr-btn-color-text:#f1f4f8}.btn-danger,.btn-ghost-danger,.btn-outline-danger{--tblr-btn-color:229,62,62;--tblr-btn-color-darker:192,52,52;--tblr-btn-color-text:#f1f4f8}.btn-ghost-light,.btn-light,.btn-outline-light{--tblr-btn-color:241,244,248;--tblr-btn-color-darker:202,205,208;--tblr-btn-color-text:#232e3c}.btn-dark,.btn-ghost-dark,.btn-outline-dark{--tblr-btn-color:35,46,60;--tblr-btn-color-darker:29,39,50;--tblr-btn-color-text:#f1f4f8}.btn-blue,.btn-ghost-blue,.btn-outline-blue{--tblr-btn-color:32,107,196;--tblr-btn-color-darker:27,90,165;--tblr-btn-color-text:#f1f4f8}.btn-azure,.btn-ghost-azure,.btn-outline-azure{--tblr-btn-color:66,153,225;--tblr-btn-color-darker:55,129,189;--tblr-btn-color-text:#f1f4f8}.btn-ghost-indigo,.btn-indigo,.btn-outline-indigo{--tblr-btn-color:101,116,205;--tblr-btn-color-darker:85,97,172;--tblr-btn-color-text:#f1f4f8}.btn-ghost-purple,.btn-outline-purple,.btn-purple{--tblr-btn-color:159,122,234;--tblr-btn-color-darker:134,102,197;--tblr-btn-color-text:#f1f4f8}.btn-ghost-pink,.btn-outline-pink,.btn-pink{--tblr-btn-color:237,100,166;--tblr-btn-color-darker:199,84,139;--tblr-btn-color-text:#f1f4f8}.btn-ghost-red,.btn-outline-red,.btn-red{--tblr-btn-color:229,62,62;--tblr-btn-color-darker:192,52,52;--tblr-btn-color-text:#f1f4f8}.btn-ghost-orange,.btn-orange,.btn-outline-orange{--tblr-btn-color:237,137,54;--tblr-btn-color-darker:199,115,45;--tblr-btn-color-text:#f1f4f8}.btn-ghost-yellow,.btn-outline-yellow,.btn-yellow{--tblr-btn-color:250,176,5;--tblr-btn-color-darker:210,148,4;--tblr-btn-color-text:#f1f4f8}.btn-ghost-lime,.btn-lime,.btn-outline-lime{--tblr-btn-color:130,201,30;--tblr-btn-color-darker:109,169,25;--tblr-btn-color-text:#f1f4f8}.btn-ghost-green,.btn-green,.btn-outline-green{--tblr-btn-color:94,186,0;--tblr-btn-color-darker:79,156,0;--tblr-btn-color-text:#f1f4f8}.btn-ghost-teal,.btn-outline-teal,.btn-teal{--tblr-btn-color:43,203,186;--tblr-btn-color-darker:36,171,156;--tblr-btn-color-text:#f1f4f8}.btn-cyan,.btn-ghost-cyan,.btn-outline-cyan{--tblr-btn-color:23,162,184;--tblr-btn-color-darker:19,136,155;--tblr-btn-color-text:#f1f4f8}.btn-facebook,.btn-ghost-facebook,.btn-outline-facebook{--tblr-btn-color:59,89,152;--tblr-btn-color-darker:50,75,128;--tblr-btn-color-text:#f1f4f8}.btn-ghost-twitter,.btn-outline-twitter,.btn-twitter{--tblr-btn-color:29,161,242;--tblr-btn-color-darker:24,135,203;--tblr-btn-color-text:#f1f4f8}.btn-ghost-google,.btn-google,.btn-outline-google{--tblr-btn-color:220,78,65;--tblr-btn-color-darker:185,66,55;--tblr-btn-color-text:#f1f4f8}.btn-ghost-youtube,.btn-outline-youtube,.btn-youtube{--tblr-btn-color:255,0,0;--tblr-btn-color-darker:214,0,0;--tblr-btn-color-text:#f1f4f8}.btn-ghost-vimeo,.btn-outline-vimeo,.btn-vimeo{--tblr-btn-color:26,183,234;--tblr-btn-color-darker:22,154,197;--tblr-btn-color-text:#f1f4f8}.btn-dribbble,.btn-ghost-dribbble,.btn-outline-dribbble{--tblr-btn-color:234,76,137;--tblr-btn-color-darker:197,64,115;--tblr-btn-color-text:#f1f4f8}.btn-ghost-github,.btn-github,.btn-outline-github{--tblr-btn-color:24,23,23;--tblr-btn-color-darker:20,19,19;--tblr-btn-color-text:#f1f4f8}.btn-ghost-instagram,.btn-instagram,.btn-outline-instagram{--tblr-btn-color:228,64,95;--tblr-btn-color-darker:192,54,80;--tblr-btn-color-text:#f1f4f8}.btn-ghost-pinterest,.btn-outline-pinterest,.btn-pinterest{--tblr-btn-color:189,8,28;--tblr-btn-color-darker:159,7,24;--tblr-btn-color-text:#f1f4f8}.btn-ghost-vk,.btn-outline-vk,.btn-vk{--tblr-btn-color:99,131,168;--tblr-btn-color-darker:83,110,141;--tblr-btn-color-text:#f1f4f8}.btn-ghost-rss,.btn-outline-rss,.btn-rss{--tblr-btn-color:255,165,0;--tblr-btn-color-darker:214,139,0;--tblr-btn-color-text:#f1f4f8}.btn-flickr,.btn-ghost-flickr,.btn-outline-flickr{--tblr-btn-color:0,99,220;--tblr-btn-color-darker:0,83,185;--tblr-btn-color-text:#f1f4f8}.btn-bitbucket,.btn-ghost-bitbucket,.btn-outline-bitbucket{--tblr-btn-color:0,82,204;--tblr-btn-color-darker:0,69,171;--tblr-btn-color-text:#f1f4f8}.btn-ghost-tabler,.btn-outline-tabler,.btn-tabler{--tblr-btn-color:32,107,196;--tblr-btn-color-darker:27,90,165;--tblr-btn-color-text:#f1f4f8}.calendar{display:block;font-size:.765625rem;border:1px solid #e8e9ea;border-radius:3px}.calendar-nav{display:flex;align-items:center}.calendar-title{flex:1;text-align:center}.calendar-body,.calendar-header{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:.5rem 0}.calendar-header{color:#6e757e}.calendar-date{flex:0 0 14.2857143%;max-width:14.2857143%;padding:.2rem;text-align:center;border:0}.calendar-date.next-month,.calendar-date.prev-month{opacity:.25}.calendar-date .date-item{position:relative;display:inline-block;width:1.4rem;height:1.4rem;line-height:1.4rem;color:#66758c;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;background:0 0;border:1px solid transparent;border-radius:50%;outline:0;transition:background .3s,border .3s,box-shadow .32s,color .3s}.calendar-date .date-item:hover{color:#206bc4;text-decoration:none;background:#fefeff;border-color:#e8e9ea}.calendar-date .date-today{color:#206bc4;border-color:#e8e9ea}.calendar-range{position:relative}.calendar-range:before{position:absolute;top:50%;right:0;left:0;height:1.4rem;content:"";background:rgba(32,107,196,.1);transform:translateY(-50%)}.calendar-range.range-end .date-item,.calendar-range.range-start .date-item{color:#fff;background:#206bc4;border-color:#206bc4}.calendar-range.range-start:before{left:50%}.calendar-range.range-end:before{right:50%}.card{box-shadow:rgba(35,46,60,.04) 0 2px 4px 0}@media print{.card{border:none;box-shadow:none}}a.card{color:inherit;transition:.3s box-shadow}a.card:hover{text-decoration:none;box-shadow:rgba(35,46,60,.16) 0 2px 16px 0}.card-inactive{pointer-events:none;box-shadow:none}.card-inactive .card-body{opacity:.64}.card-active{position:relative;background-color:rgba(32,107,196,.03)}.card-active:before{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;content:"";border:1px solid #206bc4;border-radius:inherit}.card-link{color:inherit}.card-link:hover{color:inherit;text-decoration:none;box-shadow:0 1px 6px 0 rgba(0,0,0,.08)}.card-btn{padding:1rem 1rem;text-align:center;background:rgba(32,107,196,.02);transition:.3s background}.card-btn:hover{text-decoration:none;background:rgba(32,107,196,.06)}.card-stacked{position:relative}.card-stacked:after{position:absolute;top:-5px;right:5px;left:5px;height:5px;content:"";background:#fff;border:1px solid rgba(110,117,126,.16);border-radius:3px 3px 0 0}.card-cover{position:relative;padding:1rem 1rem;background:#666 no-repeat center/cover}.card-cover:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:rgba(35,46,60,.24)}.card-cover:first-child,.card-cover:first-child:before{border-radius:3px 3px 0 0}.card-cover-blurred:before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card-actions{margin-left:auto;font-size:.75rem}.card-actions a{text-decoration:none}.card-header{display:flex;align-items:center;background:0 0}.card-header-tabs{flex:1;margin:-1rem -1rem}.card-header-pills{flex:1}.card-footer{color:#6e757e}.card-progress{height:.25rem}.card-progress:last-child{border-radius:0 0 2px 2px}.card-progress:first-child{border-radius:2px 2px 0 0}.card-meta{color:#6e757e}.card-title{display:block;margin:0 0 1rem;font-size:1rem;font-weight:500;line-height:1.5rem}a.card-title:hover{color:inherit}.card-header .card-title{margin:.125rem 0}.card-subtitle{margin-top:-1rem;margin-bottom:1rem;font-size:85.7142857%;color:#6e757e}.card-body>:last-child{margin-bottom:0}.card-sm>.card-body{padding:.75rem}@media (min-width:768px){.card-md>.card-body{padding:1.5rem}}@media (min-width:768px){.card-lg>.card-body{padding:2rem}}@media (min-width:992px){.card-lg>.card-body{padding:4rem}}@media print{.card-body{padding:0}}.card-body+.card-body{border-top:1px solid #e8e9ea}.card-body-scrollable{overflow:auto}.card-options{top:1.5rem;right:.75rem;display:flex;margin-left:auto}.card-options-link{display:inline-block;min-width:1rem;margin-left:.25rem;color:#6e757e}.card-drop{line-height:1;color:#6e757e}.card-drop .icon{width:1.5rem;height:1.5rem;stroke-width:1}.card-status-top{position:absolute;top:0;right:0;left:0;height:2px;border-radius:3px 3px 0 0}.card-status-left{position:absolute;right:auto;bottom:0;width:2px;height:100%;border-radius:3px 0 0 3px}.card-status-bottom{position:absolute;top:initial;bottom:0;width:100%;height:2px;border-radius:0 0 3px 3px}.card-table{margin-bottom:0}.card-table tr td:first-child,.card-table tr th:first-child{padding-left:1rem}.card-table tr td:last-child,.card-table tr th:last-child{padding-right:1rem}.card-table thead tr:first-child td,.card-table thead tr:first-child th{border-top:0}.card-table tbody tr:last-child td,.card-table tbody tr:last-child th{border-bottom:0}.card-body+.card-table{border-top:1px solid #e8e9ea}.card-code{padding:0}.card-code .highlight{margin:0;border:0}.card-code pre{margin:0;color:#fff;text-shadow:none;background:0 0}.card-chart{position:relative;z-index:1;height:3.5rem}.card-avatar{box-shadow:0 0 0 .5rem #fff}.card-body+.card-list-group{border-top:1px solid #e8e9ea}.card-list-group .list-group-item{padding-right:1rem;padding-left:1rem;border-right:0;border-left:0;border-radius:0}.card-list-group .list-group-item:last-child{border-bottom:0}.card-list-group .list-group-item:first-child{border-top:0}.card-tabs .nav-tabs{position:relative;z-index:1000;border-bottom:0}.card-tabs .nav-tabs .nav-link{background:rgba(35,46,60,.024);border:1px solid rgba(110,117,126,.16);border-bottom:0}.card-tabs .nav-tabs .nav-link.active,.card-tabs .nav-tabs .nav-link:active,.card-tabs .nav-tabs .nav-link:hover{border-color:rgba(110,117,126,.16)}.card-tabs .nav-tabs .nav-link.active{background:#fff}.card-tabs .nav-tabs .nav-item:not(:first-child) .nav-link{border-top-left-radius:0}.card-tabs .nav-tabs .nav-item:not(:last-child) .nav-link{border-top-right-radius:0}.card-tabs .nav-tabs .nav-item+.nav-item{margin-left:-1px}.card-tabs .nav-tabs-bottom{margin-bottom:0}.card-tabs .nav-tabs-bottom .nav-item{margin-top:-1px;margin-bottom:0}.card-tabs .nav-tabs-bottom .nav-item .nav-link{border-top-width:0;border-bottom:1px solid rgba(110,117,126,.16);border-top-left-radius:0;border-top-right-radius:0}.card-tabs .card{margin:0;border-top-left-radius:0}.btn-close:focus{outline:0;color:#232e3c}.dropdown-menu{box-shadow:0 .5rem 1rem rgba(0,0,0,.15);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0}.dropdown-menu.card{padding:0;min-width:25rem;display:none}.dropdown-menu.card.show{display:flex}.dropdown-item{min-width:14rem;display:flex;align-items:center;margin:0;line-height:1.4285714}.dropdown-item-icon{width:1.25rem!important;font-size:1.25rem!important;margin-right:.5rem;color:#6e757e;opacity:.66;text-align:center}.dropdown-header{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e;padding-bottom:.25rem;pointer-events:none}.dropdown-menu-scrollable{height:auto;max-height:12rem;overflow-x:hidden}.dropdown-menu-columns{-moz-columns:2;columns:2;-moz-column-gap:0;column-gap:0}.dropdown-menu-columns .dropdown-item{display:inline-flex;min-width:10rem}.dropdown-menu-columns-2{-moz-columns:2;columns:2}.dropdown-menu-columns-3{-moz-columns:3;columns:3}.dropdown-menu-columns-4{-moz-columns:4;columns:4}.dropdown-menu-arrow:before{content:"";position:absolute;top:-.25rem;left:.75rem;display:block;background:inherit;width:14px;height:14px;transform:rotate(45deg);transform-origin:center;border:1px solid;border-color:inherit;z-index:-1;clip:rect(0,9px,9px,0)}.dropdown-menu-arrow.dropdown-menu-right:before{right:.75rem;left:auto}.dropright>.dropdown-menu{margin-top:calc(-.25rem - 1px);margin-left:0}.dropright .dropdown-toggle:after{margin-left:auto}.dropdown-menu-card{padding:0}.dropdown-menu-card>.card{margin:0;border:0;box-shadow:none}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1rem;text-align:center}@media (min-width:768px){.empty{padding:3rem}}.empty .empty-icon{margin:0 0 1rem;font-size:2rem;font-weight:400;line-height:1}.empty .empty-title{font-size:1.25rem;line-height:1.4;font-weight:500}.empty .empty-subtitle,.empty .empty-title{margin:0 0 .5rem}.empty .empty-action{margin-top:1.5rem}.empty-bordered{border:1px solid #e8e9ea;border-radius:3px}.col-separator{border-left:1px solid #e8e9ea}@media (max-width:991.98px){.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1rem}}.container-tight{max-width:35rem}.container-narrow{max-width:45rem}.row-0{margin-right:0;margin-left:0}.row-0>.col,.row-0>[class*=col-]{padding-right:0;padding-left:0}.row-0 .card{margin-bottom:0}.row-sm{margin-right:-.375rem;margin-left:-.375rem}.row-sm>.col,.row-sm>[class*=col-]{padding-right:.375rem;padding-left:.375rem}.row-sm .card{margin-bottom:.75rem}.row-md{margin-right:-1.5rem;margin-left:-1.5rem}.row-md>.col,.row-md>[class*=col-]{padding-right:1.5rem;padding-left:1.5rem}.row-md .card{margin-bottom:3rem}.row-lg{margin-right:-3rem;margin-left:-3rem}.row-lg>.col,.row-lg>[class*=col-]{padding-right:3rem;padding-left:3rem}.row-lg .card{margin-bottom:6rem}.row-deck>.col,.row-deck>[class*=col-]{display:flex;align-items:stretch}.row-deck>.col .card,.row-deck>[class*=col-] .card{flex:1 1 auto}.row-cards{--tblr-gutter-x:1rem;--tblr-gutter-y:1rem}.row-cards .row-cards{flex:1}@media (max-width:991.98px){.row-cards{--tblr-gutter-x:0.5rem;--tblr-gutter-y:0.5rem}}.icon{width:1.25rem;height:1.25rem;vertical-align:sub;stroke-width:1.5}.icon:hover{text-decoration:none}.icon-filled{fill:currentColor}.icons-list{display:flex;flex-wrap:wrap;padding:0;margin:0 -2px -1px 0;list-style:none}.icons-list>li{flex:1 0 4rem}.icons-list-wrap{overflow:hidden}.icons-list-item{display:flex;align-items:center;justify-content:center;height:4rem;text-align:center;border-right:1px solid #e8e9ea;border-bottom:1px solid #e8e9ea}.icons-list-item .icon{width:1.5rem;height:1.5rem}.img-responsive{background:no-repeat center/cover;padding-top:75%}.img-responsive-1x1{padding-top:100%}.img-responsive-4x3{padding-top:calc(3 / 4 * 100%)}.img-responsive-16x9{padding-top:calc(9 / 16 * 100%)}.img-responsive-21x9{padding-top:calc(9 / 21 * 100%)}textarea[cols]{height:auto}.form-label{display:block}.form-label.required:after{content:"*";margin-left:.25rem;color:#e53e3e}.form-label-description{float:right;font-weight:400;color:#6e757e;line-height:1.5rem;font-size:85.7142857%}.form-hint{display:block;font-size:85.7142857%;color:#6e757e;line-height:1.25rem}.form-hint:last-child{margin-bottom:0}.form-hint+.form-control{margin-top:.25rem}.form-label+.form-hint{margin-top:-.5rem}.form-control+.form-hint,.form-select+.form-hint,.input-group+.form-hint{margin-top:.5rem}.form-control:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}.form-control.disabled,.form-control:disabled{color:#6e757e;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-control[size]{width:auto}.form-control-light{background-color:#f1f4f8;border-color:transparent}.form-control-dark{background-color:rgba(0,0,0,.1);color:#fff;border-color:transparent}.form-control-dark:focus{background-color:rgba(0,0,0,.1);box-shadow:none;border-color:rgba(255,255,255,.24)}.form-control-dark::-webkit-input-placeholder{color:rgba(255,255,255,.6)}.form-control-dark::-moz-placeholder{color:rgba(255,255,255,.6)}.form-control-dark:-ms-input-placeholder{color:rgba(255,255,255,.6)}.form-control-dark::-ms-input-placeholder{color:rgba(255,255,255,.6)}.form-control-dark::placeholder{color:rgba(255,255,255,.6)}.form-control-rounded{border-radius:10rem}.form-control-flush{padding:0;background:0 0!important;border-color:transparent!important;resize:none;box-shadow:none!important;line-height:inherit}.form-footer{margin-top:2rem}.form-fieldset{padding:1rem;margin-bottom:1rem;background:rgba(35,46,60,.024);border:1px solid #e8e9ea;border-radius:3px}.form-help{display:inline-flex;font-weight:600;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;font-size:.75rem;color:#6e757e;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(134,141,150,.1);border-radius:50%;transition:.3s background-color,.3s color}.form-help:hover,.form-help[aria-describedby]{color:#fff;background:#206bc4}.form-check{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-check.form-check-highlight .form-check-input:not(:checked)~.form-check-label{opacity:.66}.form-check-input{background-size:1rem;margin-top:.125rem}.form-switch .form-check-input{transition:.3s background-color,.3s background-position}.form-check-description{color:#6e757e;font-size:.75rem;margin-top:.25rem}.input-group-link{font-size:.75rem}.input-group-flat:focus-within{box-shadow:0 0 0 .25rem rgba(32,107,196,.25);border-radius:3px}.input-group-flat:focus-within .form-control,.input-group-flat:focus-within .input-group-text{border-color:#90b5e2!important}.input-group-flat .form-control:focus{border-color:rgba(110,117,126,.24);box-shadow:none}.input-group-flat .form-control:not(:last-child){border-right:0}.input-group-flat .form-control:not(:first-child){border-left:0}.input-group-flat .input-group-text{background:0 0;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input-group-flat .input-group-text:first-child{padding-right:0}.input-group-flat .input-group-text:last-child{padding-left:0}.form-file-button{margin-left:0;border-left:0}.input-icon{position:relative}.input-icon .form-control:not(:last-child){padding-right:2.5rem}.input-icon .form-control:not(:first-child){padding-left:2.5rem}.input-icon-addon{position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;min-width:2.5rem;color:#6e757e;pointer-events:none;font-size:1.2em}.input-icon-addon:last-child{right:0;left:auto}.form-colorinput{position:relative;display:inline-block;margin:0;line-height:1;cursor:pointer}.form-colorinput-input{position:absolute;z-index:-1;opacity:0}.form-colorinput-color{display:block;width:1.5rem;height:1.5rem;color:#fff;border:1px solid rgba(110,117,126,.16);border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.form-colorinput-color:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:no-repeat center center/1rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");opacity:0;transition:.3s opacity}.form-colorinput-input:checked~.form-colorinput-color:before{opacity:1}.form-colorinput-input:focus~.form-colorinput-color{border-color:#206bc4;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-colorinput-light .form-colorinput-color:before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23232e3c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")}.form-imagecheck{position:relative;margin:0;cursor:pointer}.form-imagecheck-input{position:absolute;z-index:-1;opacity:0}.form-imagecheck-figure{position:relative;display:block;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #e8e9ea;border-radius:3px}.form-imagecheck-input:focus~.form-imagecheck-figure{border-color:#206bc4;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-imagecheck-input:checked~.form-imagecheck-figure{border-color:#e8e9ea}.form-imagecheck-figure:before{position:absolute;top:.25rem;left:.25rem;z-index:1;display:block;width:1rem;height:1rem;color:#fff;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;border:1px solid #e8e9ea;border-radius:3px;transition:.3s opacity}.form-imagecheck-input:checked~.form-imagecheck-figure:before{background-color:#206bc4;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");background-repeat:repeat;background-position:center;background-size:1rem;border-color:rgba(110,117,126,.16)}.form-imagecheck-image{max-width:100%;display:block;opacity:.64;transition:.3s opacity}.form-imagecheck-image:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.form-imagecheck-image:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.form-imagecheck-input:checked~.form-imagecheck-figure .form-imagecheck-image,.form-imagecheck-input:focus~.form-imagecheck-figure .form-imagecheck-image,.form-imagecheck:hover .form-imagecheck-image{opacity:1}.form-imagecheck-caption{padding:.25rem;font-size:.765625rem;color:#6e757e;text-align:center;transition:.3s color}.form-imagecheck-input:checked~.form-imagecheck-figure .form-imagecheck-caption,.form-imagecheck-input:focus~.form-imagecheck-figure .form-imagecheck-caption,.form-imagecheck:hover .form-imagecheck-caption{color:#232e3c}.form-selectgroup{display:inline-flex;margin:0 -.5rem -.5rem 0;flex-wrap:wrap}.form-selectgroup .form-selectgroup-item{margin:0 .5rem .5rem 0}.form-selectgroup-vertical{flex-direction:column}.form-selectgroup-item{display:block;position:relative}.form-selectgroup-input{position:absolute;top:0;left:0;z-index:-1;opacity:0}.form-selectgroup-label{position:relative;display:block;min-width:calc(1.4285714em + .875rem + 2px);margin:0;padding:.4375rem .75rem;font-size:.875rem;line-height:1.4285714;color:#6e757e;background:#fff;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid rgba(110,117,126,.24);border-radius:3px;transition:border-color .3s,background .3s,color .3s}.form-selectgroup-label .icon:only-child{margin:0 -.25rem}.form-selectgroup-label:hover{color:#232e3c}.form-selectgroup-check{display:inline-block;width:1rem;height:1rem;border:1px solid rgba(110,117,126,.16);vertical-align:middle}.form-selectgroup-input[type=checkbox]+.form-selectgroup-label .form-selectgroup-check{border-radius:3px}.form-selectgroup-input[type=radio]+.form-selectgroup-label .form-selectgroup-check{border-radius:50%}.form-selectgroup-input:checked+.form-selectgroup-label .form-selectgroup-check{background-color:#206bc4;background-repeat:repeat;background-position:center;background-size:1rem;border-color:rgba(110,117,126,.16)}.form-selectgroup-input[type=checkbox]:checked+.form-selectgroup-label .form-selectgroup-check{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")}.form-selectgroup-input[type=radio]:checked+.form-selectgroup-label .form-selectgroup-check{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e")}.form-selectgroup-input:checked+.form-selectgroup-label{z-index:1;color:#206bc4;background:rgba(32,107,196,.04);border-color:#90b5e2}.form-selectgroup-input:focus+.form-selectgroup-label{z-index:2;color:#206bc4;border-color:#90b5e2;box-shadow:0 0 0 .25rem rgba(32,107,196,.25)}.form-selectgroup-boxes .form-selectgroup-label{text-align:left;padding:1rem 1rem;color:inherit}.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-label{color:inherit}.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-label .form-selectgroup-title{color:#206bc4}.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-label .form-selectgroup-label-content{opacity:1}.form-selectgroup-pills{flex-wrap:wrap;align-items:flex-start}.form-selectgroup-pills .form-selectgroup-item{flex-grow:0}.form-selectgroup-pills .form-selectgroup-label{border-radius:50px}.form-control-color::-webkit-color-swatch{border:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.form-control.is-invalid-lite,.form-control.is-valid-lite{border-color:#e8e9ea}.legend{display:inline-block;background:#e5e8ed;width:.75em;height:.75em;border-radius:3px}.list-item{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word}.list-item-actions{margin-left:auto}.list-bordered .list-item,.list-row .list-item{border-top:1px solid #e8e9ea;margin-top:-1px}.list-bordered .list-item:first-child,.list-row .list-item:first-child{border-top:none}.list-hoverable .list-item-actions{opacity:0;transition:.3s opacity}.list-hoverable .list-item-actions.show,.list-hoverable .list-item:hover .list-item-actions{opacity:1}.list-row .list-item{flex-direction:row;align-items:center;padding:.5rem .5rem}.list-row .list-item>*{padding-left:.5rem;padding-right:.5rem}.list-timeline{position:relative;padding:0;margin:0;list-style:none}.list-timeline>li{position:relative;margin-bottom:1.5rem}.list-timeline>li:last-child{margin-bottom:0}.list-timeline-time{float:right;margin-left:1rem;color:#6e757e}.list-timeline-icon{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:#fff;text-align:center;background:#6e757e;border-radius:50%}.list-timeline-icon .icon{width:1rem;height:1rem}.list-timeline-title{margin:0;font-weight:600}.list-timeline-content{margin-left:3.5rem}@media screen and (min-width:768px){.list-timeline:not(.list-timeline-simple):before{position:absolute;top:0;bottom:0;left:calc(7.5rem + 2px);z-index:1;display:block;width:4px;content:"";background-color:#f1f4f8}.list-timeline:not(.list-timeline-simple)>li{z-index:2;min-height:40px}.list-timeline:not(.list-timeline-simple) .list-timeline-time{position:absolute;top:.5rem;left:0;width:5.5rem;margin:0;text-align:right}.list-timeline:not(.list-timeline-simple) .list-timeline-icon{top:0;left:6.5rem}.list-timeline:not(.list-timeline-simple) .list-timeline-content{padding:.625rem 0 0 10rem;margin:0}}.list-group-transparent{margin:0 -.75rem}.list-group-transparent .list-group-item{background:0 0;border:0;border-radius:3px}.list-group-transparent .list-group-item .icon{color:#6e757e}.list-group-transparent .list-group-item.active{font-weight:600;color:inherit;background:rgba(32,107,196,.06)}.list-group-transparent .list-group-item.active .icon{color:inherit}.list-separated-item{padding:1rem 0}.list-separated-item:first-child{padding-top:0}.list-separated-item:last-child{padding-bottom:0}.list-separated-item+.list-separated-item{border-top:1px solid #e8e9ea}.list-inline-item:not(:last-child){margin-right:auto;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.list-inline-dots .list-inline-item+.list-inline-item:before{content:' · ';-webkit-margin-end:.5rem;margin-inline-end:.5rem}@-webkit-keyframes loader{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loader{from{transform:rotate(0)}to{transform:rotate(360deg)}}.loader{position:relative;display:block;width:2.5rem;height:2.5rem;color:#206bc4;vertical-align:middle}.loader:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border:1px solid;border-color:transparent;border-top-color:currentColor;border-left-color:currentColor;border-radius:50%;-webkit-animation:loader .6s linear;animation:loader .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.dimmer{position:relative}.dimmer .loader{position:absolute;top:50%;right:0;left:0;display:none;margin:0 auto;transform:translateY(-50%)}.dimmer.active .loader{display:block}.dimmer.active .dimmer-content{pointer-events:none;opacity:.1}.modal-content .btn-close{position:absolute;top:0;right:0;width:3.5rem;height:3.5rem;margin:0;padding:0;z-index:10}.modal-body::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.modal-body::-webkit-scrollbar-thumb{border-radius:5px;background:#d8dce1}.modal-body::-webkit-scrollbar-corner{background:0 0}.modal-body:hover::-webkit-scrollbar-thumb{background:#c4c8cf;background:#c4c8cf}.modal-body .modal-title{margin-bottom:1rem}.modal-body+.modal-body{border-top:1px solid #e8e9ea}.modal-header{align-items:center;min-height:3.5rem;background:#fff;padding:0 3.5rem 0 1.5rem}.modal-title{font-size:1rem;font-weight:500;line-height:1.3333333}.modal-footer{padding-top:0;padding-bottom:.75rem}.modal-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-full-width{max-width:none;margin:0 .5rem}.nav-tabs .icon{color:#6e757e}.nav-tabs .nav-link{padding:.5rem 1rem;line-height:20px;color:#6e757e;cursor:pointer;background:0 0;border:none;border-bottom:1px solid transparent;transition:.3s color,.3s border-color}.nav-tabs .nav-link:hover{color:#232e3c;border-color:transparent}.nav-tabs .nav-link.disabled{color:rgba(110,117,126,.2)}.nav-tabs .nav-link.active{color:#232e3c;background:inherit;border-color:transparent;border-bottom-color:#206bc4}.nav-tabs-alt .nav-link{font-size:13px;font-weight:600;text-transform:uppercase}.nav-icon{line-height:1;margin-right:.25rem}.nav-icon .icon{display:block;stroke-width:1.5}.nav-link{display:flex;transition:.3s color;align-items:center}.nav-link-icon{width:1.25rem;height:1.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.nav-link-icon .icon{display:block;width:100%;height:100%}.stars{display:inline-flex;color:#d8dce1;font-size:.75rem}.stars .star:not(:first-child){margin-left:.25rem}.pagination{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page-link{min-width:1.75rem;border-radius:3px}.page-link:hover{background:0 0}.page-item{text-align:center}.page-item.page-next,.page-item.page-prev{flex:0 0 50%;text-align:left}.page-item.page-next{margin-left:auto;text-align:right}.page-item-subtitle{margin-bottom:2px;font-size:12px;color:#6e757e;text-transform:uppercase}.page-item.disabled .page-item-subtitle{color:rgba(110,117,126,.5)}.page-item-title{font-size:1rem;font-weight:400;color:#232e3c}.page-link:hover .page-item-title{color:#206bc4}.page-item.disabled .page-item-title{color:rgba(110,117,126,.5)}@-webkit-keyframes progress-indeterminate{0%{right:100%;left:-35%}100%,60%{right:-90%;left:100%}}@keyframes progress-indeterminate{0%{right:100%;left:-35%}100%,60%{right:-90%;left:100%}}.progress{position:relative;width:100%;line-height:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress::-webkit-progress-bar{background:#f1f4f8}.progress::-webkit-progress-value{background-color:#206bc4}.progress::-moz-progress-bar{background-color:#206bc4}.progress::-ms-fill{background-color:#206bc4;border:none}.progress-sm{height:.25rem}.progress-bar{height:100%}.progress-bar-indeterminate:after,.progress-bar-indeterminate:before{position:absolute;top:0;bottom:0;left:0;content:"";background-color:inherit;will-change:left,right}.progress-bar-indeterminate:before{-webkit-animation:progress-indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:progress-indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.progress-separated .progress-bar{border-right:2px solid #fff}.ribbon{position:absolute;top:.75rem;right:-.25rem;z-index:1;padding:.25rem .75rem;font-size:.625rem;font-weight:600;line-height:1.5rem;color:#fff;text-align:center;text-transform:uppercase;background:#206bc4;border-color:#206bc4}.ribbon:before{position:absolute;right:0;bottom:100%;width:0;height:0;content:"";filter:brightness(70%);border:.125rem solid;border-color:inherit;border-top-color:transparent;border-right-color:transparent}.ribbon.bg-blue{border-color:#206bc4}.ribbon.bg-blue-lt{border-color:#e9f0f9!important}.ribbon.bg-azure{border-color:#4299e1}.ribbon.bg-azure-lt{border-color:#ecf5fc!important}.ribbon.bg-indigo{border-color:#6574cd}.ribbon.bg-indigo-lt{border-color:#f0f1fa!important}.ribbon.bg-purple{border-color:#9f7aea}.ribbon.bg-purple-lt{border-color:#f5f2fd!important}.ribbon.bg-pink{border-color:#ed64a6}.ribbon.bg-pink-lt{border-color:#fdf0f6!important}.ribbon.bg-red{border-color:#e53e3e}.ribbon.bg-red-lt{border-color:#fcecec!important}.ribbon.bg-orange{border-color:#ed8936}.ribbon.bg-orange-lt{border-color:#fdf3eb!important}.ribbon.bg-yellow{border-color:#fab005}.ribbon.bg-yellow-lt{border-color:#fff7e6!important}.ribbon.bg-lime{border-color:#82c91e}.ribbon.bg-lime-lt{border-color:#f3fae9!important}.ribbon.bg-green{border-color:#5eba00}.ribbon.bg-green-lt{border-color:#eff8e6!important}.ribbon.bg-teal{border-color:#2bcbba}.ribbon.bg-teal-lt{border-color:#eafaf8!important}.ribbon.bg-cyan{border-color:#17a2b8}.ribbon.bg-cyan-lt{border-color:#e8f6f8!important}.ribbon .icon{width:1rem;height:1rem}.ribbon-top{top:-.25rem;right:.75rem;width:2rem;padding:.25rem 0}.ribbon-top:before{top:0;right:100%;bottom:auto;border-color:inherit;border-top-color:transparent;border-left-color:transparent}.ribbon-top.ribbon-left{right:auto;left:.75rem}.ribbon-top.ribbon-left:before{top:0;right:100%;left:auto}.ribbon-left{right:auto;left:-.25rem}.ribbon-left:before{top:auto;bottom:100%;left:0;border-color:inherit;border-top-color:transparent;border-left-color:transparent}.ribbon-bottom{top:auto;bottom:.75rem}.ribbon-bookmark{padding-left:.25rem}.ribbon-bookmark:after{position:absolute;top:0;right:100%;display:block;width:0;height:0;content:"";border:1rem solid;border-color:inherit;border-right-width:0;border-left-color:transparent;border-left-width:.5rem}.ribbon-bookmark.ribbon-left{padding-right:.5rem;padding-left:.5rem}.ribbon-bookmark.ribbon-left:after{right:auto;left:100%;border-right-color:transparent;border-right-width:.5rem;border-left-width:0}.ribbon-bookmark.ribbon-top{padding-right:0;padding-bottom:.25rem;padding-left:0}.ribbon-bookmark.ribbon-top:after{top:100%;right:0;left:0;border-color:inherit;border-width:1rem;border-top-width:0;border-bottom-color:transparent;border-bottom-width:.5rem}.steps{display:flex;flex-wrap:nowrap;width:100%;padding:0;margin:2rem 0;list-style:none}.steps .step-item{padding-top:calc(.5rem + 4px)}.steps .step-item:after{top:calc(.25rem + 2px);height:2px}.steps .step-item:before{width:.5rem;height:.5rem}.steps .step-item:after,.steps .step-item:before{color:#fff;background:#206bc4}.steps .step-item.active:before{color:inherit;border-color:#206bc4}.steps-blue .step-item:after,.steps-blue .step-item:before{color:#fff;background:#206bc4}.steps-blue .step-item.active:before{color:inherit;border-color:#206bc4}.steps-azure .step-item:after,.steps-azure .step-item:before{color:#fff;background:#4299e1}.steps-azure .step-item.active:before{color:inherit;border-color:#4299e1}.steps-indigo .step-item:after,.steps-indigo .step-item:before{color:#fff;background:#6574cd}.steps-indigo .step-item.active:before{color:inherit;border-color:#6574cd}.steps-purple .step-item:after,.steps-purple .step-item:before{color:#fff;background:#9f7aea}.steps-purple .step-item.active:before{color:inherit;border-color:#9f7aea}.steps-pink .step-item:after,.steps-pink .step-item:before{color:#fff;background:#ed64a6}.steps-pink .step-item.active:before{color:inherit;border-color:#ed64a6}.steps-red .step-item:after,.steps-red .step-item:before{color:#fff;background:#e53e3e}.steps-red .step-item.active:before{color:inherit;border-color:#e53e3e}.steps-orange .step-item:after,.steps-orange .step-item:before{color:#fff;background:#ed8936}.steps-orange .step-item.active:before{color:inherit;border-color:#ed8936}.steps-yellow .step-item:after,.steps-yellow .step-item:before{color:#fff;background:#fab005}.steps-yellow .step-item.active:before{color:inherit;border-color:#fab005}.steps-lime .step-item:after,.steps-lime .step-item:before{color:#fff;background:#82c91e}.steps-lime .step-item.active:before{color:inherit;border-color:#82c91e}.steps-green .step-item:after,.steps-green .step-item:before{color:#fff;background:#5eba00}.steps-green .step-item.active:before{color:inherit;border-color:#5eba00}.steps-teal .step-item:after,.steps-teal .step-item:before{color:#fff;background:#2bcbba}.steps-teal .step-item.active:before{color:inherit;border-color:#2bcbba}.steps-cyan .step-item:after,.steps-cyan .step-item:before{color:#fff;background:#17a2b8}.steps-cyan .step-item.active:before{color:inherit;border-color:#17a2b8}.step-item{position:relative;flex:1 1 0;min-height:1rem;margin-top:0;color:inherit;text-align:center;cursor:default}a.step-item{cursor:pointer}a.step-item:hover{color:inherit}.step-item:not(:first-child):after{position:absolute;left:-50%;width:100%;content:"";transform:translateY(-50%)}.step-item:before{position:absolute;top:0;left:50%;z-index:1;box-sizing:content-box;display:block;content:"";border:2px solid #fff;border-radius:50%;transform:translateX(-50%)}.step-item.active{font-weight:600}.step-item.active:before{background:#fff}.step-item.active~.step-item{color:#6e757e}.step-item.active~.step-item:after,.step-item.active~.step-item:before{background:#f3f5f5}.step-item.active~.step-item:before{color:#6e757e!important}.steps-counter{counter-reset:steps}.steps-counter .step-item{padding-top:calc(1.5rem + 4px)}.steps-counter .step-item:after{top:calc(.75rem + 2px);height:2px}.steps-counter .step-item:before{width:1.5rem;height:1.5rem}.steps-counter .step-item{counter-increment:steps}.steps-counter .step-item:before{font-size:.75rem;line-height:1.5rem;content:counter(steps)}.steps-counter .step-item.active~.step-item:before{background:#fff}.markdown>table thead th,.table thead th{color:#6e757e;background:rgba(35,46,60,.024);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e;padding-top:.5rem;padding-bottom:.5rem}@media print{.markdown>table thead th,.table thead th{background:0 0}}.table-nowrap>:not(caption)>*>*{white-space:nowrap}.table-vcenter>:not(caption)>*>*{vertical-align:middle}.table-center>:not(caption)>*>*{text-align:center}.td-truncate{max-width:1px;width:100%}.table-mobile{display:block}.table-mobile thead{display:none}.table-mobile tbody,.table-mobile tr{display:flex;flex-direction:column}.table-mobile td{display:block;padding:.5rem .5rem!important;border:none;color:#232e3c!important}.table-mobile td[data-label]:before{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e;content:attr(data-label);display:block}.table-mobile tr{border-bottom:1px solid rgba(110,117,126,.16)}.table-mobile .btn{display:block}@media (max-width:575.98px){.table-mobile-sm{display:block}.table-mobile-sm thead{display:none}.table-mobile-sm tbody,.table-mobile-sm tr{display:flex;flex-direction:column}.table-mobile-sm td{display:block;padding:.5rem .5rem!important;border:none;color:#232e3c!important}.table-mobile-sm td[data-label]:before{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e;content:attr(data-label);display:block}.table-mobile-sm tr{border-bottom:1px solid rgba(110,117,126,.16)}.table-mobile-sm .btn{display:block}}@media (max-width:767.98px){.table-mobile-md{display:block}.table-mobile-md thead{display:none}.table-mobile-md tbody,.table-mobile-md tr{display:flex;flex-direction:column}.table-mobile-md td{display:block;padding:.5rem .5rem!important;border:none;color:#232e3c!important}.table-mobile-md td[data-label]:before{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e;content:attr(data-label);display:block}.table-mobile-md tr{border-bottom:1px solid rgba(110,117,126,.16)}.table-mobile-md .btn{display:block}}@media (max-width:991.98px){.table-mobile-lg{display:block}.table-mobile-lg thead{display:none}.table-mobile-lg tbody,.table-mobile-lg tr{display:flex;flex-direction:column}.table-mobile-lg td{display:block;padding:.5rem .5rem!important;border:none;color:#232e3c!important}.table-mobile-lg td[data-label]:before{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e;content:attr(data-label);display:block}.table-mobile-lg tr{border-bottom:1px solid rgba(110,117,126,.16)}.table-mobile-lg .btn{display:block}}@media (max-width:1199.98px){.table-mobile-xl{display:block}.table-mobile-xl thead{display:none}.table-mobile-xl tbody,.table-mobile-xl tr{display:flex;flex-direction:column}.table-mobile-xl td{display:block;padding:.5rem .5rem!important;border:none;color:#232e3c!important}.table-mobile-xl td[data-label]:before{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e;content:attr(data-label);display:block}.table-mobile-xl tr{border-bottom:1px solid rgba(110,117,126,.16)}.table-mobile-xl .btn{display:block}}@media (max-width:1399.98px){.table-mobile-xxl{display:block}.table-mobile-xxl thead{display:none}.table-mobile-xxl tbody,.table-mobile-xxl tr{display:flex;flex-direction:column}.table-mobile-xxl td{display:block;padding:.5rem .5rem!important;border:none;color:#232e3c!important}.table-mobile-xxl td[data-label]:before{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e;content:attr(data-label);display:block}.table-mobile-xxl tr{border-bottom:1px solid rgba(110,117,126,.16)}.table-mobile-xxl .btn{display:block}}.toast-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toast button[data-dismiss=toast]{outline:0}.toolbar{display:flex;flex-wrap:nowrap;flex-shrink:0;margin:0 -.5rem}.toolbar>*{margin:0 .5rem}.hr-text{display:flex;align-items:center;margin:2rem 0;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e;height:1px}.hr-text:after,.hr-text:before{flex:1 1 auto;height:1px;background-color:currentColor;opacity:.1}.hr-text:before{content:"";margin-right:.5rem}.hr-text:after{content:"";margin-left:.5rem}.hr-text>:first-child{padding-right:.5rem;padding-left:0;color:#6e757e}.hr-text.hr-text-left:before{content:none}.hr-text.hr-text-left>:first-child{padding-right:.5rem;padding-left:.5rem}.hr-text.hr-text-right:before{content:""}.hr-text.hr-text-right:after{content:none}.hr-text.hr-text-right>:first-child{padding-right:0;padding-left:.5rem}.card>.hr-text{margin:0}.hr-text-spaceless{margin:-.5rem 0}.lead{line-height:1.4}a{-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}ol,ul{margin:0 0 1rem 0;-webkit-margin-start:1rem;margin-inline-start:1rem;padding:0;-webkit-padding-start:1rem;padding-inline-start:1rem}.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}.h1,h1{line-height:1.1428571}.h2,h2{line-height:1.4}.h3,h3{line-height:1.5}.h4,h4{line-height:1.4285714}.h5,h5{line-height:1.3333333}.h6,h6{line-height:1.6}.strong,b,strong{font-weight:600}blockquote{padding-left:1rem;border-left:2px solid #e8e9ea}blockquote p{margin-bottom:1rem}blockquote cite{display:block;text-align:right}blockquote cite:before{content:"— "}.hr,hr{margin:2rem 0}dl dd:last-child{margin-bottom:0}code{padding:2px 4px;background:rgba(32,107,196,.03);border:1px solid rgba(32,107,196,.064);border-radius:3px;font-weight:400}pre{padding:1rem;overflow:auto;font-size:85.7142857%;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.25rem;-moz-tab-size:3;-o-tab-size:3;tab-size:3;border-radius:3px;white-space:pre-wrap}pre code{padding:0;background:0 0;border:none;border-radius:0}img{max-width:100%}::-moz-selection{color:#fff;background-color:#307fdd}::selection{color:#fff;background-color:#307fdd}[class*=" link-"].disabled,[class^=link-].disabled{color:#9fa5ad;pointer-events:none}.subheader{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:#6e757e}.markdown{line-height:1.7142857}.markdown>:first-child{margin-top:0}.markdown>:last-child,.markdown>:last-child .highlight{margin-bottom:0}.markdown>.h1,.markdown>.h2,.markdown>.h3,.markdown>.h4,.markdown>.h5,.markdown>.h6,.markdown>h1,.markdown>h2,.markdown>h3,.markdown>h4,.markdown>h5,.markdown>h6{margin-top:2rem;margin-bottom:.25rem}.markdown>.h1,.markdown>h1{font-size:1.25rem;line-height:1.4}.markdown>.h2,.markdown>h2{font-size:1rem;line-height:1.5}.markdown>.h3,.markdown>h3{font-size:.875rem;line-height:1.4285714}.markdown>.h4,.markdown>h4{font-size:.75rem;line-height:1.3333333}@media (min-width:768px){.markdown>.hr,.markdown>hr{margin-top:3em;margin-bottom:3em}}.chart{display:block;min-height:10rem}.chart text{font-family:inherit}.chart-sm{height:2.5rem}.chart-lg{height:15rem}.chart-square{height:5.75rem}.chart-sparkline{position:relative;width:4rem;height:2.5rem;line-height:1}.chart-sparkline-square{width:2.5rem}.chart-sparkline-wide{width:6rem}.chart-sparkline-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.625rem}.chart-sparkline-label .icon{width:1rem;height:1rem}.bg-white-overlay{color:#fff;background-color:rgba(241,244,248,.24)}.bg-dark-overlay{color:#fff;background-color:rgba(35,46,60,.24)}.bg-cover{background-repeat:no-repeat;background-size:cover;background-position:center}.bg-facebook{color:#fff!important;background:#3b5998!important}.text-facebook{color:#3b5998!important}.bg-twitter{color:#fff!important;background:#1da1f2!important}.text-twitter{color:#1da1f2!important}.bg-google{color:#fff!important;background:#dc4e41!important}.text-google{color:#dc4e41!important}.bg-youtube{color:#fff!important;background:red!important}.text-youtube{color:red!important}.bg-vimeo{color:#fff!important;background:#1ab7ea!important}.text-vimeo{color:#1ab7ea!important}.bg-dribbble{color:#fff!important;background:#ea4c89!important}.text-dribbble{color:#ea4c89!important}.bg-github{color:#fff!important;background:#181717!important}.text-github{color:#181717!important}.bg-instagram{color:#fff!important;background:#e4405f!important}.text-instagram{color:#e4405f!important}.bg-pinterest{color:#fff!important;background:#bd081c!important}.text-pinterest{color:#bd081c!important}.bg-vk{color:#fff!important;background:#6383a8!important}.text-vk{color:#6383a8!important}.bg-rss{color:#fff!important;background:orange!important}.text-rss{color:orange!important}.bg-flickr{color:#fff!important;background:#0063dc!important}.text-flickr{color:#0063dc!important}.bg-bitbucket{color:#fff!important;background:#0052cc!important}.text-bitbucket{color:#0052cc!important}.bg-tabler{color:#fff!important;background:#206bc4!important}.text-tabler{color:#206bc4!important}.bg-blue{background:#206bc4}.text-blue{color:#206bc4!important}.bg-blue-lt{color:#206bc4!important;background:rgba(32,107,196,.1)!important}.bg-azure{background:#4299e1}.text-azure{color:#4299e1!important}.bg-azure-lt{color:#4299e1!important;background:rgba(66,153,225,.1)!important}.bg-indigo{background:#6574cd}.text-indigo{color:#6574cd!important}.bg-indigo-lt{color:#6574cd!important;background:rgba(101,116,205,.1)!important}.bg-purple{background:#9f7aea}.text-purple{color:#9f7aea!important}.bg-purple-lt{color:#9f7aea!important;background:rgba(159,122,234,.1)!important}.bg-pink{background:#ed64a6}.text-pink{color:#ed64a6!important}.bg-pink-lt{color:#ed64a6!important;background:rgba(237,100,166,.1)!important}.bg-red{background:#e53e3e}.text-red{color:#e53e3e!important}.bg-red-lt{color:#e53e3e!important;background:rgba(229,62,62,.1)!important}.bg-orange{background:#ed8936}.text-orange{color:#ed8936!important}.bg-orange-lt{color:#ed8936!important;background:rgba(237,137,54,.1)!important}.bg-yellow{background:#fab005}.text-yellow{color:#fab005!important}.bg-yellow-lt{color:#fab005!important;background:rgba(250,176,5,.1)!important}.bg-lime{background:#82c91e}.text-lime{color:#82c91e!important}.bg-lime-lt{color:#82c91e!important;background:rgba(130,201,30,.1)!important}.bg-green{background:#5eba00}.text-green{color:#5eba00!important}.bg-green-lt{color:#5eba00!important;background:rgba(94,186,0,.1)!important}.bg-teal{background:#2bcbba}.text-teal{color:#2bcbba!important}.bg-teal-lt{color:#2bcbba!important;background:rgba(43,203,186,.1)!important}.bg-cyan{background:#17a2b8}.text-cyan{color:#17a2b8!important}.bg-cyan-lt{color:#17a2b8!important;background:rgba(23,162,184,.1)!important}.scrollable{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.scrollable.hover{overflow-y:hidden}.scrollable.hover>*{margin-top:-1px}.scrollable.hover:active,.scrollable.hover:focus,.scrollable.hover:hover{overflow:visible;overflow-y:auto}.touch .scrollable{overflow-y:auto!important}.scroll-x,.scroll-y{overflow:hidden;-webkit-overflow-scrolling:touch}.scroll-y{overflow-y:auto}.scroll-x{overflow-x:auto}.no-scroll{overflow:hidden}.w-0{width:0!important}.h-0{height:0!important}.w-1{width:.25rem!important}.h-1{height:.25rem!important}.w-2{width:.5rem!important}.h-2{height:.5rem!important}.w-3{width:1rem!important}.h-3{height:1rem!important}.w-4{width:1.25rem!important}.h-4{height:1.25rem!important}.w-5{width:3rem!important}.h-5{height:3rem!important}.w-6{width:4.5rem!important}.h-6{height:4.5rem!important}.w-auto{width:auto!important}.h-auto{height:auto!important}.w-px{width:1px!important}.h-px{height:1px!important}.w-full{width:100%!important}.h-full{height:100%!important}.opacity-0{opacity:0!important}.opacity-5{opacity:.05!important}.opacity-10{opacity:.1!important}.opacity-15{opacity:.15!important}.opacity-20{opacity:.2!important}.opacity-25{opacity:.25!important}.opacity-30{opacity:.3!important}.opacity-35{opacity:.35!important}.opacity-40{opacity:.4!important}.opacity-45{opacity:.45!important}.opacity-50{opacity:.5!important}.opacity-55{opacity:.55!important}.opacity-60{opacity:.6!important}.opacity-65{opacity:.65!important}.opacity-70{opacity:.7!important}.opacity-75{opacity:.75!important}.opacity-80{opacity:.8!important}.opacity-85{opacity:.85!important}.opacity-90{opacity:.9!important}.opacity-95{opacity:.95!important}.opacity-100{opacity:1!important}.hover-shadow-sm:hover{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.hover-shadow:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.hover-shadow-lg:hover{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.hover-shadow-none:hover{box-shadow:none!important}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}@media not print{.theme-dark{color:#f1f4f8;background-color:#1f2936}.theme-dark .card,.theme-dark .dropdown-menu,.theme-dark .flatpickr-calendar,.theme-dark .footer:not(.footer-transparent),.theme-dark .modal-content,.theme-dark .modal-header{background-color:#232e3c;color:inherit}.theme-dark .card{border-color:transparent}.theme-dark .btn-white,.theme-dark .form-file-button{background-image:none}.theme-dark .flatpickr-input.flatpickr-input,.theme-dark .form-check-input:not(:checked),.theme-dark .form-control,.theme-dark .form-file-text,.theme-dark .form-imagecheck-figure:before,.theme-dark .form-select,.theme-dark .form-selectgroup-check,.theme-dark .form-selectgroup-label{background-color:#1f2936;color:#f1f4f8}.theme-dark .form-control-plaintext{color:#f1f4f8}.theme-dark .input-group-flat .input-group-text{background-color:#1f2936}.theme-dark .highlight{background-color:#1f2936}.theme-dark .avatar{background-color:#273342}.theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #232e3c}.theme-dark .btn-close,.theme-dark .markdown,.theme-dark .markdown>*{color:inherit}.theme-dark .apexcharts-text{fill:#f1f4f8}.theme-dark .apexcharts-legend-text{color:inherit!important}.theme-dark .navbar-brand-autodark{filter:brightness(0) invert(1)}}@media not print and (prefers-color-scheme:dark){.theme-dark-auto{color:#f1f4f8;background-color:#1f2936}.theme-dark-auto .card,.theme-dark-auto .dropdown-menu,.theme-dark-auto .flatpickr-calendar,.theme-dark-auto .footer:not(.footer-transparent),.theme-dark-auto .modal-content,.theme-dark-auto .modal-header{background-color:#232e3c;color:inherit}.theme-dark-auto .card{border-color:transparent}.theme-dark-auto .btn-white,.theme-dark-auto .form-file-button{background-image:none}.theme-dark-auto .flatpickr-input.flatpickr-input,.theme-dark-auto .form-check-input:not(:checked),.theme-dark-auto .form-control,.theme-dark-auto .form-file-text,.theme-dark-auto .form-imagecheck-figure:before,.theme-dark-auto .form-select,.theme-dark-auto .form-selectgroup-check,.theme-dark-auto .form-selectgroup-label{background-color:#1f2936;color:#f1f4f8}.theme-dark-auto .form-control-plaintext{color:#f1f4f8}.theme-dark-auto .input-group-flat .input-group-text{background-color:#1f2936}.theme-dark-auto .highlight{background-color:#1f2936}.theme-dark-auto .avatar{background-color:#273342}.theme-dark-auto .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #232e3c}.theme-dark-auto .btn-close,.theme-dark-auto .markdown,.theme-dark-auto .markdown>*{color:inherit}.theme-dark-auto .apexcharts-text{fill:#f1f4f8}.theme-dark-auto .apexcharts-legend-text{color:inherit!important}.theme-dark-auto .navbar-brand-autodark{filter:brightness(0) invert(1)}}
\ No newline at end of file
diff --git a/dist/js/tabler.js b/dist/js/tabler.js
index 570d1e393..99ab27b8c 100644
--- a/dist/js/tabler.js
+++ b/dist/js/tabler.js
@@ -1,4985 +1,3090 @@
 /*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
+* Tabler v1.0.0-alpha.9 (https://tabler.io)
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 */
 (function (factory) {
-  typeof define === 'function' && define.amd ? define(factory) :
-  factory();
+	typeof define === 'function' && define.amd ? define(factory) :
+	factory();
 }((function () { 'use strict';
 
-  /**!
-   * @fileOverview Kickass library to create and place poppers near their reference elements.
-   * @version 1.16.1
-   * @license
-   * Copyright (c) 2016 Federico Zivolo and contributors
-   *
-   * 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.
-   */
-  var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && typeof navigator !== 'undefined';
-  var timeoutDuration = function () {
-    var longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];
-    for (var i = 0; i < longerTimeoutBrowsers.length; i += 1) {
-      if (isBrowser && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {
-        return 1;
-      }
-    }
-    return 0;
-  }();
-  function microtaskDebounce(fn) {
-    var called = false;
-    return function () {
-      if (called) {
-        return;
-      }
-      called = true;
-      window.Promise.resolve().then(function () {
-        called = false;
-        fn();
-      });
-    };
-  }
-  function taskDebounce(fn) {
-    var scheduled = false;
-    return function () {
-      if (!scheduled) {
-        scheduled = true;
-        setTimeout(function () {
-          scheduled = false;
-          fn();
-        }, timeoutDuration);
-      }
-    };
-  }
-  var supportsMicroTasks = isBrowser && window.Promise;
-  var debounce = supportsMicroTasks ? microtaskDebounce : taskDebounce;
-  function isFunction(functionToCheck) {
-    var getType = {};
-    return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
-  }
-  function getStyleComputedProperty(element, property) {
-    if (element.nodeType !== 1) {
-      return [];
-    }
-    var window = element.ownerDocument.defaultView;
-    var css = window.getComputedStyle(element, null);
-    return property ? css[property] : css;
-  }
-  function getParentNode(element) {
-    if (element.nodeName === 'HTML') {
-      return element;
-    }
-    return element.parentNode || element.host;
-  }
-  function getScrollParent(element) {
-    if (!element) {
-      return document.body;
-    }
-    switch (element.nodeName) {
-      case 'HTML':
-      case 'BODY':
-        return element.ownerDocument.body;
-      case '#document':
-        return element.body;
-    }
-    var _getStyleComputedProp = getStyleComputedProperty(element),
-        overflow = _getStyleComputedProp.overflow,
-        overflowX = _getStyleComputedProp.overflowX,
-        overflowY = _getStyleComputedProp.overflowY;
-    if (/(auto|scroll|overlay)/.test(overflow + overflowY + overflowX)) {
-      return element;
-    }
-    return getScrollParent(getParentNode(element));
-  }
-  function getReferenceNode(reference) {
-    return reference && reference.referenceNode ? reference.referenceNode : reference;
-  }
-  var isIE11 = isBrowser && !!(window.MSInputMethodContext && document.documentMode);
-  var isIE10 = isBrowser && /MSIE 10/.test(navigator.userAgent);
-  function isIE(version) {
-    if (version === 11) {
-      return isIE11;
-    }
-    if (version === 10) {
-      return isIE10;
-    }
-    return isIE11 || isIE10;
-  }
-  function getOffsetParent(element) {
-    if (!element) {
-      return document.documentElement;
-    }
-    var noOffsetParent = isIE(10) ? document.body : null;
-    var offsetParent = element.offsetParent || null;
-    while (offsetParent === noOffsetParent && element.nextElementSibling) {
-      offsetParent = (element = element.nextElementSibling).offsetParent;
-    }
-    var nodeName = offsetParent && offsetParent.nodeName;
-    if (!nodeName || nodeName === 'BODY' || nodeName === 'HTML') {
-      return element ? element.ownerDocument.documentElement : document.documentElement;
-    }
-    if (['TH', 'TD', 'TABLE'].indexOf(offsetParent.nodeName) !== -1 && getStyleComputedProperty(offsetParent, 'position') === 'static') {
-      return getOffsetParent(offsetParent);
-    }
-    return offsetParent;
-  }
-  function isOffsetContainer(element) {
-    var nodeName = element.nodeName;
-    if (nodeName === 'BODY') {
-      return false;
-    }
-    return nodeName === 'HTML' || getOffsetParent(element.firstElementChild) === element;
-  }
-  function getRoot(node) {
-    if (node.parentNode !== null) {
-      return getRoot(node.parentNode);
-    }
-    return node;
-  }
-  function findCommonOffsetParent(element1, element2) {
-    if (!element1 || !element1.nodeType || !element2 || !element2.nodeType) {
-      return document.documentElement;
-    }
-    var order = element1.compareDocumentPosition(element2) & Node.DOCUMENT_POSITION_FOLLOWING;
-    var start = order ? element1 : element2;
-    var end = order ? element2 : element1;
-    var range = document.createRange();
-    range.setStart(start, 0);
-    range.setEnd(end, 0);
-    var commonAncestorContainer = range.commonAncestorContainer;
-    if (element1 !== commonAncestorContainer && element2 !== commonAncestorContainer || start.contains(end)) {
-      if (isOffsetContainer(commonAncestorContainer)) {
-        return commonAncestorContainer;
-      }
-      return getOffsetParent(commonAncestorContainer);
-    }
-    var element1root = getRoot(element1);
-    if (element1root.host) {
-      return findCommonOffsetParent(element1root.host, element2);
-    } else {
-      return findCommonOffsetParent(element1, getRoot(element2).host);
-    }
-  }
-  function getScroll(element) {
-    var side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top';
-    var upperSide = side === 'top' ? 'scrollTop' : 'scrollLeft';
-    var nodeName = element.nodeName;
-    if (nodeName === 'BODY' || nodeName === 'HTML') {
-      var html = element.ownerDocument.documentElement;
-      var scrollingElement = element.ownerDocument.scrollingElement || html;
-      return scrollingElement[upperSide];
-    }
-    return element[upperSide];
-  }
-  function includeScroll(rect, element) {
-    var subtract = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    var scrollTop = getScroll(element, 'top');
-    var scrollLeft = getScroll(element, 'left');
-    var modifier = subtract ? -1 : 1;
-    rect.top += scrollTop * modifier;
-    rect.bottom += scrollTop * modifier;
-    rect.left += scrollLeft * modifier;
-    rect.right += scrollLeft * modifier;
-    return rect;
-  }
-  function getBordersSize(styles, axis) {
-    var sideA = axis === 'x' ? 'Left' : 'Top';
-    var sideB = sideA === 'Left' ? 'Right' : 'Bottom';
-    return parseFloat(styles['border' + sideA + 'Width']) + parseFloat(styles['border' + sideB + 'Width']);
-  }
-  function getSize(axis, body, html, computedStyle) {
-    return Math.max(body['offset' + axis], body['scroll' + axis], html['client' + axis], html['offset' + axis], html['scroll' + axis], isIE(10) ? parseInt(html['offset' + axis]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Top' : 'Left')]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Bottom' : 'Right')]) : 0);
-  }
-  function getWindowSizes(document) {
-    var body = document.body;
-    var html = document.documentElement;
-    var computedStyle = isIE(10) && getComputedStyle(html);
-    return {
-      height: getSize('Height', body, html, computedStyle),
-      width: getSize('Width', body, html, computedStyle)
-    };
-  }
-  var classCallCheck = function (instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-      throw new TypeError("Cannot call a class as a function");
-    }
-  };
-  var createClass = function () {
-    function defineProperties(target, props) {
-      for (var i = 0; i < props.length; i++) {
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-      }
-    }
-    return function (Constructor, protoProps, staticProps) {
-      if (protoProps) defineProperties(Constructor.prototype, protoProps);
-      if (staticProps) defineProperties(Constructor, staticProps);
-      return Constructor;
-    };
-  }();
-  var defineProperty = function (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;
-  };
-  var _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;
-  };
-  function getClientRect(offsets) {
-    return _extends({}, offsets, {
-      right: offsets.left + offsets.width,
-      bottom: offsets.top + offsets.height
-    });
-  }
-  function getBoundingClientRect(element) {
-    var rect = {};
-    try {
-      if (isIE(10)) {
-        rect = element.getBoundingClientRect();
-        var scrollTop = getScroll(element, 'top');
-        var scrollLeft = getScroll(element, 'left');
-        rect.top += scrollTop;
-        rect.left += scrollLeft;
-        rect.bottom += scrollTop;
-        rect.right += scrollLeft;
-      } else {
-        rect = element.getBoundingClientRect();
-      }
-    } catch (e) {}
-    var result = {
-      left: rect.left,
-      top: rect.top,
-      width: rect.right - rect.left,
-      height: rect.bottom - rect.top
-    };
-    var sizes = element.nodeName === 'HTML' ? getWindowSizes(element.ownerDocument) : {};
-    var width = sizes.width || element.clientWidth || result.width;
-    var height = sizes.height || element.clientHeight || result.height;
-    var horizScrollbar = element.offsetWidth - width;
-    var vertScrollbar = element.offsetHeight - height;
-    if (horizScrollbar || vertScrollbar) {
-      var styles = getStyleComputedProperty(element);
-      horizScrollbar -= getBordersSize(styles, 'x');
-      vertScrollbar -= getBordersSize(styles, 'y');
-      result.width -= horizScrollbar;
-      result.height -= vertScrollbar;
-    }
-    return getClientRect(result);
-  }
-  function getOffsetRectRelativeToArbitraryNode(children, parent) {
-    var fixedPosition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    var isIE10 = isIE(10);
-    var isHTML = parent.nodeName === 'HTML';
-    var childrenRect = getBoundingClientRect(children);
-    var parentRect = getBoundingClientRect(parent);
-    var scrollParent = getScrollParent(children);
-    var styles = getStyleComputedProperty(parent);
-    var borderTopWidth = parseFloat(styles.borderTopWidth);
-    var borderLeftWidth = parseFloat(styles.borderLeftWidth);
-    if (fixedPosition && isHTML) {
-      parentRect.top = Math.max(parentRect.top, 0);
-      parentRect.left = Math.max(parentRect.left, 0);
-    }
-    var offsets = getClientRect({
-      top: childrenRect.top - parentRect.top - borderTopWidth,
-      left: childrenRect.left - parentRect.left - borderLeftWidth,
-      width: childrenRect.width,
-      height: childrenRect.height
-    });
-    offsets.marginTop = 0;
-    offsets.marginLeft = 0;
-    if (!isIE10 && isHTML) {
-      var marginTop = parseFloat(styles.marginTop);
-      var marginLeft = parseFloat(styles.marginLeft);
-      offsets.top -= borderTopWidth - marginTop;
-      offsets.bottom -= borderTopWidth - marginTop;
-      offsets.left -= borderLeftWidth - marginLeft;
-      offsets.right -= borderLeftWidth - marginLeft;
-      offsets.marginTop = marginTop;
-      offsets.marginLeft = marginLeft;
-    }
-    if (isIE10 && !fixedPosition ? parent.contains(scrollParent) : parent === scrollParent && scrollParent.nodeName !== 'BODY') {
-      offsets = includeScroll(offsets, parent);
-    }
-    return offsets;
-  }
-  function getViewportOffsetRectRelativeToArtbitraryNode(element) {
-    var excludeScroll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var html = element.ownerDocument.documentElement;
-    var relativeOffset = getOffsetRectRelativeToArbitraryNode(element, html);
-    var width = Math.max(html.clientWidth, window.innerWidth || 0);
-    var height = Math.max(html.clientHeight, window.innerHeight || 0);
-    var scrollTop = !excludeScroll ? getScroll(html) : 0;
-    var scrollLeft = !excludeScroll ? getScroll(html, 'left') : 0;
-    var offset = {
-      top: scrollTop - relativeOffset.top + relativeOffset.marginTop,
-      left: scrollLeft - relativeOffset.left + relativeOffset.marginLeft,
-      width: width,
-      height: height
-    };
-    return getClientRect(offset);
-  }
-  function isFixed(element) {
-    var nodeName = element.nodeName;
-    if (nodeName === 'BODY' || nodeName === 'HTML') {
-      return false;
-    }
-    if (getStyleComputedProperty(element, 'position') === 'fixed') {
-      return true;
-    }
-    var parentNode = getParentNode(element);
-    if (!parentNode) {
-      return false;
-    }
-    return isFixed(parentNode);
-  }
-  function getFixedPositionOffsetParent(element) {
-    if (!element || !element.parentElement || isIE()) {
-      return document.documentElement;
-    }
-    var el = element.parentElement;
-    while (el && getStyleComputedProperty(el, 'transform') === 'none') {
-      el = el.parentElement;
-    }
-    return el || document.documentElement;
-  }
-  function getBoundaries(popper, reference, padding, boundariesElement) {
-    var fixedPosition = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-    var boundaries = { top: 0, left: 0 };
-    var offsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, getReferenceNode(reference));
-    if (boundariesElement === 'viewport') {
-      boundaries = getViewportOffsetRectRelativeToArtbitraryNode(offsetParent, fixedPosition);
-    } else {
-      var boundariesNode = void 0;
-      if (boundariesElement === 'scrollParent') {
-        boundariesNode = getScrollParent(getParentNode(reference));
-        if (boundariesNode.nodeName === 'BODY') {
-          boundariesNode = popper.ownerDocument.documentElement;
-        }
-      } else if (boundariesElement === 'window') {
-        boundariesNode = popper.ownerDocument.documentElement;
-      } else {
-        boundariesNode = boundariesElement;
-      }
-      var offsets = getOffsetRectRelativeToArbitraryNode(boundariesNode, offsetParent, fixedPosition);
-      if (boundariesNode.nodeName === 'HTML' && !isFixed(offsetParent)) {
-        var _getWindowSizes = getWindowSizes(popper.ownerDocument),
-            height = _getWindowSizes.height,
-            width = _getWindowSizes.width;
-        boundaries.top += offsets.top - offsets.marginTop;
-        boundaries.bottom = height + offsets.top;
-        boundaries.left += offsets.left - offsets.marginLeft;
-        boundaries.right = width + offsets.left;
-      } else {
-        boundaries = offsets;
-      }
-    }
-    padding = padding || 0;
-    var isPaddingNumber = typeof padding === 'number';
-    boundaries.left += isPaddingNumber ? padding : padding.left || 0;
-    boundaries.top += isPaddingNumber ? padding : padding.top || 0;
-    boundaries.right -= isPaddingNumber ? padding : padding.right || 0;
-    boundaries.bottom -= isPaddingNumber ? padding : padding.bottom || 0;
-    return boundaries;
-  }
-  function getArea(_ref) {
-    var width = _ref.width,
-        height = _ref.height;
-    return width * height;
-  }
-  function computeAutoPlacement(placement, refRect, popper, reference, boundariesElement) {
-    var padding = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
-    if (placement.indexOf('auto') === -1) {
-      return placement;
-    }
-    var boundaries = getBoundaries(popper, reference, padding, boundariesElement);
-    var rects = {
-      top: {
-        width: boundaries.width,
-        height: refRect.top - boundaries.top
-      },
-      right: {
-        width: boundaries.right - refRect.right,
-        height: boundaries.height
-      },
-      bottom: {
-        width: boundaries.width,
-        height: boundaries.bottom - refRect.bottom
-      },
-      left: {
-        width: refRect.left - boundaries.left,
-        height: boundaries.height
-      }
-    };
-    var sortedAreas = Object.keys(rects).map(function (key) {
-      return _extends({
-        key: key
-      }, rects[key], {
-        area: getArea(rects[key])
-      });
-    }).sort(function (a, b) {
-      return b.area - a.area;
-    });
-    var filteredAreas = sortedAreas.filter(function (_ref2) {
-      var width = _ref2.width,
-          height = _ref2.height;
-      return width >= popper.clientWidth && height >= popper.clientHeight;
-    });
-    var computedPlacement = filteredAreas.length > 0 ? filteredAreas[0].key : sortedAreas[0].key;
-    var variation = placement.split('-')[1];
-    return computedPlacement + (variation ? '-' + variation : '');
-  }
-  function getReferenceOffsets(state, popper, reference) {
-    var fixedPosition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-    var commonOffsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, getReferenceNode(reference));
-    return getOffsetRectRelativeToArbitraryNode(reference, commonOffsetParent, fixedPosition);
-  }
-  function getOuterSizes(element) {
-    var window = element.ownerDocument.defaultView;
-    var styles = window.getComputedStyle(element);
-    var x = parseFloat(styles.marginTop || 0) + parseFloat(styles.marginBottom || 0);
-    var y = parseFloat(styles.marginLeft || 0) + parseFloat(styles.marginRight || 0);
-    var result = {
-      width: element.offsetWidth + y,
-      height: element.offsetHeight + x
-    };
-    return result;
-  }
-  function getOppositePlacement(placement) {
-    var hash = { left: 'right', right: 'left', bottom: 'top', top: 'bottom' };
-    return placement.replace(/left|right|bottom|top/g, function (matched) {
-      return hash[matched];
-    });
-  }
-  function getPopperOffsets(popper, referenceOffsets, placement) {
-    placement = placement.split('-')[0];
-    var popperRect = getOuterSizes(popper);
-    var popperOffsets = {
-      width: popperRect.width,
-      height: popperRect.height
-    };
-    var isHoriz = ['right', 'left'].indexOf(placement) !== -1;
-    var mainSide = isHoriz ? 'top' : 'left';
-    var secondarySide = isHoriz ? 'left' : 'top';
-    var measurement = isHoriz ? 'height' : 'width';
-    var secondaryMeasurement = !isHoriz ? 'height' : 'width';
-    popperOffsets[mainSide] = referenceOffsets[mainSide] + referenceOffsets[measurement] / 2 - popperRect[measurement] / 2;
-    if (placement === secondarySide) {
-      popperOffsets[secondarySide] = referenceOffsets[secondarySide] - popperRect[secondaryMeasurement];
-    } else {
-      popperOffsets[secondarySide] = referenceOffsets[getOppositePlacement(secondarySide)];
-    }
-    return popperOffsets;
-  }
-  function find(arr, check) {
-    if (Array.prototype.find) {
-      return arr.find(check);
-    }
-    return arr.filter(check)[0];
-  }
-  function findIndex(arr, prop, value) {
-    if (Array.prototype.findIndex) {
-      return arr.findIndex(function (cur) {
-        return cur[prop] === value;
-      });
-    }
-    var match = find(arr, function (obj) {
-      return obj[prop] === value;
-    });
-    return arr.indexOf(match);
-  }
-  function runModifiers(modifiers, data, ends) {
-    var modifiersToRun = ends === undefined ? modifiers : modifiers.slice(0, findIndex(modifiers, 'name', ends));
-    modifiersToRun.forEach(function (modifier) {
-      if (modifier['function']) {
-        console.warn('`modifier.function` is deprecated, use `modifier.fn`!');
-      }
-      var fn = modifier['function'] || modifier.fn;
-      if (modifier.enabled && isFunction(fn)) {
-        data.offsets.popper = getClientRect(data.offsets.popper);
-        data.offsets.reference = getClientRect(data.offsets.reference);
-        data = fn(data, modifier);
-      }
-    });
-    return data;
-  }
-  function update() {
-    if (this.state.isDestroyed) {
-      return;
-    }
-    var data = {
-      instance: this,
-      styles: {},
-      arrowStyles: {},
-      attributes: {},
-      flipped: false,
-      offsets: {}
-    };
-    data.offsets.reference = getReferenceOffsets(this.state, this.popper, this.reference, this.options.positionFixed);
-    data.placement = computeAutoPlacement(this.options.placement, data.offsets.reference, this.popper, this.reference, this.options.modifiers.flip.boundariesElement, this.options.modifiers.flip.padding);
-    data.originalPlacement = data.placement;
-    data.positionFixed = this.options.positionFixed;
-    data.offsets.popper = getPopperOffsets(this.popper, data.offsets.reference, data.placement);
-    data.offsets.popper.position = this.options.positionFixed ? 'fixed' : 'absolute';
-    data = runModifiers(this.modifiers, data);
-    if (!this.state.isCreated) {
-      this.state.isCreated = true;
-      this.options.onCreate(data);
-    } else {
-      this.options.onUpdate(data);
-    }
-  }
-  function isModifierEnabled(modifiers, modifierName) {
-    return modifiers.some(function (_ref) {
-      var name = _ref.name,
-          enabled = _ref.enabled;
-      return enabled && name === modifierName;
-    });
-  }
-  function getSupportedPropertyName(property) {
-    var prefixes = [false, 'ms', 'Webkit', 'Moz', 'O'];
-    var upperProp = property.charAt(0).toUpperCase() + property.slice(1);
-    for (var i = 0; i < prefixes.length; i++) {
-      var prefix = prefixes[i];
-      var toCheck = prefix ? '' + prefix + upperProp : property;
-      if (typeof document.body.style[toCheck] !== 'undefined') {
-        return toCheck;
-      }
-    }
-    return null;
-  }
-  function destroy() {
-    this.state.isDestroyed = true;
-    if (isModifierEnabled(this.modifiers, 'applyStyle')) {
-      this.popper.removeAttribute('x-placement');
-      this.popper.style.position = '';
-      this.popper.style.top = '';
-      this.popper.style.left = '';
-      this.popper.style.right = '';
-      this.popper.style.bottom = '';
-      this.popper.style.willChange = '';
-      this.popper.style[getSupportedPropertyName('transform')] = '';
-    }
-    this.disableEventListeners();
-    if (this.options.removeOnDestroy) {
-      this.popper.parentNode.removeChild(this.popper);
-    }
-    return this;
-  }
-  function getWindow(element) {
-    var ownerDocument = element.ownerDocument;
-    return ownerDocument ? ownerDocument.defaultView : window;
-  }
-  function attachToScrollParents(scrollParent, event, callback, scrollParents) {
-    var isBody = scrollParent.nodeName === 'BODY';
-    var target = isBody ? scrollParent.ownerDocument.defaultView : scrollParent;
-    target.addEventListener(event, callback, { passive: true });
-    if (!isBody) {
-      attachToScrollParents(getScrollParent(target.parentNode), event, callback, scrollParents);
-    }
-    scrollParents.push(target);
-  }
-  function setupEventListeners(reference, options, state, updateBound) {
-    state.updateBound = updateBound;
-    getWindow(reference).addEventListener('resize', state.updateBound, { passive: true });
-    var scrollElement = getScrollParent(reference);
-    attachToScrollParents(scrollElement, 'scroll', state.updateBound, state.scrollParents);
-    state.scrollElement = scrollElement;
-    state.eventsEnabled = true;
-    return state;
-  }
-  function enableEventListeners() {
-    if (!this.state.eventsEnabled) {
-      this.state = setupEventListeners(this.reference, this.options, this.state, this.scheduleUpdate);
-    }
-  }
-  function removeEventListeners(reference, state) {
-    getWindow(reference).removeEventListener('resize', state.updateBound);
-    state.scrollParents.forEach(function (target) {
-      target.removeEventListener('scroll', state.updateBound);
-    });
-    state.updateBound = null;
-    state.scrollParents = [];
-    state.scrollElement = null;
-    state.eventsEnabled = false;
-    return state;
-  }
-  function disableEventListeners() {
-    if (this.state.eventsEnabled) {
-      cancelAnimationFrame(this.scheduleUpdate);
-      this.state = removeEventListeners(this.reference, this.state);
-    }
-  }
-  function isNumeric(n) {
-    return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);
-  }
-  function setStyles(element, styles) {
-    Object.keys(styles).forEach(function (prop) {
-      var unit = '';
-      if (['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !== -1 && isNumeric(styles[prop])) {
-        unit = 'px';
-      }
-      element.style[prop] = styles[prop] + unit;
-    });
-  }
-  function setAttributes(element, attributes) {
-    Object.keys(attributes).forEach(function (prop) {
-      var value = attributes[prop];
-      if (value !== false) {
-        element.setAttribute(prop, attributes[prop]);
-      } else {
-        element.removeAttribute(prop);
-      }
-    });
-  }
-  function applyStyle(data) {
-    setStyles(data.instance.popper, data.styles);
-    setAttributes(data.instance.popper, data.attributes);
-    if (data.arrowElement && Object.keys(data.arrowStyles).length) {
-      setStyles(data.arrowElement, data.arrowStyles);
-    }
-    return data;
-  }
-  function applyStyleOnLoad(reference, popper, options, modifierOptions, state) {
-    var referenceOffsets = getReferenceOffsets(state, popper, reference, options.positionFixed);
-    var placement = computeAutoPlacement(options.placement, referenceOffsets, popper, reference, options.modifiers.flip.boundariesElement, options.modifiers.flip.padding);
-    popper.setAttribute('x-placement', placement);
-    setStyles(popper, { position: options.positionFixed ? 'fixed' : 'absolute' });
-    return options;
-  }
-  function getRoundedOffsets(data, shouldRound) {
-    var _data$offsets = data.offsets,
-        popper = _data$offsets.popper,
-        reference = _data$offsets.reference;
-    var round = Math.round,
-        floor = Math.floor;
-    var noRound = function noRound(v) {
-      return v;
-    };
-    var referenceWidth = round(reference.width);
-    var popperWidth = round(popper.width);
-    var isVertical = ['left', 'right'].indexOf(data.placement) !== -1;
-    var isVariation = data.placement.indexOf('-') !== -1;
-    var sameWidthParity = referenceWidth % 2 === popperWidth % 2;
-    var bothOddWidth = referenceWidth % 2 === 1 && popperWidth % 2 === 1;
-    var horizontalToInteger = !shouldRound ? noRound : isVertical || isVariation || sameWidthParity ? round : floor;
-    var verticalToInteger = !shouldRound ? noRound : round;
-    return {
-      left: horizontalToInteger(bothOddWidth && !isVariation && shouldRound ? popper.left - 1 : popper.left),
-      top: verticalToInteger(popper.top),
-      bottom: verticalToInteger(popper.bottom),
-      right: horizontalToInteger(popper.right)
-    };
-  }
-  var isFirefox = isBrowser && /Firefox/i.test(navigator.userAgent);
-  function computeStyle(data, options) {
-    var x = options.x,
-        y = options.y;
-    var popper = data.offsets.popper;
-    var legacyGpuAccelerationOption = find(data.instance.modifiers, function (modifier) {
-      return modifier.name === 'applyStyle';
-    }).gpuAcceleration;
-    if (legacyGpuAccelerationOption !== undefined) {
-      console.warn('WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!');
-    }
-    var gpuAcceleration = legacyGpuAccelerationOption !== undefined ? legacyGpuAccelerationOption : options.gpuAcceleration;
-    var offsetParent = getOffsetParent(data.instance.popper);
-    var offsetParentRect = getBoundingClientRect(offsetParent);
-    var styles = {
-      position: popper.position
-    };
-    var offsets = getRoundedOffsets(data, window.devicePixelRatio < 2 || !isFirefox);
-    var sideA = x === 'bottom' ? 'top' : 'bottom';
-    var sideB = y === 'right' ? 'left' : 'right';
-    var prefixedProperty = getSupportedPropertyName('transform');
-    var left = void 0,
-        top = void 0;
-    if (sideA === 'bottom') {
-      if (offsetParent.nodeName === 'HTML') {
-        top = -offsetParent.clientHeight + offsets.bottom;
-      } else {
-        top = -offsetParentRect.height + offsets.bottom;
-      }
-    } else {
-      top = offsets.top;
-    }
-    if (sideB === 'right') {
-      if (offsetParent.nodeName === 'HTML') {
-        left = -offsetParent.clientWidth + offsets.right;
-      } else {
-        left = -offsetParentRect.width + offsets.right;
-      }
-    } else {
-      left = offsets.left;
-    }
-    if (gpuAcceleration && prefixedProperty) {
-      styles[prefixedProperty] = 'translate3d(' + left + 'px, ' + top + 'px, 0)';
-      styles[sideA] = 0;
-      styles[sideB] = 0;
-      styles.willChange = 'transform';
-    } else {
-      var invertTop = sideA === 'bottom' ? -1 : 1;
-      var invertLeft = sideB === 'right' ? -1 : 1;
-      styles[sideA] = top * invertTop;
-      styles[sideB] = left * invertLeft;
-      styles.willChange = sideA + ', ' + sideB;
-    }
-    var attributes = {
-      'x-placement': data.placement
-    };
-    data.attributes = _extends({}, attributes, data.attributes);
-    data.styles = _extends({}, styles, data.styles);
-    data.arrowStyles = _extends({}, data.offsets.arrow, data.arrowStyles);
-    return data;
-  }
-  function isModifierRequired(modifiers, requestingName, requestedName) {
-    var requesting = find(modifiers, function (_ref) {
-      var name = _ref.name;
-      return name === requestingName;
-    });
-    var isRequired = !!requesting && modifiers.some(function (modifier) {
-      return modifier.name === requestedName && modifier.enabled && modifier.order < requesting.order;
-    });
-    if (!isRequired) {
-      var _requesting = '`' + requestingName + '`';
-      var requested = '`' + requestedName + '`';
-      console.warn(requested + ' modifier is required by ' + _requesting + ' modifier in order to work, be sure to include it before ' + _requesting + '!');
-    }
-    return isRequired;
-  }
-  function arrow(data, options) {
-    var _data$offsets$arrow;
-    if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {
-      return data;
-    }
-    var arrowElement = options.element;
-    if (typeof arrowElement === 'string') {
-      arrowElement = data.instance.popper.querySelector(arrowElement);
-      if (!arrowElement) {
-        return data;
-      }
-    } else {
-      if (!data.instance.popper.contains(arrowElement)) {
-        console.warn('WARNING: `arrow.element` must be child of its popper element!');
-        return data;
-      }
-    }
-    var placement = data.placement.split('-')[0];
-    var _data$offsets = data.offsets,
-        popper = _data$offsets.popper,
-        reference = _data$offsets.reference;
-    var isVertical = ['left', 'right'].indexOf(placement) !== -1;
-    var len = isVertical ? 'height' : 'width';
-    var sideCapitalized = isVertical ? 'Top' : 'Left';
-    var side = sideCapitalized.toLowerCase();
-    var altSide = isVertical ? 'left' : 'top';
-    var opSide = isVertical ? 'bottom' : 'right';
-    var arrowElementSize = getOuterSizes(arrowElement)[len];
-    if (reference[opSide] - arrowElementSize < popper[side]) {
-      data.offsets.popper[side] -= popper[side] - (reference[opSide] - arrowElementSize);
-    }
-    if (reference[side] + arrowElementSize > popper[opSide]) {
-      data.offsets.popper[side] += reference[side] + arrowElementSize - popper[opSide];
-    }
-    data.offsets.popper = getClientRect(data.offsets.popper);
-    var center = reference[side] + reference[len] / 2 - arrowElementSize / 2;
-    var css = getStyleComputedProperty(data.instance.popper);
-    var popperMarginSide = parseFloat(css['margin' + sideCapitalized]);
-    var popperBorderSide = parseFloat(css['border' + sideCapitalized + 'Width']);
-    var sideValue = center - data.offsets.popper[side] - popperMarginSide - popperBorderSide;
-    sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);
-    data.arrowElement = arrowElement;
-    data.offsets.arrow = (_data$offsets$arrow = {}, defineProperty(_data$offsets$arrow, side, Math.round(sideValue)), defineProperty(_data$offsets$arrow, altSide, ''), _data$offsets$arrow);
-    return data;
-  }
-  function getOppositeVariation(variation) {
-    if (variation === 'end') {
-      return 'start';
-    } else if (variation === 'start') {
-      return 'end';
-    }
-    return variation;
-  }
-  var placements = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];
-  var validPlacements = placements.slice(3);
-  function clockwise(placement) {
-    var counter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var index = validPlacements.indexOf(placement);
-    var arr = validPlacements.slice(index + 1).concat(validPlacements.slice(0, index));
-    return counter ? arr.reverse() : arr;
-  }
-  var BEHAVIORS = {
-    FLIP: 'flip',
-    CLOCKWISE: 'clockwise',
-    COUNTERCLOCKWISE: 'counterclockwise'
-  };
-  function flip(data, options) {
-    if (isModifierEnabled(data.instance.modifiers, 'inner')) {
-      return data;
-    }
-    if (data.flipped && data.placement === data.originalPlacement) {
-      return data;
-    }
-    var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, options.boundariesElement, data.positionFixed);
-    var placement = data.placement.split('-')[0];
-    var placementOpposite = getOppositePlacement(placement);
-    var variation = data.placement.split('-')[1] || '';
-    var flipOrder = [];
-    switch (options.behavior) {
-      case BEHAVIORS.FLIP:
-        flipOrder = [placement, placementOpposite];
-        break;
-      case BEHAVIORS.CLOCKWISE:
-        flipOrder = clockwise(placement);
-        break;
-      case BEHAVIORS.COUNTERCLOCKWISE:
-        flipOrder = clockwise(placement, true);
-        break;
-      default:
-        flipOrder = options.behavior;
-    }
-    flipOrder.forEach(function (step, index) {
-      if (placement !== step || flipOrder.length === index + 1) {
-        return data;
-      }
-      placement = data.placement.split('-')[0];
-      placementOpposite = getOppositePlacement(placement);
-      var popperOffsets = data.offsets.popper;
-      var refOffsets = data.offsets.reference;
-      var floor = Math.floor;
-      var overlapsRef = placement === 'left' && floor(popperOffsets.right) > floor(refOffsets.left) || placement === 'right' && floor(popperOffsets.left) < floor(refOffsets.right) || placement === 'top' && floor(popperOffsets.bottom) > floor(refOffsets.top) || placement === 'bottom' && floor(popperOffsets.top) < floor(refOffsets.bottom);
-      var overflowsLeft = floor(popperOffsets.left) < floor(boundaries.left);
-      var overflowsRight = floor(popperOffsets.right) > floor(boundaries.right);
-      var overflowsTop = floor(popperOffsets.top) < floor(boundaries.top);
-      var overflowsBottom = floor(popperOffsets.bottom) > floor(boundaries.bottom);
-      var overflowsBoundaries = placement === 'left' && overflowsLeft || placement === 'right' && overflowsRight || placement === 'top' && overflowsTop || placement === 'bottom' && overflowsBottom;
-      var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
-      var flippedVariationByRef = !!options.flipVariations && (isVertical && variation === 'start' && overflowsLeft || isVertical && variation === 'end' && overflowsRight || !isVertical && variation === 'start' && overflowsTop || !isVertical && variation === 'end' && overflowsBottom);
-      var flippedVariationByContent = !!options.flipVariationsByContent && (isVertical && variation === 'start' && overflowsRight || isVertical && variation === 'end' && overflowsLeft || !isVertical && variation === 'start' && overflowsBottom || !isVertical && variation === 'end' && overflowsTop);
-      var flippedVariation = flippedVariationByRef || flippedVariationByContent;
-      if (overlapsRef || overflowsBoundaries || flippedVariation) {
-        data.flipped = true;
-        if (overlapsRef || overflowsBoundaries) {
-          placement = flipOrder[index + 1];
-        }
-        if (flippedVariation) {
-          variation = getOppositeVariation(variation);
-        }
-        data.placement = placement + (variation ? '-' + variation : '');
-        data.offsets.popper = _extends({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
-        data = runModifiers(data.instance.modifiers, data, 'flip');
-      }
-    });
-    return data;
-  }
-  function keepTogether(data) {
-    var _data$offsets = data.offsets,
-        popper = _data$offsets.popper,
-        reference = _data$offsets.reference;
-    var placement = data.placement.split('-')[0];
-    var floor = Math.floor;
-    var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
-    var side = isVertical ? 'right' : 'bottom';
-    var opSide = isVertical ? 'left' : 'top';
-    var measurement = isVertical ? 'width' : 'height';
-    if (popper[side] < floor(reference[opSide])) {
-      data.offsets.popper[opSide] = floor(reference[opSide]) - popper[measurement];
-    }
-    if (popper[opSide] > floor(reference[side])) {
-      data.offsets.popper[opSide] = floor(reference[side]);
-    }
-    return data;
-  }
-  function toValue(str, measurement, popperOffsets, referenceOffsets) {
-    var split = str.match(/((?:\-|\+)?\d*\.?\d*)(.*)/);
-    var value = +split[1];
-    var unit = split[2];
-    if (!value) {
-      return str;
-    }
-    if (unit.indexOf('%') === 0) {
-      var element = void 0;
-      switch (unit) {
-        case '%p':
-          element = popperOffsets;
-          break;
-        case '%':
-        case '%r':
-        default:
-          element = referenceOffsets;
-      }
-      var rect = getClientRect(element);
-      return rect[measurement] / 100 * value;
-    } else if (unit === 'vh' || unit === 'vw') {
-      var size = void 0;
-      if (unit === 'vh') {
-        size = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
-      } else {
-        size = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
-      }
-      return size / 100 * value;
-    } else {
-      return value;
-    }
-  }
-  function parseOffset(offset, popperOffsets, referenceOffsets, basePlacement) {
-    var offsets = [0, 0];
-    var useHeight = ['right', 'left'].indexOf(basePlacement) !== -1;
-    var fragments = offset.split(/(\+|\-)/).map(function (frag) {
-      return frag.trim();
-    });
-    var divider = fragments.indexOf(find(fragments, function (frag) {
-      return frag.search(/,|\s/) !== -1;
-    }));
-    if (fragments[divider] && fragments[divider].indexOf(',') === -1) {
-      console.warn('Offsets separated by white space(s) are deprecated, use a comma (,) instead.');
-    }
-    var splitRegex = /\s*,\s*|\s+/;
-    var ops = divider !== -1 ? [fragments.slice(0, divider).concat([fragments[divider].split(splitRegex)[0]]), [fragments[divider].split(splitRegex)[1]].concat(fragments.slice(divider + 1))] : [fragments];
-    ops = ops.map(function (op, index) {
-      var measurement = (index === 1 ? !useHeight : useHeight) ? 'height' : 'width';
-      var mergeWithPrevious = false;
-      return op
-      .reduce(function (a, b) {
-        if (a[a.length - 1] === '' && ['+', '-'].indexOf(b) !== -1) {
-          a[a.length - 1] = b;
-          mergeWithPrevious = true;
-          return a;
-        } else if (mergeWithPrevious) {
-          a[a.length - 1] += b;
-          mergeWithPrevious = false;
-          return a;
-        } else {
-          return a.concat(b);
-        }
-      }, [])
-      .map(function (str) {
-        return toValue(str, measurement, popperOffsets, referenceOffsets);
-      });
-    });
-    ops.forEach(function (op, index) {
-      op.forEach(function (frag, index2) {
-        if (isNumeric(frag)) {
-          offsets[index] += frag * (op[index2 - 1] === '-' ? -1 : 1);
-        }
-      });
-    });
-    return offsets;
-  }
-  function offset(data, _ref) {
-    var offset = _ref.offset;
-    var placement = data.placement,
-        _data$offsets = data.offsets,
-        popper = _data$offsets.popper,
-        reference = _data$offsets.reference;
-    var basePlacement = placement.split('-')[0];
-    var offsets = void 0;
-    if (isNumeric(+offset)) {
-      offsets = [+offset, 0];
-    } else {
-      offsets = parseOffset(offset, popper, reference, basePlacement);
-    }
-    if (basePlacement === 'left') {
-      popper.top += offsets[0];
-      popper.left -= offsets[1];
-    } else if (basePlacement === 'right') {
-      popper.top += offsets[0];
-      popper.left += offsets[1];
-    } else if (basePlacement === 'top') {
-      popper.left += offsets[0];
-      popper.top -= offsets[1];
-    } else if (basePlacement === 'bottom') {
-      popper.left += offsets[0];
-      popper.top += offsets[1];
-    }
-    data.popper = popper;
-    return data;
-  }
-  function preventOverflow(data, options) {
-    var boundariesElement = options.boundariesElement || getOffsetParent(data.instance.popper);
-    if (data.instance.reference === boundariesElement) {
-      boundariesElement = getOffsetParent(boundariesElement);
-    }
-    var transformProp = getSupportedPropertyName('transform');
-    var popperStyles = data.instance.popper.style;
-    var top = popperStyles.top,
-        left = popperStyles.left,
-        transform = popperStyles[transformProp];
-    popperStyles.top = '';
-    popperStyles.left = '';
-    popperStyles[transformProp] = '';
-    var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, boundariesElement, data.positionFixed);
-    popperStyles.top = top;
-    popperStyles.left = left;
-    popperStyles[transformProp] = transform;
-    options.boundaries = boundaries;
-    var order = options.priority;
-    var popper = data.offsets.popper;
-    var check = {
-      primary: function primary(placement) {
-        var value = popper[placement];
-        if (popper[placement] < boundaries[placement] && !options.escapeWithReference) {
-          value = Math.max(popper[placement], boundaries[placement]);
-        }
-        return defineProperty({}, placement, value);
-      },
-      secondary: function secondary(placement) {
-        var mainSide = placement === 'right' ? 'left' : 'top';
-        var value = popper[mainSide];
-        if (popper[placement] > boundaries[placement] && !options.escapeWithReference) {
-          value = Math.min(popper[mainSide], boundaries[placement] - (placement === 'right' ? popper.width : popper.height));
-        }
-        return defineProperty({}, mainSide, value);
-      }
-    };
-    order.forEach(function (placement) {
-      var side = ['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';
-      popper = _extends({}, popper, check[side](placement));
-    });
-    data.offsets.popper = popper;
-    return data;
-  }
-  function shift(data) {
-    var placement = data.placement;
-    var basePlacement = placement.split('-')[0];
-    var shiftvariation = placement.split('-')[1];
-    if (shiftvariation) {
-      var _data$offsets = data.offsets,
-          reference = _data$offsets.reference,
-          popper = _data$offsets.popper;
-      var isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;
-      var side = isVertical ? 'left' : 'top';
-      var measurement = isVertical ? 'width' : 'height';
-      var shiftOffsets = {
-        start: defineProperty({}, side, reference[side]),
-        end: defineProperty({}, side, reference[side] + reference[measurement] - popper[measurement])
-      };
-      data.offsets.popper = _extends({}, popper, shiftOffsets[shiftvariation]);
-    }
-    return data;
-  }
-  function hide(data) {
-    if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {
-      return data;
-    }
-    var refRect = data.offsets.reference;
-    var bound = find(data.instance.modifiers, function (modifier) {
-      return modifier.name === 'preventOverflow';
-    }).boundaries;
-    if (refRect.bottom < bound.top || refRect.left > bound.right || refRect.top > bound.bottom || refRect.right < bound.left) {
-      if (data.hide === true) {
-        return data;
-      }
-      data.hide = true;
-      data.attributes['x-out-of-boundaries'] = '';
-    } else {
-      if (data.hide === false) {
-        return data;
-      }
-      data.hide = false;
-      data.attributes['x-out-of-boundaries'] = false;
-    }
-    return data;
-  }
-  function inner(data) {
-    var placement = data.placement;
-    var basePlacement = placement.split('-')[0];
-    var _data$offsets = data.offsets,
-        popper = _data$offsets.popper,
-        reference = _data$offsets.reference;
-    var isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;
-    var subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;
-    popper[isHoriz ? 'left' : 'top'] = reference[basePlacement] - (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);
-    data.placement = getOppositePlacement(placement);
-    data.offsets.popper = getClientRect(popper);
-    return data;
-  }
-  var modifiers = {
-    shift: {
-      order: 100,
-      enabled: true,
-      fn: shift
-    },
-    offset: {
-      order: 200,
-      enabled: true,
-      fn: offset,
-      offset: 0
-    },
-    preventOverflow: {
-      order: 300,
-      enabled: true,
-      fn: preventOverflow,
-      priority: ['left', 'right', 'top', 'bottom'],
-      padding: 5,
-      boundariesElement: 'scrollParent'
-    },
-    keepTogether: {
-      order: 400,
-      enabled: true,
-      fn: keepTogether
-    },
-    arrow: {
-      order: 500,
-      enabled: true,
-      fn: arrow,
-      element: '[x-arrow]'
-    },
-    flip: {
-      order: 600,
-      enabled: true,
-      fn: flip,
-      behavior: 'flip',
-      padding: 5,
-      boundariesElement: 'viewport',
-      flipVariations: false,
-      flipVariationsByContent: false
-    },
-    inner: {
-      order: 700,
-      enabled: false,
-      fn: inner
-    },
-    hide: {
-      order: 800,
-      enabled: true,
-      fn: hide
-    },
-    computeStyle: {
-      order: 850,
-      enabled: true,
-      fn: computeStyle,
-      gpuAcceleration: true,
-      x: 'bottom',
-      y: 'right'
-    },
-    applyStyle: {
-      order: 900,
-      enabled: true,
-      fn: applyStyle,
-      onLoad: applyStyleOnLoad,
-      gpuAcceleration: undefined
-    }
-  };
-  var Defaults = {
-    placement: 'bottom',
-    positionFixed: false,
-    eventsEnabled: true,
-    removeOnDestroy: false,
-    onCreate: function onCreate() {},
-    onUpdate: function onUpdate() {},
-    modifiers: modifiers
-  };
-  var Popper = function () {
-    function Popper(reference, popper) {
-      var _this = this;
-      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      classCallCheck(this, Popper);
-      this.scheduleUpdate = function () {
-        return requestAnimationFrame(_this.update);
-      };
-      this.update = debounce(this.update.bind(this));
-      this.options = _extends({}, Popper.Defaults, options);
-      this.state = {
-        isDestroyed: false,
-        isCreated: false,
-        scrollParents: []
-      };
-      this.reference = reference && reference.jquery ? reference[0] : reference;
-      this.popper = popper && popper.jquery ? popper[0] : popper;
-      this.options.modifiers = {};
-      Object.keys(_extends({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {
-        _this.options.modifiers[name] = _extends({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
-      });
-      this.modifiers = Object.keys(this.options.modifiers).map(function (name) {
-        return _extends({
-          name: name
-        }, _this.options.modifiers[name]);
-      })
-      .sort(function (a, b) {
-        return a.order - b.order;
-      });
-      this.modifiers.forEach(function (modifierOptions) {
-        if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {
-          modifierOptions.onLoad(_this.reference, _this.popper, _this.options, modifierOptions, _this.state);
-        }
-      });
-      this.update();
-      var eventsEnabled = this.options.eventsEnabled;
-      if (eventsEnabled) {
-        this.enableEventListeners();
-      }
-      this.state.eventsEnabled = eventsEnabled;
-    }
-    createClass(Popper, [{
-      key: 'update',
-      value: function update$$1() {
-        return update.call(this);
-      }
-    }, {
-      key: 'destroy',
-      value: function destroy$$1() {
-        return destroy.call(this);
-      }
-    }, {
-      key: 'enableEventListeners',
-      value: function enableEventListeners$$1() {
-        return enableEventListeners.call(this);
-      }
-    }, {
-      key: 'disableEventListeners',
-      value: function disableEventListeners$$1() {
-        return disableEventListeners.call(this);
-      }
-    }]);
-    return Popper;
-  }();
-  Popper.Utils = (typeof window !== 'undefined' ? window : global).PopperUtils;
-  Popper.placements = placements;
-  Popper.Defaults = Defaults;
+	var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-  /*!
-    * Bootstrap v5.0.0-alpha2 (https://getbootstrap.com/)
-    * Copyright 2011-2020 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
-    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
-    */
-  function _defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
-    }
-  }
-  function _createClass(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
-    return Constructor;
-  }
-  function _extends$1() {
-    _extends$1 = 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$1.apply(this, arguments);
-  }
-  function _inheritsLoose(subClass, superClass) {
-    subClass.prototype = Object.create(superClass.prototype);
-    subClass.prototype.constructor = subClass;
-    subClass.__proto__ = superClass;
-  }
-  var MAX_UID = 1000000;
-  var MILLISECONDS_MULTIPLIER = 1000;
-  var TRANSITION_END = 'transitionend';
-  var toType = function toType(obj) {
-    if (obj === null || obj === undefined) {
-      return "" + obj;
-    }
-    return {}.toString.call(obj).match(/\s([a-z]+)/i)[1].toLowerCase();
-  };
-  var getUID = function getUID(prefix) {
-    do {
-      prefix += Math.floor(Math.random() * MAX_UID);
-    } while (document.getElementById(prefix));
-    return prefix;
-  };
-  var getSelector = function getSelector(element) {
-    var selector = element.getAttribute('data-target');
-    if (!selector || selector === '#') {
-      var hrefAttr = element.getAttribute('href');
-      selector = hrefAttr && hrefAttr !== '#' ? hrefAttr.trim() : null;
-    }
-    return selector;
-  };
-  var getSelectorFromElement = function getSelectorFromElement(element) {
-    var selector = getSelector(element);
-    if (selector) {
-      return document.querySelector(selector) ? selector : null;
-    }
-    return null;
-  };
-  var getElementFromSelector = function getElementFromSelector(element) {
-    var selector = getSelector(element);
-    return selector ? document.querySelector(selector) : null;
-  };
-  var getTransitionDurationFromElement = function getTransitionDurationFromElement(element) {
-    if (!element) {
-      return 0;
-    }
-    var _window$getComputedSt = window.getComputedStyle(element),
-        transitionDuration = _window$getComputedSt.transitionDuration,
-        transitionDelay = _window$getComputedSt.transitionDelay;
-    var floatTransitionDuration = parseFloat(transitionDuration);
-    var floatTransitionDelay = parseFloat(transitionDelay);
-    if (!floatTransitionDuration && !floatTransitionDelay) {
-      return 0;
-    }
-    transitionDuration = transitionDuration.split(',')[0];
-    transitionDelay = transitionDelay.split(',')[0];
-    return (parseFloat(transitionDuration) + parseFloat(transitionDelay)) * MILLISECONDS_MULTIPLIER;
-  };
-  var triggerTransitionEnd = function triggerTransitionEnd(element) {
-    element.dispatchEvent(new Event(TRANSITION_END));
-  };
-  var isElement = function isElement(obj) {
-    return (obj[0] || obj).nodeType;
-  };
-  var emulateTransitionEnd = function emulateTransitionEnd(element, duration) {
-    var called = false;
-    var durationPadding = 5;
-    var emulatedDuration = duration + durationPadding;
-    function listener() {
-      called = true;
-      element.removeEventListener(TRANSITION_END, listener);
-    }
-    element.addEventListener(TRANSITION_END, listener);
-    setTimeout(function () {
-      if (!called) {
-        triggerTransitionEnd(element);
-      }
-    }, emulatedDuration);
-  };
-  var typeCheckConfig = function typeCheckConfig(componentName, config, configTypes) {
-    Object.keys(configTypes).forEach(function (property) {
-      var expectedTypes = configTypes[property];
-      var value = config[property];
-      var valueType = value && isElement(value) ? 'element' : toType(value);
-      if (!new RegExp(expectedTypes).test(valueType)) {
-        throw new Error(componentName.toUpperCase() + ": " + ("Option \"" + property + "\" provided type \"" + valueType + "\" ") + ("but expected type \"" + expectedTypes + "\"."));
-      }
-    });
-  };
-  var isVisible = function isVisible(element) {
-    if (!element) {
-      return false;
-    }
-    if (element.style && element.parentNode && element.parentNode.style) {
-      var elementStyle = getComputedStyle(element);
-      var parentNodeStyle = getComputedStyle(element.parentNode);
-      return elementStyle.display !== 'none' && parentNodeStyle.display !== 'none' && elementStyle.visibility !== 'hidden';
-    }
-    return false;
-  };
-  var findShadowRoot = function findShadowRoot(element) {
-    if (!document.documentElement.attachShadow) {
-      return null;
-    }
-    if (typeof element.getRootNode === 'function') {
-      var root = element.getRootNode();
-      return root instanceof ShadowRoot ? root : null;
-    }
-    if (element instanceof ShadowRoot) {
-      return element;
-    }
-    if (!element.parentNode) {
-      return null;
-    }
-    return findShadowRoot(element.parentNode);
-  };
-  var noop = function noop() {
-    return function () {};
-  };
-  var reflow = function reflow(element) {
-    return element.offsetHeight;
-  };
-  var getjQuery = function getjQuery() {
-    var _window = window,
-        jQuery = _window.jQuery;
-    if (jQuery && !document.body.hasAttribute('data-no-jquery')) {
-      return jQuery;
-    }
-    return null;
-  };
-  var mapData = function () {
-    var storeData = {};
-    var id = 1;
-    return {
-      set: function set(element, key, data) {
-        if (typeof element.bsKey === 'undefined') {
-          element.bsKey = {
-            key: key,
-            id: id
-          };
-          id++;
-        }
-        storeData[element.bsKey.id] = data;
-      },
-      get: function get(element, key) {
-        if (!element || typeof element.bsKey === 'undefined') {
-          return null;
-        }
-        var keyProperties = element.bsKey;
-        if (keyProperties.key === key) {
-          return storeData[keyProperties.id];
-        }
-        return null;
-      },
-      delete: function _delete(element, key) {
-        if (typeof element.bsKey === 'undefined') {
-          return;
-        }
-        var keyProperties = element.bsKey;
-        if (keyProperties.key === key) {
-          delete storeData[keyProperties.id];
-          delete element.bsKey;
-        }
-      }
-    };
-  }();
-  var Data = {
-    setData: function setData(instance, key, data) {
-      mapData.set(instance, key, data);
-    },
-    getData: function getData(instance, key) {
-      return mapData.get(instance, key);
-    },
-    removeData: function removeData(instance, key) {
-      mapData.delete(instance, key);
-    }
-  };
-  var find$1 = Element.prototype.querySelectorAll;
-  var findOne = Element.prototype.querySelector;
-  var defaultPreventedPreservedOnDispatch = function () {
-    var e = new CustomEvent('Bootstrap', {
-      cancelable: true
-    });
-    var element = document.createElement('div');
-    element.addEventListener('Bootstrap', function () {
-      return null;
-    });
-    e.preventDefault();
-    element.dispatchEvent(e);
-    return e.defaultPrevented;
-  }();
-  var scopeSelectorRegex = /:scope\b/;
-  var supportScopeQuery = function () {
-    var element = document.createElement('div');
-    try {
-      element.querySelectorAll(':scope *');
-    } catch (_) {
-      return false;
-    }
-    return true;
-  }();
-  if (!supportScopeQuery) {
-    find$1 = function find(selector) {
-      if (!scopeSelectorRegex.test(selector)) {
-        return this.querySelectorAll(selector);
-      }
-      var hasId = Boolean(this.id);
-      if (!hasId) {
-        this.id = getUID('scope');
-      }
-      var nodeList = null;
-      try {
-        selector = selector.replace(scopeSelectorRegex, "#" + this.id);
-        nodeList = this.querySelectorAll(selector);
-      } finally {
-        if (!hasId) {
-          this.removeAttribute('id');
-        }
-      }
-      return nodeList;
-    };
-    findOne = function findOne(selector) {
-      if (!scopeSelectorRegex.test(selector)) {
-        return this.querySelector(selector);
-      }
-      var matches = find$1.call(this, selector);
-      if (typeof matches[0] !== 'undefined') {
-        return matches[0];
-      }
-      return null;
-    };
-  }
-  var $ = getjQuery();
-  var namespaceRegex = /[^.]*(?=\..*)\.|.*/;
-  var stripNameRegex = /\..*/;
-  var stripUidRegex = /::\d+$/;
-  var eventRegistry = {};
-  var uidEvent = 1;
-  var customEvents = {
-    mouseenter: 'mouseover',
-    mouseleave: 'mouseout'
-  };
-  var nativeEvents = ['click', 'dblclick', 'mouseup', 'mousedown', 'contextmenu', 'mousewheel', 'DOMMouseScroll', 'mouseover', 'mouseout', 'mousemove', 'selectstart', 'selectend', 'keydown', 'keypress', 'keyup', 'orientationchange', 'touchstart', 'touchmove', 'touchend', 'touchcancel', 'pointerdown', 'pointermove', 'pointerup', 'pointerleave', 'pointercancel', 'gesturestart', 'gesturechange', 'gestureend', 'focus', 'blur', 'change', 'reset', 'select', 'submit', 'focusin', 'focusout', 'load', 'unload', 'beforeunload', 'resize', 'move', 'DOMContentLoaded', 'readystatechange', 'error', 'abort', 'scroll'];
-  function getUidEvent(element, uid) {
-    return uid && uid + "::" + uidEvent++ || element.uidEvent || uidEvent++;
-  }
-  function getEvent(element) {
-    var uid = getUidEvent(element);
-    element.uidEvent = uid;
-    eventRegistry[uid] = eventRegistry[uid] || {};
-    return eventRegistry[uid];
-  }
-  function bootstrapHandler(element, fn) {
-    return function handler(event) {
-      event.delegateTarget = element;
-      if (handler.oneOff) {
-        EventHandler.off(element, event.type, fn);
-      }
-      return fn.apply(element, [event]);
-    };
-  }
-  function bootstrapDelegationHandler(element, selector, fn) {
-    return function handler(event) {
-      var domElements = element.querySelectorAll(selector);
-      for (var target = event.target; target && target !== this; target = target.parentNode) {
-        for (var i = domElements.length; i--;) {
-          if (domElements[i] === target) {
-            event.delegateTarget = target;
-            if (handler.oneOff) {
-              EventHandler.off(element, event.type, fn);
-            }
-            return fn.apply(target, [event]);
-          }
-        }
-      }
-      return null;
-    };
-  }
-  function findHandler(events, handler, delegationSelector) {
-    if (delegationSelector === void 0) {
-      delegationSelector = null;
-    }
-    var uidEventList = Object.keys(events);
-    for (var i = 0, len = uidEventList.length; i < len; i++) {
-      var event = events[uidEventList[i]];
-      if (event.originalHandler === handler && event.delegationSelector === delegationSelector) {
-        return event;
-      }
-    }
-    return null;
-  }
-  function normalizeParams(originalTypeEvent, handler, delegationFn) {
-    var delegation = typeof handler === 'string';
-    var originalHandler = delegation ? delegationFn : handler;
-    var typeEvent = originalTypeEvent.replace(stripNameRegex, '');
-    var custom = customEvents[typeEvent];
-    if (custom) {
-      typeEvent = custom;
-    }
-    var isNative = nativeEvents.indexOf(typeEvent) > -1;
-    if (!isNative) {
-      typeEvent = originalTypeEvent;
-    }
-    return [delegation, originalHandler, typeEvent];
-  }
-  function addHandler(element, originalTypeEvent, handler, delegationFn, oneOff) {
-    if (typeof originalTypeEvent !== 'string' || !element) {
-      return;
-    }
-    if (!handler) {
-      handler = delegationFn;
-      delegationFn = null;
-    }
-    var _normalizeParams = normalizeParams(originalTypeEvent, handler, delegationFn),
-        delegation = _normalizeParams[0],
-        originalHandler = _normalizeParams[1],
-        typeEvent = _normalizeParams[2];
-    var events = getEvent(element);
-    var handlers = events[typeEvent] || (events[typeEvent] = {});
-    var previousFn = findHandler(handlers, originalHandler, delegation ? handler : null);
-    if (previousFn) {
-      previousFn.oneOff = previousFn.oneOff && oneOff;
-      return;
-    }
-    var uid = getUidEvent(originalHandler, originalTypeEvent.replace(namespaceRegex, ''));
-    var fn = delegation ? bootstrapDelegationHandler(element, handler, delegationFn) : bootstrapHandler(element, handler);
-    fn.delegationSelector = delegation ? handler : null;
-    fn.originalHandler = originalHandler;
-    fn.oneOff = oneOff;
-    fn.uidEvent = uid;
-    handlers[uid] = fn;
-    element.addEventListener(typeEvent, fn, delegation);
-  }
-  function removeHandler(element, events, typeEvent, handler, delegationSelector) {
-    var fn = findHandler(events[typeEvent], handler, delegationSelector);
-    if (!fn) {
-      return;
-    }
-    element.removeEventListener(typeEvent, fn, Boolean(delegationSelector));
-    delete events[typeEvent][fn.uidEvent];
-  }
-  function removeNamespacedHandlers(element, events, typeEvent, namespace) {
-    var storeElementEvent = events[typeEvent] || {};
-    Object.keys(storeElementEvent).forEach(function (handlerKey) {
-      if (handlerKey.indexOf(namespace) > -1) {
-        var event = storeElementEvent[handlerKey];
-        removeHandler(element, events, typeEvent, event.originalHandler, event.delegationSelector);
-      }
-    });
-  }
-  var EventHandler = {
-    on: function on(element, event, handler, delegationFn) {
-      addHandler(element, event, handler, delegationFn, false);
-    },
-    one: function one(element, event, handler, delegationFn) {
-      addHandler(element, event, handler, delegationFn, true);
-    },
-    off: function off(element, originalTypeEvent, handler, delegationFn) {
-      if (typeof originalTypeEvent !== 'string' || !element) {
-        return;
-      }
-      var _normalizeParams2 = normalizeParams(originalTypeEvent, handler, delegationFn),
-          delegation = _normalizeParams2[0],
-          originalHandler = _normalizeParams2[1],
-          typeEvent = _normalizeParams2[2];
-      var inNamespace = typeEvent !== originalTypeEvent;
-      var events = getEvent(element);
-      var isNamespace = originalTypeEvent.charAt(0) === '.';
-      if (typeof originalHandler !== 'undefined') {
-        if (!events || !events[typeEvent]) {
-          return;
-        }
-        removeHandler(element, events, typeEvent, originalHandler, delegation ? handler : null);
-        return;
-      }
-      if (isNamespace) {
-        Object.keys(events).forEach(function (elementEvent) {
-          removeNamespacedHandlers(element, events, elementEvent, originalTypeEvent.slice(1));
-        });
-      }
-      var storeElementEvent = events[typeEvent] || {};
-      Object.keys(storeElementEvent).forEach(function (keyHandlers) {
-        var handlerKey = keyHandlers.replace(stripUidRegex, '');
-        if (!inNamespace || originalTypeEvent.indexOf(handlerKey) > -1) {
-          var event = storeElementEvent[keyHandlers];
-          removeHandler(element, events, typeEvent, event.originalHandler, event.delegationSelector);
-        }
-      });
-    },
-    trigger: function trigger(element, event, args) {
-      if (typeof event !== 'string' || !element) {
-        return null;
-      }
-      var typeEvent = event.replace(stripNameRegex, '');
-      var inNamespace = event !== typeEvent;
-      var isNative = nativeEvents.indexOf(typeEvent) > -1;
-      var jQueryEvent;
-      var bubbles = true;
-      var nativeDispatch = true;
-      var defaultPrevented = false;
-      var evt = null;
-      if (inNamespace && $) {
-        jQueryEvent = $.Event(event, args);
-        $(element).trigger(jQueryEvent);
-        bubbles = !jQueryEvent.isPropagationStopped();
-        nativeDispatch = !jQueryEvent.isImmediatePropagationStopped();
-        defaultPrevented = jQueryEvent.isDefaultPrevented();
-      }
-      if (isNative) {
-        evt = document.createEvent('HTMLEvents');
-        evt.initEvent(typeEvent, bubbles, true);
-      } else {
-        evt = new CustomEvent(event, {
-          bubbles: bubbles,
-          cancelable: true
-        });
-      }
-      if (typeof args !== 'undefined') {
-        Object.keys(args).forEach(function (key) {
-          Object.defineProperty(evt, key, {
-            get: function get() {
-              return args[key];
-            }
-          });
-        });
-      }
-      if (defaultPrevented) {
-        evt.preventDefault();
-        if (!defaultPreventedPreservedOnDispatch) {
-          Object.defineProperty(evt, 'defaultPrevented', {
-            get: function get() {
-              return true;
-            }
-          });
-        }
-      }
-      if (nativeDispatch) {
-        element.dispatchEvent(evt);
-      }
-      if (evt.defaultPrevented && typeof jQueryEvent !== 'undefined') {
-        jQueryEvent.preventDefault();
-      }
-      return evt;
-    }
-  };
-  var NAME = 'alert';
-  var VERSION = '5.0.0-alpha2';
-  var DATA_KEY = 'bs.alert';
-  var EVENT_KEY = "." + DATA_KEY;
-  var DATA_API_KEY = '.data-api';
-  var SELECTOR_DISMISS = '[data-dismiss="alert"]';
-  var EVENT_CLOSE = "close" + EVENT_KEY;
-  var EVENT_CLOSED = "closed" + EVENT_KEY;
-  var EVENT_CLICK_DATA_API = "click" + EVENT_KEY + DATA_API_KEY;
-  var CLASSNAME_ALERT = 'alert';
-  var CLASSNAME_FADE = 'fade';
-  var CLASSNAME_SHOW = 'show';
-  var Alert = function () {
-    function Alert(element) {
-      this._element = element;
-      if (this._element) {
-        Data.setData(element, DATA_KEY, this);
-      }
-    }
-    var _proto = Alert.prototype;
-    _proto.close = function close(element) {
-      var rootElement = element ? this._getRootElement(element) : this._element;
-      var customEvent = this._triggerCloseEvent(rootElement);
-      if (customEvent === null || customEvent.defaultPrevented) {
-        return;
-      }
-      this._removeElement(rootElement);
-    };
-    _proto.dispose = function dispose() {
-      Data.removeData(this._element, DATA_KEY);
-      this._element = null;
-    }
-    ;
-    _proto._getRootElement = function _getRootElement(element) {
-      return getElementFromSelector(element) || element.closest("." + CLASSNAME_ALERT);
-    };
-    _proto._triggerCloseEvent = function _triggerCloseEvent(element) {
-      return EventHandler.trigger(element, EVENT_CLOSE);
-    };
-    _proto._removeElement = function _removeElement(element) {
-      var _this = this;
-      element.classList.remove(CLASSNAME_SHOW);
-      if (!element.classList.contains(CLASSNAME_FADE)) {
-        this._destroyElement(element);
-        return;
-      }
-      var transitionDuration = getTransitionDurationFromElement(element);
-      EventHandler.one(element, TRANSITION_END, function () {
-        return _this._destroyElement(element);
-      });
-      emulateTransitionEnd(element, transitionDuration);
-    };
-    _proto._destroyElement = function _destroyElement(element) {
-      if (element.parentNode) {
-        element.parentNode.removeChild(element);
-      }
-      EventHandler.trigger(element, EVENT_CLOSED);
-    }
-    ;
-    Alert.jQueryInterface = function jQueryInterface(config) {
-      return this.each(function () {
-        var data = Data.getData(this, DATA_KEY);
-        if (!data) {
-          data = new Alert(this);
-        }
-        if (config === 'close') {
-          data[config](this);
-        }
-      });
-    };
-    Alert.handleDismiss = function handleDismiss(alertInstance) {
-      return function (event) {
-        if (event) {
-          event.preventDefault();
-        }
-        alertInstance.close(this);
-      };
-    };
-    Alert.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY);
-    };
-    _createClass(Alert, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION;
-      }
-    }]);
-    return Alert;
-  }();
-  EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DISMISS, Alert.handleDismiss(new Alert()));
-  var $$1 = getjQuery();
-  if ($$1) {
-    var JQUERY_NO_CONFLICT = $$1.fn[NAME];
-    $$1.fn[NAME] = Alert.jQueryInterface;
-    $$1.fn[NAME].Constructor = Alert;
-    $$1.fn[NAME].noConflict = function () {
-      $$1.fn[NAME] = JQUERY_NO_CONFLICT;
-      return Alert.jQueryInterface;
-    };
-  }
-  var NAME$1 = 'button';
-  var VERSION$1 = '5.0.0-alpha2';
-  var DATA_KEY$1 = 'bs.button';
-  var EVENT_KEY$1 = "." + DATA_KEY$1;
-  var DATA_API_KEY$1 = '.data-api';
-  var CLASS_NAME_ACTIVE = 'active';
-  var SELECTOR_DATA_TOGGLE = '[data-toggle="button"]';
-  var EVENT_CLICK_DATA_API$1 = "click" + EVENT_KEY$1 + DATA_API_KEY$1;
-  var Button = function () {
-    function Button(element) {
-      this._element = element;
-      Data.setData(element, DATA_KEY$1, this);
-    }
-    var _proto = Button.prototype;
-    _proto.toggle = function toggle() {
-      this._element.setAttribute('aria-pressed', this._element.classList.toggle(CLASS_NAME_ACTIVE));
-    };
-    _proto.dispose = function dispose() {
-      Data.removeData(this._element, DATA_KEY$1);
-      this._element = null;
-    }
-    ;
-    Button.jQueryInterface = function jQueryInterface(config) {
-      return this.each(function () {
-        var data = Data.getData(this, DATA_KEY$1);
-        if (!data) {
-          data = new Button(this);
-        }
-        if (config === 'toggle') {
-          data[config]();
-        }
-      });
-    };
-    Button.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY$1);
-    };
-    _createClass(Button, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION$1;
-      }
-    }]);
-    return Button;
-  }();
-  EventHandler.on(document, EVENT_CLICK_DATA_API$1, SELECTOR_DATA_TOGGLE, function (event) {
-    event.preventDefault();
-    var button = event.target.closest(SELECTOR_DATA_TOGGLE);
-    var data = Data.getData(button, DATA_KEY$1);
-    if (!data) {
-      data = new Button(button);
-    }
-    data.toggle();
-  });
-  var $$2 = getjQuery();
-  if ($$2) {
-    var JQUERY_NO_CONFLICT$1 = $$2.fn[NAME$1];
-    $$2.fn[NAME$1] = Button.jQueryInterface;
-    $$2.fn[NAME$1].Constructor = Button;
-    $$2.fn[NAME$1].noConflict = function () {
-      $$2.fn[NAME$1] = JQUERY_NO_CONFLICT$1;
-      return Button.jQueryInterface;
-    };
-  }
-  function normalizeData(val) {
-    if (val === 'true') {
-      return true;
-    }
-    if (val === 'false') {
-      return false;
-    }
-    if (val === Number(val).toString()) {
-      return Number(val);
-    }
-    if (val === '' || val === 'null') {
-      return null;
-    }
-    return val;
-  }
-  function normalizeDataKey(key) {
-    return key.replace(/[A-Z]/g, function (chr) {
-      return "-" + chr.toLowerCase();
-    });
-  }
-  var Manipulator = {
-    setDataAttribute: function setDataAttribute(element, key, value) {
-      element.setAttribute("data-" + normalizeDataKey(key), value);
-    },
-    removeDataAttribute: function removeDataAttribute(element, key) {
-      element.removeAttribute("data-" + normalizeDataKey(key));
-    },
-    getDataAttributes: function getDataAttributes(element) {
-      if (!element) {
-        return {};
-      }
-      var attributes = _extends$1({}, element.dataset);
-      Object.keys(attributes).forEach(function (key) {
-        attributes[key] = normalizeData(attributes[key]);
-      });
-      return attributes;
-    },
-    getDataAttribute: function getDataAttribute(element, key) {
-      return normalizeData(element.getAttribute("data-" + normalizeDataKey(key)));
-    },
-    offset: function offset(element) {
-      var rect = element.getBoundingClientRect();
-      return {
-        top: rect.top + document.body.scrollTop,
-        left: rect.left + document.body.scrollLeft
-      };
-    },
-    position: function position(element) {
-      return {
-        top: element.offsetTop,
-        left: element.offsetLeft
-      };
-    },
-    toggleClass: function toggleClass(element, className) {
-      if (!element) {
-        return;
-      }
-      if (element.classList.contains(className)) {
-        element.classList.remove(className);
-      } else {
-        element.classList.add(className);
-      }
-    }
-  };
-  var NODE_TEXT = 3;
-  var SelectorEngine = {
-    matches: function matches(element, selector) {
-      return element.matches(selector);
-    },
-    find: function find$1$1(selector, element) {
-      var _ref;
-      if (element === void 0) {
-        element = document.documentElement;
-      }
-      return (_ref = []).concat.apply(_ref, find$1.call(element, selector));
-    },
-    findOne: function findOne$1(selector, element) {
-      if (element === void 0) {
-        element = document.documentElement;
-      }
-      return findOne.call(element, selector);
-    },
-    children: function children(element, selector) {
-      var _ref2;
-      var children = (_ref2 = []).concat.apply(_ref2, element.children);
-      return children.filter(function (child) {
-        return child.matches(selector);
-      });
-    },
-    parents: function parents(element, selector) {
-      var parents = [];
-      var ancestor = element.parentNode;
-      while (ancestor && ancestor.nodeType === Node.ELEMENT_NODE && ancestor.nodeType !== NODE_TEXT) {
-        if (this.matches(ancestor, selector)) {
-          parents.push(ancestor);
-        }
-        ancestor = ancestor.parentNode;
-      }
-      return parents;
-    },
-    prev: function prev(element, selector) {
-      var previous = element.previousElementSibling;
-      while (previous) {
-        if (previous.matches(selector)) {
-          return [previous];
-        }
-        previous = previous.previousElementSibling;
-      }
-      return [];
-    },
-    next: function next(element, selector) {
-      var next = element.nextElementSibling;
-      while (next) {
-        if (this.matches(next, selector)) {
-          return [next];
-        }
-        next = next.nextElementSibling;
-      }
-      return [];
-    }
-  };
-  var NAME$2 = 'carousel';
-  var VERSION$2 = '5.0.0-alpha2';
-  var DATA_KEY$2 = 'bs.carousel';
-  var EVENT_KEY$2 = "." + DATA_KEY$2;
-  var DATA_API_KEY$2 = '.data-api';
-  var ARROW_LEFT_KEY = 'ArrowLeft';
-  var ARROW_RIGHT_KEY = 'ArrowRight';
-  var TOUCHEVENT_COMPAT_WAIT = 500;
-  var SWIPE_THRESHOLD = 40;
-  var Default = {
-    interval: 5000,
-    keyboard: true,
-    slide: false,
-    pause: 'hover',
-    wrap: true,
-    touch: true
-  };
-  var DefaultType = {
-    interval: '(number|boolean)',
-    keyboard: 'boolean',
-    slide: '(boolean|string)',
-    pause: '(string|boolean)',
-    wrap: 'boolean',
-    touch: 'boolean'
-  };
-  var DIRECTION_NEXT = 'next';
-  var DIRECTION_PREV = 'prev';
-  var DIRECTION_LEFT = 'left';
-  var DIRECTION_RIGHT = 'right';
-  var EVENT_SLIDE = "slide" + EVENT_KEY$2;
-  var EVENT_SLID = "slid" + EVENT_KEY$2;
-  var EVENT_KEYDOWN = "keydown" + EVENT_KEY$2;
-  var EVENT_MOUSEENTER = "mouseenter" + EVENT_KEY$2;
-  var EVENT_MOUSELEAVE = "mouseleave" + EVENT_KEY$2;
-  var EVENT_TOUCHSTART = "touchstart" + EVENT_KEY$2;
-  var EVENT_TOUCHMOVE = "touchmove" + EVENT_KEY$2;
-  var EVENT_TOUCHEND = "touchend" + EVENT_KEY$2;
-  var EVENT_POINTERDOWN = "pointerdown" + EVENT_KEY$2;
-  var EVENT_POINTERUP = "pointerup" + EVENT_KEY$2;
-  var EVENT_DRAG_START = "dragstart" + EVENT_KEY$2;
-  var EVENT_LOAD_DATA_API = "load" + EVENT_KEY$2 + DATA_API_KEY$2;
-  var EVENT_CLICK_DATA_API$2 = "click" + EVENT_KEY$2 + DATA_API_KEY$2;
-  var CLASS_NAME_CAROUSEL = 'carousel';
-  var CLASS_NAME_ACTIVE$1 = 'active';
-  var CLASS_NAME_SLIDE = 'slide';
-  var CLASS_NAME_RIGHT = 'carousel-item-right';
-  var CLASS_NAME_LEFT = 'carousel-item-left';
-  var CLASS_NAME_NEXT = 'carousel-item-next';
-  var CLASS_NAME_PREV = 'carousel-item-prev';
-  var CLASS_NAME_POINTER_EVENT = 'pointer-event';
-  var SELECTOR_ACTIVE = '.active';
-  var SELECTOR_ACTIVE_ITEM = '.active.carousel-item';
-  var SELECTOR_ITEM = '.carousel-item';
-  var SELECTOR_ITEM_IMG = '.carousel-item img';
-  var SELECTOR_NEXT_PREV = '.carousel-item-next, .carousel-item-prev';
-  var SELECTOR_INDICATORS = '.carousel-indicators';
-  var SELECTOR_DATA_SLIDE = '[data-slide], [data-slide-to]';
-  var SELECTOR_DATA_RIDE = '[data-ride="carousel"]';
-  var PointerType = {
-    TOUCH: 'touch',
-    PEN: 'pen'
-  };
-  var Carousel = function () {
-    function Carousel(element, config) {
-      this._items = null;
-      this._interval = null;
-      this._activeElement = null;
-      this._isPaused = false;
-      this._isSliding = false;
-      this.touchTimeout = null;
-      this.touchStartX = 0;
-      this.touchDeltaX = 0;
-      this._config = this._getConfig(config);
-      this._element = element;
-      this._indicatorsElement = SelectorEngine.findOne(SELECTOR_INDICATORS, this._element);
-      this._touchSupported = 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0;
-      this._pointerEvent = Boolean(window.PointerEvent);
-      this._addEventListeners();
-      Data.setData(element, DATA_KEY$2, this);
-    }
-    var _proto = Carousel.prototype;
-    _proto.next = function next() {
-      if (!this._isSliding) {
-        this._slide(DIRECTION_NEXT);
-      }
-    };
-    _proto.nextWhenVisible = function nextWhenVisible() {
-      if (!document.hidden && isVisible(this._element)) {
-        this.next();
-      }
-    };
-    _proto.prev = function prev() {
-      if (!this._isSliding) {
-        this._slide(DIRECTION_PREV);
-      }
-    };
-    _proto.pause = function pause(event) {
-      if (!event) {
-        this._isPaused = true;
-      }
-      if (SelectorEngine.findOne(SELECTOR_NEXT_PREV, this._element)) {
-        triggerTransitionEnd(this._element);
-        this.cycle(true);
-      }
-      clearInterval(this._interval);
-      this._interval = null;
-    };
-    _proto.cycle = function cycle(event) {
-      if (!event) {
-        this._isPaused = false;
-      }
-      if (this._interval) {
-        clearInterval(this._interval);
-        this._interval = null;
-      }
-      if (this._config && this._config.interval && !this._isPaused) {
-        this._interval = setInterval((document.visibilityState ? this.nextWhenVisible : this.next).bind(this), this._config.interval);
-      }
-    };
-    _proto.to = function to(index) {
-      var _this = this;
-      this._activeElement = SelectorEngine.findOne(SELECTOR_ACTIVE_ITEM, this._element);
-      var activeIndex = this._getItemIndex(this._activeElement);
-      if (index > this._items.length - 1 || index < 0) {
-        return;
-      }
-      if (this._isSliding) {
-        EventHandler.one(this._element, EVENT_SLID, function () {
-          return _this.to(index);
-        });
-        return;
-      }
-      if (activeIndex === index) {
-        this.pause();
-        this.cycle();
-        return;
-      }
-      var direction = index > activeIndex ? DIRECTION_NEXT : DIRECTION_PREV;
-      this._slide(direction, this._items[index]);
-    };
-    _proto.dispose = function dispose() {
-      EventHandler.off(this._element, EVENT_KEY$2);
-      Data.removeData(this._element, DATA_KEY$2);
-      this._items = null;
-      this._config = null;
-      this._element = null;
-      this._interval = null;
-      this._isPaused = null;
-      this._isSliding = null;
-      this._activeElement = null;
-      this._indicatorsElement = null;
-    }
-    ;
-    _proto._getConfig = function _getConfig(config) {
-      config = _extends$1({}, Default, config);
-      typeCheckConfig(NAME$2, config, DefaultType);
-      return config;
-    };
-    _proto._handleSwipe = function _handleSwipe() {
-      var absDeltax = Math.abs(this.touchDeltaX);
-      if (absDeltax <= SWIPE_THRESHOLD) {
-        return;
-      }
-      var direction = absDeltax / this.touchDeltaX;
-      this.touchDeltaX = 0;
-      if (direction > 0) {
-        this.prev();
-      }
-      if (direction < 0) {
-        this.next();
-      }
-    };
-    _proto._addEventListeners = function _addEventListeners() {
-      var _this2 = this;
-      if (this._config.keyboard) {
-        EventHandler.on(this._element, EVENT_KEYDOWN, function (event) {
-          return _this2._keydown(event);
-        });
-      }
-      if (this._config.pause === 'hover') {
-        EventHandler.on(this._element, EVENT_MOUSEENTER, function (event) {
-          return _this2.pause(event);
-        });
-        EventHandler.on(this._element, EVENT_MOUSELEAVE, function (event) {
-          return _this2.cycle(event);
-        });
-      }
-      if (this._config.touch && this._touchSupported) {
-        this._addTouchEventListeners();
-      }
-    };
-    _proto._addTouchEventListeners = function _addTouchEventListeners() {
-      var _this3 = this;
-      var start = function start(event) {
-        if (_this3._pointerEvent && PointerType[event.pointerType.toUpperCase()]) {
-          _this3.touchStartX = event.clientX;
-        } else if (!_this3._pointerEvent) {
-          _this3.touchStartX = event.touches[0].clientX;
-        }
-      };
-      var move = function move(event) {
-        if (event.touches && event.touches.length > 1) {
-          _this3.touchDeltaX = 0;
-        } else {
-          _this3.touchDeltaX = event.touches[0].clientX - _this3.touchStartX;
-        }
-      };
-      var end = function end(event) {
-        if (_this3._pointerEvent && PointerType[event.pointerType.toUpperCase()]) {
-          _this3.touchDeltaX = event.clientX - _this3.touchStartX;
-        }
-        _this3._handleSwipe();
-        if (_this3._config.pause === 'hover') {
-          _this3.pause();
-          if (_this3.touchTimeout) {
-            clearTimeout(_this3.touchTimeout);
-          }
-          _this3.touchTimeout = setTimeout(function (event) {
-            return _this3.cycle(event);
-          }, TOUCHEVENT_COMPAT_WAIT + _this3._config.interval);
-        }
-      };
-      SelectorEngine.find(SELECTOR_ITEM_IMG, this._element).forEach(function (itemImg) {
-        EventHandler.on(itemImg, EVENT_DRAG_START, function (e) {
-          return e.preventDefault();
-        });
-      });
-      if (this._pointerEvent) {
-        EventHandler.on(this._element, EVENT_POINTERDOWN, function (event) {
-          return start(event);
-        });
-        EventHandler.on(this._element, EVENT_POINTERUP, function (event) {
-          return end(event);
-        });
-        this._element.classList.add(CLASS_NAME_POINTER_EVENT);
-      } else {
-        EventHandler.on(this._element, EVENT_TOUCHSTART, function (event) {
-          return start(event);
-        });
-        EventHandler.on(this._element, EVENT_TOUCHMOVE, function (event) {
-          return move(event);
-        });
-        EventHandler.on(this._element, EVENT_TOUCHEND, function (event) {
-          return end(event);
-        });
-      }
-    };
-    _proto._keydown = function _keydown(event) {
-      if (/input|textarea/i.test(event.target.tagName)) {
-        return;
-      }
-      switch (event.key) {
-        case ARROW_LEFT_KEY:
-          event.preventDefault();
-          this.prev();
-          break;
-        case ARROW_RIGHT_KEY:
-          event.preventDefault();
-          this.next();
-          break;
-      }
-    };
-    _proto._getItemIndex = function _getItemIndex(element) {
-      this._items = element && element.parentNode ? SelectorEngine.find(SELECTOR_ITEM, element.parentNode) : [];
-      return this._items.indexOf(element);
-    };
-    _proto._getItemByDirection = function _getItemByDirection(direction, activeElement) {
-      var isNextDirection = direction === DIRECTION_NEXT;
-      var isPrevDirection = direction === DIRECTION_PREV;
-      var activeIndex = this._getItemIndex(activeElement);
-      var lastItemIndex = this._items.length - 1;
-      var isGoingToWrap = isPrevDirection && activeIndex === 0 || isNextDirection && activeIndex === lastItemIndex;
-      if (isGoingToWrap && !this._config.wrap) {
-        return activeElement;
-      }
-      var delta = direction === DIRECTION_PREV ? -1 : 1;
-      var itemIndex = (activeIndex + delta) % this._items.length;
-      return itemIndex === -1 ? this._items[this._items.length - 1] : this._items[itemIndex];
-    };
-    _proto._triggerSlideEvent = function _triggerSlideEvent(relatedTarget, eventDirectionName) {
-      var targetIndex = this._getItemIndex(relatedTarget);
-      var fromIndex = this._getItemIndex(SelectorEngine.findOne(SELECTOR_ACTIVE_ITEM, this._element));
-      return EventHandler.trigger(this._element, EVENT_SLIDE, {
-        relatedTarget: relatedTarget,
-        direction: eventDirectionName,
-        from: fromIndex,
-        to: targetIndex
-      });
-    };
-    _proto._setActiveIndicatorElement = function _setActiveIndicatorElement(element) {
-      if (this._indicatorsElement) {
-        var indicators = SelectorEngine.find(SELECTOR_ACTIVE, this._indicatorsElement);
-        for (var i = 0; i < indicators.length; i++) {
-          indicators[i].classList.remove(CLASS_NAME_ACTIVE$1);
-        }
-        var nextIndicator = this._indicatorsElement.children[this._getItemIndex(element)];
-        if (nextIndicator) {
-          nextIndicator.classList.add(CLASS_NAME_ACTIVE$1);
-        }
-      }
-    };
-    _proto._slide = function _slide(direction, element) {
-      var _this4 = this;
-      var activeElement = SelectorEngine.findOne(SELECTOR_ACTIVE_ITEM, this._element);
-      var activeElementIndex = this._getItemIndex(activeElement);
-      var nextElement = element || activeElement && this._getItemByDirection(direction, activeElement);
-      var nextElementIndex = this._getItemIndex(nextElement);
-      var isCycling = Boolean(this._interval);
-      var directionalClassName;
-      var orderClassName;
-      var eventDirectionName;
-      if (direction === DIRECTION_NEXT) {
-        directionalClassName = CLASS_NAME_LEFT;
-        orderClassName = CLASS_NAME_NEXT;
-        eventDirectionName = DIRECTION_LEFT;
-      } else {
-        directionalClassName = CLASS_NAME_RIGHT;
-        orderClassName = CLASS_NAME_PREV;
-        eventDirectionName = DIRECTION_RIGHT;
-      }
-      if (nextElement && nextElement.classList.contains(CLASS_NAME_ACTIVE$1)) {
-        this._isSliding = false;
-        return;
-      }
-      var slideEvent = this._triggerSlideEvent(nextElement, eventDirectionName);
-      if (slideEvent.defaultPrevented) {
-        return;
-      }
-      if (!activeElement || !nextElement) {
-        return;
-      }
-      this._isSliding = true;
-      if (isCycling) {
-        this.pause();
-      }
-      this._setActiveIndicatorElement(nextElement);
-      if (this._element.classList.contains(CLASS_NAME_SLIDE)) {
-        nextElement.classList.add(orderClassName);
-        reflow(nextElement);
-        activeElement.classList.add(directionalClassName);
-        nextElement.classList.add(directionalClassName);
-        var nextElementInterval = parseInt(nextElement.getAttribute('data-interval'), 10);
-        if (nextElementInterval) {
-          this._config.defaultInterval = this._config.defaultInterval || this._config.interval;
-          this._config.interval = nextElementInterval;
-        } else {
-          this._config.interval = this._config.defaultInterval || this._config.interval;
-        }
-        var transitionDuration = getTransitionDurationFromElement(activeElement);
-        EventHandler.one(activeElement, TRANSITION_END, function () {
-          nextElement.classList.remove(directionalClassName, orderClassName);
-          nextElement.classList.add(CLASS_NAME_ACTIVE$1);
-          activeElement.classList.remove(CLASS_NAME_ACTIVE$1, orderClassName, directionalClassName);
-          _this4._isSliding = false;
-          setTimeout(function () {
-            EventHandler.trigger(_this4._element, EVENT_SLID, {
-              relatedTarget: nextElement,
-              direction: eventDirectionName,
-              from: activeElementIndex,
-              to: nextElementIndex
-            });
-          }, 0);
-        });
-        emulateTransitionEnd(activeElement, transitionDuration);
-      } else {
-        activeElement.classList.remove(CLASS_NAME_ACTIVE$1);
-        nextElement.classList.add(CLASS_NAME_ACTIVE$1);
-        this._isSliding = false;
-        EventHandler.trigger(this._element, EVENT_SLID, {
-          relatedTarget: nextElement,
-          direction: eventDirectionName,
-          from: activeElementIndex,
-          to: nextElementIndex
-        });
-      }
-      if (isCycling) {
-        this.cycle();
-      }
-    }
-    ;
-    Carousel.carouselInterface = function carouselInterface(element, config) {
-      var data = Data.getData(element, DATA_KEY$2);
-      var _config = _extends$1({}, Default, Manipulator.getDataAttributes(element));
-      if (typeof config === 'object') {
-        _config = _extends$1({}, _config, config);
-      }
-      var action = typeof config === 'string' ? config : _config.slide;
-      if (!data) {
-        data = new Carousel(element, _config);
-      }
-      if (typeof config === 'number') {
-        data.to(config);
-      } else if (typeof action === 'string') {
-        if (typeof data[action] === 'undefined') {
-          throw new TypeError("No method named \"" + action + "\"");
-        }
-        data[action]();
-      } else if (_config.interval && _config.ride) {
-        data.pause();
-        data.cycle();
-      }
-    };
-    Carousel.jQueryInterface = function jQueryInterface(config) {
-      return this.each(function () {
-        Carousel.carouselInterface(this, config);
-      });
-    };
-    Carousel.dataApiClickHandler = function dataApiClickHandler(event) {
-      var target = getElementFromSelector(this);
-      if (!target || !target.classList.contains(CLASS_NAME_CAROUSEL)) {
-        return;
-      }
-      var config = _extends$1({}, Manipulator.getDataAttributes(target), Manipulator.getDataAttributes(this));
-      var slideIndex = this.getAttribute('data-slide-to');
-      if (slideIndex) {
-        config.interval = false;
-      }
-      Carousel.carouselInterface(target, config);
-      if (slideIndex) {
-        Data.getData(target, DATA_KEY$2).to(slideIndex);
-      }
-      event.preventDefault();
-    };
-    Carousel.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY$2);
-    };
-    _createClass(Carousel, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION$2;
-      }
-    }, {
-      key: "Default",
-      get: function get() {
-        return Default;
-      }
-    }]);
-    return Carousel;
-  }();
-  EventHandler.on(document, EVENT_CLICK_DATA_API$2, SELECTOR_DATA_SLIDE, Carousel.dataApiClickHandler);
-  EventHandler.on(window, EVENT_LOAD_DATA_API, function () {
-    var carousels = SelectorEngine.find(SELECTOR_DATA_RIDE);
-    for (var i = 0, len = carousels.length; i < len; i++) {
-      Carousel.carouselInterface(carousels[i], Data.getData(carousels[i], DATA_KEY$2));
-    }
-  });
-  var $$3 = getjQuery();
-  if ($$3) {
-    var JQUERY_NO_CONFLICT$2 = $$3.fn[NAME$2];
-    $$3.fn[NAME$2] = Carousel.jQueryInterface;
-    $$3.fn[NAME$2].Constructor = Carousel;
-    $$3.fn[NAME$2].noConflict = function () {
-      $$3.fn[NAME$2] = JQUERY_NO_CONFLICT$2;
-      return Carousel.jQueryInterface;
-    };
-  }
-  var NAME$3 = 'collapse';
-  var VERSION$3 = '5.0.0-alpha2';
-  var DATA_KEY$3 = 'bs.collapse';
-  var EVENT_KEY$3 = "." + DATA_KEY$3;
-  var DATA_API_KEY$3 = '.data-api';
-  var Default$1 = {
-    toggle: true,
-    parent: ''
-  };
-  var DefaultType$1 = {
-    toggle: 'boolean',
-    parent: '(string|element)'
-  };
-  var EVENT_SHOW = "show" + EVENT_KEY$3;
-  var EVENT_SHOWN = "shown" + EVENT_KEY$3;
-  var EVENT_HIDE = "hide" + EVENT_KEY$3;
-  var EVENT_HIDDEN = "hidden" + EVENT_KEY$3;
-  var EVENT_CLICK_DATA_API$3 = "click" + EVENT_KEY$3 + DATA_API_KEY$3;
-  var CLASS_NAME_SHOW = 'show';
-  var CLASS_NAME_COLLAPSE = 'collapse';
-  var CLASS_NAME_COLLAPSING = 'collapsing';
-  var CLASS_NAME_COLLAPSED = 'collapsed';
-  var WIDTH = 'width';
-  var HEIGHT = 'height';
-  var SELECTOR_ACTIVES = '.show, .collapsing';
-  var SELECTOR_DATA_TOGGLE$1 = '[data-toggle="collapse"]';
-  var Collapse = function () {
-    function Collapse(element, config) {
-      this._isTransitioning = false;
-      this._element = element;
-      this._config = this._getConfig(config);
-      this._triggerArray = SelectorEngine.find(SELECTOR_DATA_TOGGLE$1 + "[href=\"#" + element.id + "\"]," + (SELECTOR_DATA_TOGGLE$1 + "[data-target=\"#" + element.id + "\"]"));
-      var toggleList = SelectorEngine.find(SELECTOR_DATA_TOGGLE$1);
-      for (var i = 0, len = toggleList.length; i < len; i++) {
-        var elem = toggleList[i];
-        var selector = getSelectorFromElement(elem);
-        var filterElement = SelectorEngine.find(selector).filter(function (foundElem) {
-          return foundElem === element;
-        });
-        if (selector !== null && filterElement.length) {
-          this._selector = selector;
-          this._triggerArray.push(elem);
-        }
-      }
-      this._parent = this._config.parent ? this._getParent() : null;
-      if (!this._config.parent) {
-        this._addAriaAndCollapsedClass(this._element, this._triggerArray);
-      }
-      if (this._config.toggle) {
-        this.toggle();
-      }
-      Data.setData(element, DATA_KEY$3, this);
-    }
-    var _proto = Collapse.prototype;
-    _proto.toggle = function toggle() {
-      if (this._element.classList.contains(CLASS_NAME_SHOW)) {
-        this.hide();
-      } else {
-        this.show();
-      }
-    };
-    _proto.show = function show() {
-      var _this = this;
-      if (this._isTransitioning || this._element.classList.contains(CLASS_NAME_SHOW)) {
-        return;
-      }
-      var actives;
-      var activesData;
-      if (this._parent) {
-        actives = SelectorEngine.find(SELECTOR_ACTIVES, this._parent).filter(function (elem) {
-          if (typeof _this._config.parent === 'string') {
-            return elem.getAttribute('data-parent') === _this._config.parent;
-          }
-          return elem.classList.contains(CLASS_NAME_COLLAPSE);
-        });
-        if (actives.length === 0) {
-          actives = null;
-        }
-      }
-      var container = SelectorEngine.findOne(this._selector);
-      if (actives) {
-        var tempActiveData = actives.filter(function (elem) {
-          return container !== elem;
-        });
-        activesData = tempActiveData[0] ? Data.getData(tempActiveData[0], DATA_KEY$3) : null;
-        if (activesData && activesData._isTransitioning) {
-          return;
-        }
-      }
-      var startEvent = EventHandler.trigger(this._element, EVENT_SHOW);
-      if (startEvent.defaultPrevented) {
-        return;
-      }
-      if (actives) {
-        actives.forEach(function (elemActive) {
-          if (container !== elemActive) {
-            Collapse.collapseInterface(elemActive, 'hide');
-          }
-          if (!activesData) {
-            Data.setData(elemActive, DATA_KEY$3, null);
-          }
-        });
-      }
-      var dimension = this._getDimension();
-      this._element.classList.remove(CLASS_NAME_COLLAPSE);
-      this._element.classList.add(CLASS_NAME_COLLAPSING);
-      this._element.style[dimension] = 0;
-      if (this._triggerArray.length) {
-        this._triggerArray.forEach(function (element) {
-          element.classList.remove(CLASS_NAME_COLLAPSED);
-          element.setAttribute('aria-expanded', true);
-        });
-      }
-      this.setTransitioning(true);
-      var complete = function complete() {
-        _this._element.classList.remove(CLASS_NAME_COLLAPSING);
-        _this._element.classList.add(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW);
-        _this._element.style[dimension] = '';
-        _this.setTransitioning(false);
-        EventHandler.trigger(_this._element, EVENT_SHOWN);
-      };
-      var capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1);
-      var scrollSize = "scroll" + capitalizedDimension;
-      var transitionDuration = getTransitionDurationFromElement(this._element);
-      EventHandler.one(this._element, TRANSITION_END, complete);
-      emulateTransitionEnd(this._element, transitionDuration);
-      this._element.style[dimension] = this._element[scrollSize] + "px";
-    };
-    _proto.hide = function hide() {
-      var _this2 = this;
-      if (this._isTransitioning || !this._element.classList.contains(CLASS_NAME_SHOW)) {
-        return;
-      }
-      var startEvent = EventHandler.trigger(this._element, EVENT_HIDE);
-      if (startEvent.defaultPrevented) {
-        return;
-      }
-      var dimension = this._getDimension();
-      this._element.style[dimension] = this._element.getBoundingClientRect()[dimension] + "px";
-      reflow(this._element);
-      this._element.classList.add(CLASS_NAME_COLLAPSING);
-      this._element.classList.remove(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW);
-      var triggerArrayLength = this._triggerArray.length;
-      if (triggerArrayLength > 0) {
-        for (var i = 0; i < triggerArrayLength; i++) {
-          var trigger = this._triggerArray[i];
-          var elem = getElementFromSelector(trigger);
-          if (elem && !elem.classList.contains(CLASS_NAME_SHOW)) {
-            trigger.classList.add(CLASS_NAME_COLLAPSED);
-            trigger.setAttribute('aria-expanded', false);
-          }
-        }
-      }
-      this.setTransitioning(true);
-      var complete = function complete() {
-        _this2.setTransitioning(false);
-        _this2._element.classList.remove(CLASS_NAME_COLLAPSING);
-        _this2._element.classList.add(CLASS_NAME_COLLAPSE);
-        EventHandler.trigger(_this2._element, EVENT_HIDDEN);
-      };
-      this._element.style[dimension] = '';
-      var transitionDuration = getTransitionDurationFromElement(this._element);
-      EventHandler.one(this._element, TRANSITION_END, complete);
-      emulateTransitionEnd(this._element, transitionDuration);
-    };
-    _proto.setTransitioning = function setTransitioning(isTransitioning) {
-      this._isTransitioning = isTransitioning;
-    };
-    _proto.dispose = function dispose() {
-      Data.removeData(this._element, DATA_KEY$3);
-      this._config = null;
-      this._parent = null;
-      this._element = null;
-      this._triggerArray = null;
-      this._isTransitioning = null;
-    }
-    ;
-    _proto._getConfig = function _getConfig(config) {
-      config = _extends$1({}, Default$1, config);
-      config.toggle = Boolean(config.toggle);
-      typeCheckConfig(NAME$3, config, DefaultType$1);
-      return config;
-    };
-    _proto._getDimension = function _getDimension() {
-      return this._element.classList.contains(WIDTH) ? WIDTH : HEIGHT;
-    };
-    _proto._getParent = function _getParent() {
-      var _this3 = this;
-      var parent = this._config.parent;
-      if (isElement(parent)) {
-        if (typeof parent.jquery !== 'undefined' || typeof parent[0] !== 'undefined') {
-          parent = parent[0];
-        }
-      } else {
-        parent = SelectorEngine.findOne(parent);
-      }
-      var selector = SELECTOR_DATA_TOGGLE$1 + "[data-parent=\"" + parent + "\"]";
-      SelectorEngine.find(selector, parent).forEach(function (element) {
-        var selected = getElementFromSelector(element);
-        _this3._addAriaAndCollapsedClass(selected, [element]);
-      });
-      return parent;
-    };
-    _proto._addAriaAndCollapsedClass = function _addAriaAndCollapsedClass(element, triggerArray) {
-      if (!element || !triggerArray.length) {
-        return;
-      }
-      var isOpen = element.classList.contains(CLASS_NAME_SHOW);
-      triggerArray.forEach(function (elem) {
-        if (isOpen) {
-          elem.classList.remove(CLASS_NAME_COLLAPSED);
-        } else {
-          elem.classList.add(CLASS_NAME_COLLAPSED);
-        }
-        elem.setAttribute('aria-expanded', isOpen);
-      });
-    }
-    ;
-    Collapse.collapseInterface = function collapseInterface(element, config) {
-      var data = Data.getData(element, DATA_KEY$3);
-      var _config = _extends$1({}, Default$1, Manipulator.getDataAttributes(element), typeof config === 'object' && config ? config : {});
-      if (!data && _config.toggle && typeof config === 'string' && /show|hide/.test(config)) {
-        _config.toggle = false;
-      }
-      if (!data) {
-        data = new Collapse(element, _config);
-      }
-      if (typeof config === 'string') {
-        if (typeof data[config] === 'undefined') {
-          throw new TypeError("No method named \"" + config + "\"");
-        }
-        data[config]();
-      }
-    };
-    Collapse.jQueryInterface = function jQueryInterface(config) {
-      return this.each(function () {
-        Collapse.collapseInterface(this, config);
-      });
-    };
-    Collapse.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY$3);
-    };
-    _createClass(Collapse, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION$3;
-      }
-    }, {
-      key: "Default",
-      get: function get() {
-        return Default$1;
-      }
-    }]);
-    return Collapse;
-  }();
-  EventHandler.on(document, EVENT_CLICK_DATA_API$3, SELECTOR_DATA_TOGGLE$1, function (event) {
-    if (event.target.tagName === 'A') {
-      event.preventDefault();
-    }
-    var triggerData = Manipulator.getDataAttributes(this);
-    var selector = getSelectorFromElement(this);
-    var selectorElements = SelectorEngine.find(selector);
-    selectorElements.forEach(function (element) {
-      var data = Data.getData(element, DATA_KEY$3);
-      var config;
-      if (data) {
-        if (data._parent === null && typeof triggerData.parent === 'string') {
-          data._config.parent = triggerData.parent;
-          data._parent = data._getParent();
-        }
-        config = 'toggle';
-      } else {
-        config = triggerData;
-      }
-      Collapse.collapseInterface(element, config);
-    });
-  });
-  var $$4 = getjQuery();
-  if ($$4) {
-    var JQUERY_NO_CONFLICT$3 = $$4.fn[NAME$3];
-    $$4.fn[NAME$3] = Collapse.jQueryInterface;
-    $$4.fn[NAME$3].Constructor = Collapse;
-    $$4.fn[NAME$3].noConflict = function () {
-      $$4.fn[NAME$3] = JQUERY_NO_CONFLICT$3;
-      return Collapse.jQueryInterface;
-    };
-  }
-  var NAME$4 = 'dropdown';
-  var VERSION$4 = '5.0.0-alpha2';
-  var DATA_KEY$4 = 'bs.dropdown';
-  var EVENT_KEY$4 = "." + DATA_KEY$4;
-  var DATA_API_KEY$4 = '.data-api';
-  var ESCAPE_KEY = 'Escape';
-  var SPACE_KEY = 'Space';
-  var TAB_KEY = 'Tab';
-  var ARROW_UP_KEY = 'ArrowUp';
-  var ARROW_DOWN_KEY = 'ArrowDown';
-  var RIGHT_MOUSE_BUTTON = 2;
-  var REGEXP_KEYDOWN = new RegExp(ARROW_UP_KEY + "|" + ARROW_DOWN_KEY + "|" + ESCAPE_KEY);
-  var EVENT_HIDE$1 = "hide" + EVENT_KEY$4;
-  var EVENT_HIDDEN$1 = "hidden" + EVENT_KEY$4;
-  var EVENT_SHOW$1 = "show" + EVENT_KEY$4;
-  var EVENT_SHOWN$1 = "shown" + EVENT_KEY$4;
-  var EVENT_CLICK = "click" + EVENT_KEY$4;
-  var EVENT_CLICK_DATA_API$4 = "click" + EVENT_KEY$4 + DATA_API_KEY$4;
-  var EVENT_KEYDOWN_DATA_API = "keydown" + EVENT_KEY$4 + DATA_API_KEY$4;
-  var EVENT_KEYUP_DATA_API = "keyup" + EVENT_KEY$4 + DATA_API_KEY$4;
-  var CLASS_NAME_DISABLED = 'disabled';
-  var CLASS_NAME_SHOW$1 = 'show';
-  var CLASS_NAME_DROPUP = 'dropup';
-  var CLASS_NAME_DROPRIGHT = 'dropright';
-  var CLASS_NAME_DROPLEFT = 'dropleft';
-  var CLASS_NAME_MENURIGHT = 'dropdown-menu-right';
-  var CLASS_NAME_NAVBAR = 'navbar';
-  var CLASS_NAME_POSITION_STATIC = 'position-static';
-  var SELECTOR_DATA_TOGGLE$2 = '[data-toggle="dropdown"]';
-  var SELECTOR_FORM_CHILD = '.dropdown form';
-  var SELECTOR_MENU = '.dropdown-menu';
-  var SELECTOR_NAVBAR_NAV = '.navbar-nav';
-  var SELECTOR_VISIBLE_ITEMS = '.dropdown-menu .dropdown-item:not(.disabled):not(:disabled)';
-  var PLACEMENT_TOP = 'top-start';
-  var PLACEMENT_TOPEND = 'top-end';
-  var PLACEMENT_BOTTOM = 'bottom-start';
-  var PLACEMENT_BOTTOMEND = 'bottom-end';
-  var PLACEMENT_RIGHT = 'right-start';
-  var PLACEMENT_LEFT = 'left-start';
-  var Default$2 = {
-    offset: 0,
-    flip: true,
-    boundary: 'scrollParent',
-    reference: 'toggle',
-    display: 'dynamic',
-    popperConfig: null
-  };
-  var DefaultType$2 = {
-    offset: '(number|string|function)',
-    flip: 'boolean',
-    boundary: '(string|element)',
-    reference: '(string|element)',
-    display: 'string',
-    popperConfig: '(null|object)'
-  };
-  var Dropdown = function () {
-    function Dropdown(element, config) {
-      this._element = element;
-      this._popper = null;
-      this._config = this._getConfig(config);
-      this._menu = this._getMenuElement();
-      this._inNavbar = this._detectNavbar();
-      this._addEventListeners();
-      Data.setData(element, DATA_KEY$4, this);
-    }
-    var _proto = Dropdown.prototype;
-    _proto.toggle = function toggle() {
-      if (this._element.disabled || this._element.classList.contains(CLASS_NAME_DISABLED)) {
-        return;
-      }
-      var isActive = this._element.classList.contains(CLASS_NAME_SHOW$1);
-      Dropdown.clearMenus();
-      if (isActive) {
-        return;
-      }
-      this.show();
-    };
-    _proto.show = function show() {
-      if (this._element.disabled || this._element.classList.contains(CLASS_NAME_DISABLED) || this._menu.classList.contains(CLASS_NAME_SHOW$1)) {
-        return;
-      }
-      var parent = Dropdown.getParentFromElement(this._element);
-      var relatedTarget = {
-        relatedTarget: this._element
-      };
-      var showEvent = EventHandler.trigger(this._element, EVENT_SHOW$1, relatedTarget);
-      if (showEvent.defaultPrevented) {
-        return;
-      }
-      if (!this._inNavbar) {
-        if (typeof Popper === 'undefined') {
-          throw new TypeError('Bootstrap\'s dropdowns require Popper.js (https://popper.js.org)');
-        }
-        var referenceElement = this._element;
-        if (this._config.reference === 'parent') {
-          referenceElement = parent;
-        } else if (isElement(this._config.reference)) {
-          referenceElement = this._config.reference;
-          if (typeof this._config.reference.jquery !== 'undefined') {
-            referenceElement = this._config.reference[0];
-          }
-        }
-        if (this._config.boundary !== 'scrollParent') {
-          parent.classList.add(CLASS_NAME_POSITION_STATIC);
-        }
-        this._popper = new Popper(referenceElement, this._menu, this._getPopperConfig());
-      }
-      if ('ontouchstart' in document.documentElement && !parent.closest(SELECTOR_NAVBAR_NAV)) {
-        var _ref;
-        (_ref = []).concat.apply(_ref, document.body.children).forEach(function (elem) {
-          return EventHandler.on(elem, 'mouseover', null, noop());
-        });
-      }
-      this._element.focus();
-      this._element.setAttribute('aria-expanded', true);
-      Manipulator.toggleClass(this._menu, CLASS_NAME_SHOW$1);
-      Manipulator.toggleClass(this._element, CLASS_NAME_SHOW$1);
-      EventHandler.trigger(parent, EVENT_SHOWN$1, relatedTarget);
-    };
-    _proto.hide = function hide() {
-      if (this._element.disabled || this._element.classList.contains(CLASS_NAME_DISABLED) || !this._menu.classList.contains(CLASS_NAME_SHOW$1)) {
-        return;
-      }
-      var parent = Dropdown.getParentFromElement(this._element);
-      var relatedTarget = {
-        relatedTarget: this._element
-      };
-      var hideEvent = EventHandler.trigger(parent, EVENT_HIDE$1, relatedTarget);
-      if (hideEvent.defaultPrevented) {
-        return;
-      }
-      if (this._popper) {
-        this._popper.destroy();
-      }
-      Manipulator.toggleClass(this._menu, CLASS_NAME_SHOW$1);
-      Manipulator.toggleClass(this._element, CLASS_NAME_SHOW$1);
-      EventHandler.trigger(parent, EVENT_HIDDEN$1, relatedTarget);
-    };
-    _proto.dispose = function dispose() {
-      Data.removeData(this._element, DATA_KEY$4);
-      EventHandler.off(this._element, EVENT_KEY$4);
-      this._element = null;
-      this._menu = null;
-      if (this._popper) {
-        this._popper.destroy();
-        this._popper = null;
-      }
-    };
-    _proto.update = function update() {
-      this._inNavbar = this._detectNavbar();
-      if (this._popper) {
-        this._popper.scheduleUpdate();
-      }
-    }
-    ;
-    _proto._addEventListeners = function _addEventListeners() {
-      var _this = this;
-      EventHandler.on(this._element, EVENT_CLICK, function (event) {
-        event.preventDefault();
-        event.stopPropagation();
-        _this.toggle();
-      });
-    };
-    _proto._getConfig = function _getConfig(config) {
-      config = _extends$1({}, this.constructor.Default, Manipulator.getDataAttributes(this._element), config);
-      typeCheckConfig(NAME$4, config, this.constructor.DefaultType);
-      return config;
-    };
-    _proto._getMenuElement = function _getMenuElement() {
-      return SelectorEngine.next(this._element, SELECTOR_MENU)[0];
-    };
-    _proto._getPlacement = function _getPlacement() {
-      var parentDropdown = this._element.parentNode;
-      var placement = PLACEMENT_BOTTOM;
-      if (parentDropdown.classList.contains(CLASS_NAME_DROPUP)) {
-        placement = PLACEMENT_TOP;
-        if (this._menu.classList.contains(CLASS_NAME_MENURIGHT)) {
-          placement = PLACEMENT_TOPEND;
-        }
-      } else if (parentDropdown.classList.contains(CLASS_NAME_DROPRIGHT)) {
-        placement = PLACEMENT_RIGHT;
-      } else if (parentDropdown.classList.contains(CLASS_NAME_DROPLEFT)) {
-        placement = PLACEMENT_LEFT;
-      } else if (this._menu.classList.contains(CLASS_NAME_MENURIGHT)) {
-        placement = PLACEMENT_BOTTOMEND;
-      }
-      return placement;
-    };
-    _proto._detectNavbar = function _detectNavbar() {
-      return Boolean(this._element.closest("." + CLASS_NAME_NAVBAR));
-    };
-    _proto._getOffset = function _getOffset() {
-      var _this2 = this;
-      var offset = {};
-      if (typeof this._config.offset === 'function') {
-        offset.fn = function (data) {
-          data.offsets = _extends$1({}, data.offsets, _this2._config.offset(data.offsets, _this2._element) || {});
-          return data;
-        };
-      } else {
-        offset.offset = this._config.offset;
-      }
-      return offset;
-    };
-    _proto._getPopperConfig = function _getPopperConfig() {
-      var popperConfig = {
-        placement: this._getPlacement(),
-        modifiers: {
-          offset: this._getOffset(),
-          flip: {
-            enabled: this._config.flip
-          },
-          preventOverflow: {
-            boundariesElement: this._config.boundary
-          }
-        }
-      };
-      if (this._config.display === 'static') {
-        popperConfig.modifiers.applyStyle = {
-          enabled: false
-        };
-      }
-      return _extends$1({}, popperConfig, this._config.popperConfig);
-    }
-    ;
-    Dropdown.dropdownInterface = function dropdownInterface(element, config) {
-      var data = Data.getData(element, DATA_KEY$4);
-      var _config = typeof config === 'object' ? config : null;
-      if (!data) {
-        data = new Dropdown(element, _config);
-      }
-      if (typeof config === 'string') {
-        if (typeof data[config] === 'undefined') {
-          throw new TypeError("No method named \"" + config + "\"");
-        }
-        data[config]();
-      }
-    };
-    Dropdown.jQueryInterface = function jQueryInterface(config) {
-      return this.each(function () {
-        Dropdown.dropdownInterface(this, config);
-      });
-    };
-    Dropdown.clearMenus = function clearMenus(event) {
-      if (event && (event.button === RIGHT_MOUSE_BUTTON || event.type === 'keyup' && event.key !== TAB_KEY)) {
-        return;
-      }
-      var toggles = SelectorEngine.find(SELECTOR_DATA_TOGGLE$2);
-      for (var i = 0, len = toggles.length; i < len; i++) {
-        var parent = Dropdown.getParentFromElement(toggles[i]);
-        var context = Data.getData(toggles[i], DATA_KEY$4);
-        var relatedTarget = {
-          relatedTarget: toggles[i]
-        };
-        if (event && event.type === 'click') {
-          relatedTarget.clickEvent = event;
-        }
-        if (!context) {
-          continue;
-        }
-        var dropdownMenu = context._menu;
-        if (!toggles[i].classList.contains(CLASS_NAME_SHOW$1)) {
-          continue;
-        }
-        if (event && (event.type === 'click' && /input|textarea/i.test(event.target.tagName) || event.type === 'keyup' && event.key === TAB_KEY) && dropdownMenu.contains(event.target)) {
-          continue;
-        }
-        var hideEvent = EventHandler.trigger(parent, EVENT_HIDE$1, relatedTarget);
-        if (hideEvent.defaultPrevented) {
-          continue;
-        }
-        if ('ontouchstart' in document.documentElement) {
-          var _ref2;
-          (_ref2 = []).concat.apply(_ref2, document.body.children).forEach(function (elem) {
-            return EventHandler.off(elem, 'mouseover', null, noop());
-          });
-        }
-        toggles[i].setAttribute('aria-expanded', 'false');
-        if (context._popper) {
-          context._popper.destroy();
-        }
-        dropdownMenu.classList.remove(CLASS_NAME_SHOW$1);
-        toggles[i].classList.remove(CLASS_NAME_SHOW$1);
-        EventHandler.trigger(parent, EVENT_HIDDEN$1, relatedTarget);
-      }
-    };
-    Dropdown.getParentFromElement = function getParentFromElement(element) {
-      return getElementFromSelector(element) || element.parentNode;
-    };
-    Dropdown.dataApiKeydownHandler = function dataApiKeydownHandler(event) {
-      if (/input|textarea/i.test(event.target.tagName) ? event.key === SPACE_KEY || event.key !== ESCAPE_KEY && (event.key !== ARROW_DOWN_KEY && event.key !== ARROW_UP_KEY || event.target.closest(SELECTOR_MENU)) : !REGEXP_KEYDOWN.test(event.key)) {
-        return;
-      }
-      event.preventDefault();
-      event.stopPropagation();
-      if (this.disabled || this.classList.contains(CLASS_NAME_DISABLED)) {
-        return;
-      }
-      var parent = Dropdown.getParentFromElement(this);
-      var isActive = this.classList.contains(CLASS_NAME_SHOW$1);
-      if (event.key === ESCAPE_KEY) {
-        var button = this.matches(SELECTOR_DATA_TOGGLE$2) ? this : SelectorEngine.prev(this, SELECTOR_DATA_TOGGLE$2)[0];
-        button.focus();
-        Dropdown.clearMenus();
-        return;
-      }
-      if (!isActive || event.key === SPACE_KEY) {
-        Dropdown.clearMenus();
-        return;
-      }
-      var items = SelectorEngine.find(SELECTOR_VISIBLE_ITEMS, parent).filter(isVisible);
-      if (!items.length) {
-        return;
-      }
-      var index = items.indexOf(event.target);
-      if (event.key === ARROW_UP_KEY && index > 0) {
-        index--;
-      }
-      if (event.key === ARROW_DOWN_KEY && index < items.length - 1) {
-        index++;
-      }
-      index = index === -1 ? 0 : index;
-      items[index].focus();
-    };
-    Dropdown.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY$4);
-    };
-    _createClass(Dropdown, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION$4;
-      }
-    }, {
-      key: "Default",
-      get: function get() {
-        return Default$2;
-      }
-    }, {
-      key: "DefaultType",
-      get: function get() {
-        return DefaultType$2;
-      }
-    }]);
-    return Dropdown;
-  }();
-  EventHandler.on(document, EVENT_KEYDOWN_DATA_API, SELECTOR_DATA_TOGGLE$2, Dropdown.dataApiKeydownHandler);
-  EventHandler.on(document, EVENT_KEYDOWN_DATA_API, SELECTOR_MENU, Dropdown.dataApiKeydownHandler);
-  EventHandler.on(document, EVENT_CLICK_DATA_API$4, Dropdown.clearMenus);
-  EventHandler.on(document, EVENT_KEYUP_DATA_API, Dropdown.clearMenus);
-  EventHandler.on(document, EVENT_CLICK_DATA_API$4, SELECTOR_DATA_TOGGLE$2, function (event) {
-    event.preventDefault();
-    event.stopPropagation();
-    Dropdown.dropdownInterface(this, 'toggle');
-  });
-  EventHandler.on(document, EVENT_CLICK_DATA_API$4, SELECTOR_FORM_CHILD, function (e) {
-    return e.stopPropagation();
-  });
-  var $$5 = getjQuery();
-  if ($$5) {
-    var JQUERY_NO_CONFLICT$4 = $$5.fn[NAME$4];
-    $$5.fn[NAME$4] = Dropdown.jQueryInterface;
-    $$5.fn[NAME$4].Constructor = Dropdown;
-    $$5.fn[NAME$4].noConflict = function () {
-      $$5.fn[NAME$4] = JQUERY_NO_CONFLICT$4;
-      return Dropdown.jQueryInterface;
-    };
-  }
-  var NAME$5 = 'modal';
-  var VERSION$5 = '5.0.0-alpha2';
-  var DATA_KEY$5 = 'bs.modal';
-  var EVENT_KEY$5 = "." + DATA_KEY$5;
-  var DATA_API_KEY$5 = '.data-api';
-  var ESCAPE_KEY$1 = 'Escape';
-  var Default$3 = {
-    backdrop: true,
-    keyboard: true,
-    focus: true,
-    show: true
-  };
-  var DefaultType$3 = {
-    backdrop: '(boolean|string)',
-    keyboard: 'boolean',
-    focus: 'boolean',
-    show: 'boolean'
-  };
-  var EVENT_HIDE$2 = "hide" + EVENT_KEY$5;
-  var EVENT_HIDE_PREVENTED = "hidePrevented" + EVENT_KEY$5;
-  var EVENT_HIDDEN$2 = "hidden" + EVENT_KEY$5;
-  var EVENT_SHOW$2 = "show" + EVENT_KEY$5;
-  var EVENT_SHOWN$2 = "shown" + EVENT_KEY$5;
-  var EVENT_FOCUSIN = "focusin" + EVENT_KEY$5;
-  var EVENT_RESIZE = "resize" + EVENT_KEY$5;
-  var EVENT_CLICK_DISMISS = "click.dismiss" + EVENT_KEY$5;
-  var EVENT_KEYDOWN_DISMISS = "keydown.dismiss" + EVENT_KEY$5;
-  var EVENT_MOUSEUP_DISMISS = "mouseup.dismiss" + EVENT_KEY$5;
-  var EVENT_MOUSEDOWN_DISMISS = "mousedown.dismiss" + EVENT_KEY$5;
-  var EVENT_CLICK_DATA_API$5 = "click" + EVENT_KEY$5 + DATA_API_KEY$5;
-  var CLASS_NAME_SCROLLBAR_MEASURER = 'modal-scrollbar-measure';
-  var CLASS_NAME_BACKDROP = 'modal-backdrop';
-  var CLASS_NAME_OPEN = 'modal-open';
-  var CLASS_NAME_FADE = 'fade';
-  var CLASS_NAME_SHOW$2 = 'show';
-  var CLASS_NAME_STATIC = 'modal-static';
-  var SELECTOR_DIALOG = '.modal-dialog';
-  var SELECTOR_MODAL_BODY = '.modal-body';
-  var SELECTOR_DATA_TOGGLE$3 = '[data-toggle="modal"]';
-  var SELECTOR_DATA_DISMISS = '[data-dismiss="modal"]';
-  var SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top';
-  var SELECTOR_STICKY_CONTENT = '.sticky-top';
-  var Modal = function () {
-    function Modal(element, config) {
-      this._config = this._getConfig(config);
-      this._element = element;
-      this._dialog = SelectorEngine.findOne(SELECTOR_DIALOG, element);
-      this._backdrop = null;
-      this._isShown = false;
-      this._isBodyOverflowing = false;
-      this._ignoreBackdropClick = false;
-      this._isTransitioning = false;
-      this._scrollbarWidth = 0;
-      Data.setData(element, DATA_KEY$5, this);
-    }
-    var _proto = Modal.prototype;
-    _proto.toggle = function toggle(relatedTarget) {
-      return this._isShown ? this.hide() : this.show(relatedTarget);
-    };
-    _proto.show = function show(relatedTarget) {
-      var _this = this;
-      if (this._isShown || this._isTransitioning) {
-        return;
-      }
-      if (this._element.classList.contains(CLASS_NAME_FADE)) {
-        this._isTransitioning = true;
-      }
-      var showEvent = EventHandler.trigger(this._element, EVENT_SHOW$2, {
-        relatedTarget: relatedTarget
-      });
-      if (this._isShown || showEvent.defaultPrevented) {
-        return;
-      }
-      this._isShown = true;
-      this._checkScrollbar();
-      this._setScrollbar();
-      this._adjustDialog();
-      this._setEscapeEvent();
-      this._setResizeEvent();
-      EventHandler.on(this._element, EVENT_CLICK_DISMISS, SELECTOR_DATA_DISMISS, function (event) {
-        return _this.hide(event);
-      });
-      EventHandler.on(this._dialog, EVENT_MOUSEDOWN_DISMISS, function () {
-        EventHandler.one(_this._element, EVENT_MOUSEUP_DISMISS, function (event) {
-          if (event.target === _this._element) {
-            _this._ignoreBackdropClick = true;
-          }
-        });
-      });
-      this._showBackdrop(function () {
-        return _this._showElement(relatedTarget);
-      });
-    };
-    _proto.hide = function hide(event) {
-      var _this2 = this;
-      if (event) {
-        event.preventDefault();
-      }
-      if (!this._isShown || this._isTransitioning) {
-        return;
-      }
-      var hideEvent = EventHandler.trigger(this._element, EVENT_HIDE$2);
-      if (hideEvent.defaultPrevented) {
-        return;
-      }
-      this._isShown = false;
-      var transition = this._element.classList.contains(CLASS_NAME_FADE);
-      if (transition) {
-        this._isTransitioning = true;
-      }
-      this._setEscapeEvent();
-      this._setResizeEvent();
-      EventHandler.off(document, EVENT_FOCUSIN);
-      this._element.classList.remove(CLASS_NAME_SHOW$2);
-      EventHandler.off(this._element, EVENT_CLICK_DISMISS);
-      EventHandler.off(this._dialog, EVENT_MOUSEDOWN_DISMISS);
-      if (transition) {
-        var transitionDuration = getTransitionDurationFromElement(this._element);
-        EventHandler.one(this._element, TRANSITION_END, function (event) {
-          return _this2._hideModal(event);
-        });
-        emulateTransitionEnd(this._element, transitionDuration);
-      } else {
-        this._hideModal();
-      }
-    };
-    _proto.dispose = function dispose() {
-      [window, this._element, this._dialog].forEach(function (htmlElement) {
-        return EventHandler.off(htmlElement, EVENT_KEY$5);
-      });
-      EventHandler.off(document, EVENT_FOCUSIN);
-      Data.removeData(this._element, DATA_KEY$5);
-      this._config = null;
-      this._element = null;
-      this._dialog = null;
-      this._backdrop = null;
-      this._isShown = null;
-      this._isBodyOverflowing = null;
-      this._ignoreBackdropClick = null;
-      this._isTransitioning = null;
-      this._scrollbarWidth = null;
-    };
-    _proto.handleUpdate = function handleUpdate() {
-      this._adjustDialog();
-    }
-    ;
-    _proto._getConfig = function _getConfig(config) {
-      config = _extends$1({}, Default$3, config);
-      typeCheckConfig(NAME$5, config, DefaultType$3);
-      return config;
-    };
-    _proto._showElement = function _showElement(relatedTarget) {
-      var _this3 = this;
-      var transition = this._element.classList.contains(CLASS_NAME_FADE);
-      var modalBody = SelectorEngine.findOne(SELECTOR_MODAL_BODY, this._dialog);
-      if (!this._element.parentNode || this._element.parentNode.nodeType !== Node.ELEMENT_NODE) {
-        document.body.appendChild(this._element);
-      }
-      this._element.style.display = 'block';
-      this._element.removeAttribute('aria-hidden');
-      this._element.setAttribute('aria-modal', true);
-      this._element.setAttribute('role', 'dialog');
-      this._element.scrollTop = 0;
-      if (modalBody) {
-        modalBody.scrollTop = 0;
-      }
-      if (transition) {
-        reflow(this._element);
-      }
-      this._element.classList.add(CLASS_NAME_SHOW$2);
-      if (this._config.focus) {
-        this._enforceFocus();
-      }
-      var transitionComplete = function transitionComplete() {
-        if (_this3._config.focus) {
-          _this3._element.focus();
-        }
-        _this3._isTransitioning = false;
-        EventHandler.trigger(_this3._element, EVENT_SHOWN$2, {
-          relatedTarget: relatedTarget
-        });
-      };
-      if (transition) {
-        var transitionDuration = getTransitionDurationFromElement(this._dialog);
-        EventHandler.one(this._dialog, TRANSITION_END, transitionComplete);
-        emulateTransitionEnd(this._dialog, transitionDuration);
-      } else {
-        transitionComplete();
-      }
-    };
-    _proto._enforceFocus = function _enforceFocus() {
-      var _this4 = this;
-      EventHandler.off(document, EVENT_FOCUSIN);
-      EventHandler.on(document, EVENT_FOCUSIN, function (event) {
-        if (document !== event.target && _this4._element !== event.target && !_this4._element.contains(event.target)) {
-          _this4._element.focus();
-        }
-      });
-    };
-    _proto._setEscapeEvent = function _setEscapeEvent() {
-      var _this5 = this;
-      if (this._isShown) {
-        EventHandler.on(this._element, EVENT_KEYDOWN_DISMISS, function (event) {
-          if (_this5._config.keyboard && event.key === ESCAPE_KEY$1) {
-            event.preventDefault();
-            _this5.hide();
-          } else if (!_this5._config.keyboard && event.key === ESCAPE_KEY$1) {
-            _this5._triggerBackdropTransition();
-          }
-        });
-      } else {
-        EventHandler.off(this._element, EVENT_KEYDOWN_DISMISS);
-      }
-    };
-    _proto._setResizeEvent = function _setResizeEvent() {
-      var _this6 = this;
-      if (this._isShown) {
-        EventHandler.on(window, EVENT_RESIZE, function () {
-          return _this6._adjustDialog();
-        });
-      } else {
-        EventHandler.off(window, EVENT_RESIZE);
-      }
-    };
-    _proto._hideModal = function _hideModal() {
-      var _this7 = this;
-      this._element.style.display = 'none';
-      this._element.setAttribute('aria-hidden', true);
-      this._element.removeAttribute('aria-modal');
-      this._element.removeAttribute('role');
-      this._isTransitioning = false;
-      this._showBackdrop(function () {
-        document.body.classList.remove(CLASS_NAME_OPEN);
-        _this7._resetAdjustments();
-        _this7._resetScrollbar();
-        EventHandler.trigger(_this7._element, EVENT_HIDDEN$2);
-      });
-    };
-    _proto._removeBackdrop = function _removeBackdrop() {
-      this._backdrop.parentNode.removeChild(this._backdrop);
-      this._backdrop = null;
-    };
-    _proto._showBackdrop = function _showBackdrop(callback) {
-      var _this8 = this;
-      var animate = this._element.classList.contains(CLASS_NAME_FADE) ? CLASS_NAME_FADE : '';
-      if (this._isShown && this._config.backdrop) {
-        this._backdrop = document.createElement('div');
-        this._backdrop.className = CLASS_NAME_BACKDROP;
-        if (animate) {
-          this._backdrop.classList.add(animate);
-        }
-        document.body.appendChild(this._backdrop);
-        EventHandler.on(this._element, EVENT_CLICK_DISMISS, function (event) {
-          if (_this8._ignoreBackdropClick) {
-            _this8._ignoreBackdropClick = false;
-            return;
-          }
-          if (event.target !== event.currentTarget) {
-            return;
-          }
-          _this8._triggerBackdropTransition();
-        });
-        if (animate) {
-          reflow(this._backdrop);
-        }
-        this._backdrop.classList.add(CLASS_NAME_SHOW$2);
-        if (!animate) {
-          callback();
-          return;
-        }
-        var backdropTransitionDuration = getTransitionDurationFromElement(this._backdrop);
-        EventHandler.one(this._backdrop, TRANSITION_END, callback);
-        emulateTransitionEnd(this._backdrop, backdropTransitionDuration);
-      } else if (!this._isShown && this._backdrop) {
-        this._backdrop.classList.remove(CLASS_NAME_SHOW$2);
-        var callbackRemove = function callbackRemove() {
-          _this8._removeBackdrop();
-          callback();
-        };
-        if (this._element.classList.contains(CLASS_NAME_FADE)) {
-          var _backdropTransitionDuration = getTransitionDurationFromElement(this._backdrop);
-          EventHandler.one(this._backdrop, TRANSITION_END, callbackRemove);
-          emulateTransitionEnd(this._backdrop, _backdropTransitionDuration);
-        } else {
-          callbackRemove();
-        }
-      } else {
-        callback();
-      }
-    };
-    _proto._triggerBackdropTransition = function _triggerBackdropTransition() {
-      var _this9 = this;
-      if (this._config.backdrop === 'static') {
-        var hideEvent = EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED);
-        if (hideEvent.defaultPrevented) {
-          return;
-        }
-        var isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight;
-        if (!isModalOverflowing) {
-          this._element.style.overflowY = 'hidden';
-        }
-        this._element.classList.add(CLASS_NAME_STATIC);
-        var modalTransitionDuration = getTransitionDurationFromElement(this._dialog);
-        EventHandler.off(this._element, TRANSITION_END);
-        EventHandler.one(this._element, TRANSITION_END, function () {
-          _this9._element.classList.remove(CLASS_NAME_STATIC);
-          if (!isModalOverflowing) {
-            EventHandler.one(_this9._element, TRANSITION_END, function () {
-              _this9._element.style.overflowY = '';
-            });
-            emulateTransitionEnd(_this9._element, modalTransitionDuration);
-          }
-        });
-        emulateTransitionEnd(this._element, modalTransitionDuration);
-        this._element.focus();
-      } else {
-        this.hide();
-      }
-    }
-    ;
-    _proto._adjustDialog = function _adjustDialog() {
-      var isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight;
-      if (!this._isBodyOverflowing && isModalOverflowing) {
-        this._element.style.paddingLeft = this._scrollbarWidth + "px";
-      }
-      if (this._isBodyOverflowing && !isModalOverflowing) {
-        this._element.style.paddingRight = this._scrollbarWidth + "px";
-      }
-    };
-    _proto._resetAdjustments = function _resetAdjustments() {
-      this._element.style.paddingLeft = '';
-      this._element.style.paddingRight = '';
-    };
-    _proto._checkScrollbar = function _checkScrollbar() {
-      var rect = document.body.getBoundingClientRect();
-      this._isBodyOverflowing = Math.round(rect.left + rect.right) < window.innerWidth;
-      this._scrollbarWidth = this._getScrollbarWidth();
-    };
-    _proto._setScrollbar = function _setScrollbar() {
-      var _this10 = this;
-      if (this._isBodyOverflowing) {
-        SelectorEngine.find(SELECTOR_FIXED_CONTENT).forEach(function (element) {
-          var actualPadding = element.style.paddingRight;
-          var calculatedPadding = window.getComputedStyle(element)['padding-right'];
-          Manipulator.setDataAttribute(element, 'padding-right', actualPadding);
-          element.style.paddingRight = parseFloat(calculatedPadding) + _this10._scrollbarWidth + "px";
-        });
-        SelectorEngine.find(SELECTOR_STICKY_CONTENT).forEach(function (element) {
-          var actualMargin = element.style.marginRight;
-          var calculatedMargin = window.getComputedStyle(element)['margin-right'];
-          Manipulator.setDataAttribute(element, 'margin-right', actualMargin);
-          element.style.marginRight = parseFloat(calculatedMargin) - _this10._scrollbarWidth + "px";
-        });
-        var actualPadding = document.body.style.paddingRight;
-        var calculatedPadding = window.getComputedStyle(document.body)['padding-right'];
-        Manipulator.setDataAttribute(document.body, 'padding-right', actualPadding);
-        document.body.style.paddingRight = parseFloat(calculatedPadding) + this._scrollbarWidth + "px";
-      }
-      document.body.classList.add(CLASS_NAME_OPEN);
-    };
-    _proto._resetScrollbar = function _resetScrollbar() {
-      SelectorEngine.find(SELECTOR_FIXED_CONTENT).forEach(function (element) {
-        var padding = Manipulator.getDataAttribute(element, 'padding-right');
-        if (typeof padding !== 'undefined') {
-          Manipulator.removeDataAttribute(element, 'padding-right');
-          element.style.paddingRight = padding;
-        }
-      });
-      SelectorEngine.find("" + SELECTOR_STICKY_CONTENT).forEach(function (element) {
-        var margin = Manipulator.getDataAttribute(element, 'margin-right');
-        if (typeof margin !== 'undefined') {
-          Manipulator.removeDataAttribute(element, 'margin-right');
-          element.style.marginRight = margin;
-        }
-      });
-      var padding = Manipulator.getDataAttribute(document.body, 'padding-right');
-      if (typeof padding === 'undefined') {
-        document.body.style.paddingRight = '';
-      } else {
-        Manipulator.removeDataAttribute(document.body, 'padding-right');
-        document.body.style.paddingRight = padding;
-      }
-    };
-    _proto._getScrollbarWidth = function _getScrollbarWidth() {
-      var scrollDiv = document.createElement('div');
-      scrollDiv.className = CLASS_NAME_SCROLLBAR_MEASURER;
-      document.body.appendChild(scrollDiv);
-      var scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth;
-      document.body.removeChild(scrollDiv);
-      return scrollbarWidth;
-    }
-    ;
-    Modal.jQueryInterface = function jQueryInterface(config, relatedTarget) {
-      return this.each(function () {
-        var data = Data.getData(this, DATA_KEY$5);
-        var _config = _extends$1({}, Default$3, Manipulator.getDataAttributes(this), typeof config === 'object' && config ? config : {});
-        if (!data) {
-          data = new Modal(this, _config);
-        }
-        if (typeof config === 'string') {
-          if (typeof data[config] === 'undefined') {
-            throw new TypeError("No method named \"" + config + "\"");
-          }
-          data[config](relatedTarget);
-        } else if (_config.show) {
-          data.show(relatedTarget);
-        }
-      });
-    };
-    Modal.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY$5);
-    };
-    _createClass(Modal, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION$5;
-      }
-    }, {
-      key: "Default",
-      get: function get() {
-        return Default$3;
-      }
-    }]);
-    return Modal;
-  }();
-  EventHandler.on(document, EVENT_CLICK_DATA_API$5, SELECTOR_DATA_TOGGLE$3, function (event) {
-    var _this11 = this;
-    var target = getElementFromSelector(this);
-    if (this.tagName === 'A' || this.tagName === 'AREA') {
-      event.preventDefault();
-    }
-    EventHandler.one(target, EVENT_SHOW$2, function (showEvent) {
-      if (showEvent.defaultPrevented) {
-        return;
-      }
-      EventHandler.one(target, EVENT_HIDDEN$2, function () {
-        if (isVisible(_this11)) {
-          _this11.focus();
-        }
-      });
-    });
-    var data = Data.getData(target, DATA_KEY$5);
-    if (!data) {
-      var config = _extends$1({}, Manipulator.getDataAttributes(target), Manipulator.getDataAttributes(this));
-      data = new Modal(target, config);
-    }
-    data.show(this);
-  });
-  var $$6 = getjQuery();
-  if ($$6) {
-    var JQUERY_NO_CONFLICT$5 = $$6.fn[NAME$5];
-    $$6.fn[NAME$5] = Modal.jQueryInterface;
-    $$6.fn[NAME$5].Constructor = Modal;
-    $$6.fn[NAME$5].noConflict = function () {
-      $$6.fn[NAME$5] = JQUERY_NO_CONFLICT$5;
-      return Modal.jQueryInterface;
-    };
-  }
-  var uriAttrs = ['background', 'cite', 'href', 'itemtype', 'longdesc', 'poster', 'src', 'xlink:href'];
-  var ARIA_ATTRIBUTE_PATTERN = /^aria-[\w-]*$/i;
-  var SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file):|[^#&/:?]*(?:[#/?]|$))/gi;
-  var DATA_URL_PATTERN = /^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[\d+/a-z]+=*$/i;
-  var allowedAttribute = function allowedAttribute(attr, allowedAttributeList) {
-    var attrName = attr.nodeName.toLowerCase();
-    if (allowedAttributeList.indexOf(attrName) !== -1) {
-      if (uriAttrs.indexOf(attrName) !== -1) {
-        return Boolean(attr.nodeValue.match(SAFE_URL_PATTERN) || attr.nodeValue.match(DATA_URL_PATTERN));
-      }
-      return true;
-    }
-    var regExp = allowedAttributeList.filter(function (attrRegex) {
-      return attrRegex instanceof RegExp;
-    });
-    for (var i = 0, len = regExp.length; i < len; i++) {
-      if (attrName.match(regExp[i])) {
-        return true;
-      }
-    }
-    return false;
-  };
-  var DefaultAllowlist = {
-    '*': ['class', 'dir', 'id', 'lang', 'role', ARIA_ATTRIBUTE_PATTERN],
-    a: ['target', 'href', 'title', 'rel'],
-    area: [],
-    b: [],
-    br: [],
-    col: [],
-    code: [],
-    div: [],
-    em: [],
-    hr: [],
-    h1: [],
-    h2: [],
-    h3: [],
-    h4: [],
-    h5: [],
-    h6: [],
-    i: [],
-    img: ['src', 'srcset', 'alt', 'title', 'width', 'height'],
-    li: [],
-    ol: [],
-    p: [],
-    pre: [],
-    s: [],
-    small: [],
-    span: [],
-    sub: [],
-    sup: [],
-    strong: [],
-    u: [],
-    ul: []
-  };
-  function sanitizeHtml(unsafeHtml, allowList, sanitizeFn) {
-    var _ref;
-    if (!unsafeHtml.length) {
-      return unsafeHtml;
-    }
-    if (sanitizeFn && typeof sanitizeFn === 'function') {
-      return sanitizeFn(unsafeHtml);
-    }
-    var domParser = new window.DOMParser();
-    var createdDocument = domParser.parseFromString(unsafeHtml, 'text/html');
-    var allowlistKeys = Object.keys(allowList);
-    var elements = (_ref = []).concat.apply(_ref, createdDocument.body.querySelectorAll('*'));
-    var _loop = function _loop(i, len) {
-      var _ref2;
-      var el = elements[i];
-      var elName = el.nodeName.toLowerCase();
-      if (allowlistKeys.indexOf(elName) === -1) {
-        el.parentNode.removeChild(el);
-        return "continue";
-      }
-      var attributeList = (_ref2 = []).concat.apply(_ref2, el.attributes);
-      var allowedAttributes = [].concat(allowList['*'] || [], allowList[elName] || []);
-      attributeList.forEach(function (attr) {
-        if (!allowedAttribute(attr, allowedAttributes)) {
-          el.removeAttribute(attr.nodeName);
-        }
-      });
-    };
-    for (var i = 0, len = elements.length; i < len; i++) {
-      var _ret = _loop(i);
-      if (_ret === "continue") continue;
-    }
-    return createdDocument.body.innerHTML;
-  }
-  var NAME$6 = 'tooltip';
-  var VERSION$6 = '5.0.0-alpha2';
-  var DATA_KEY$6 = 'bs.tooltip';
-  var EVENT_KEY$6 = "." + DATA_KEY$6;
-  var CLASS_PREFIX = 'bs-tooltip';
-  var BSCLS_PREFIX_REGEX = new RegExp("(^|\\s)" + CLASS_PREFIX + "\\S+", 'g');
-  var DISALLOWED_ATTRIBUTES = ['sanitize', 'allowList', 'sanitizeFn'];
-  var DefaultType$4 = {
-    animation: 'boolean',
-    template: 'string',
-    title: '(string|element|function)',
-    trigger: 'string',
-    delay: '(number|object)',
-    html: 'boolean',
-    selector: '(string|boolean)',
-    placement: '(string|function)',
-    offset: '(number|string|function)',
-    container: '(string|element|boolean)',
-    fallbackPlacement: '(string|array)',
-    boundary: '(string|element)',
-    sanitize: 'boolean',
-    sanitizeFn: '(null|function)',
-    allowList: 'object',
-    popperConfig: '(null|object)'
-  };
-  var AttachmentMap = {
-    AUTO: 'auto',
-    TOP: 'top',
-    RIGHT: 'right',
-    BOTTOM: 'bottom',
-    LEFT: 'left'
-  };
-  var Default$4 = {
-    animation: true,
-    template: '<div class="tooltip" role="tooltip">' + '<div class="tooltip-arrow"></div>' + '<div class="tooltip-inner"></div></div>',
-    trigger: 'hover focus',
-    title: '',
-    delay: 0,
-    html: false,
-    selector: false,
-    placement: 'top',
-    offset: 0,
-    container: false,
-    fallbackPlacement: 'flip',
-    boundary: 'scrollParent',
-    sanitize: true,
-    sanitizeFn: null,
-    allowList: DefaultAllowlist,
-    popperConfig: null
-  };
-  var Event$1 = {
-    HIDE: "hide" + EVENT_KEY$6,
-    HIDDEN: "hidden" + EVENT_KEY$6,
-    SHOW: "show" + EVENT_KEY$6,
-    SHOWN: "shown" + EVENT_KEY$6,
-    INSERTED: "inserted" + EVENT_KEY$6,
-    CLICK: "click" + EVENT_KEY$6,
-    FOCUSIN: "focusin" + EVENT_KEY$6,
-    FOCUSOUT: "focusout" + EVENT_KEY$6,
-    MOUSEENTER: "mouseenter" + EVENT_KEY$6,
-    MOUSELEAVE: "mouseleave" + EVENT_KEY$6
-  };
-  var CLASS_NAME_FADE$1 = 'fade';
-  var CLASS_NAME_MODAL = 'modal';
-  var CLASS_NAME_SHOW$3 = 'show';
-  var HOVER_STATE_SHOW = 'show';
-  var HOVER_STATE_OUT = 'out';
-  var SELECTOR_TOOLTIP_INNER = '.tooltip-inner';
-  var TRIGGER_HOVER = 'hover';
-  var TRIGGER_FOCUS = 'focus';
-  var TRIGGER_CLICK = 'click';
-  var TRIGGER_MANUAL = 'manual';
-  var Tooltip = function () {
-    function Tooltip(element, config) {
-      if (typeof Popper === 'undefined') {
-        throw new TypeError('Bootstrap\'s tooltips require Popper.js (https://popper.js.org)');
-      }
-      this._isEnabled = true;
-      this._timeout = 0;
-      this._hoverState = '';
-      this._activeTrigger = {};
-      this._popper = null;
-      this.element = element;
-      this.config = this._getConfig(config);
-      this.tip = null;
-      this._setListeners();
-      Data.setData(element, this.constructor.DATA_KEY, this);
-    }
-    var _proto = Tooltip.prototype;
-    _proto.enable = function enable() {
-      this._isEnabled = true;
-    };
-    _proto.disable = function disable() {
-      this._isEnabled = false;
-    };
-    _proto.toggleEnabled = function toggleEnabled() {
-      this._isEnabled = !this._isEnabled;
-    };
-    _proto.toggle = function toggle(event) {
-      if (!this._isEnabled) {
-        return;
-      }
-      if (event) {
-        var dataKey = this.constructor.DATA_KEY;
-        var context = Data.getData(event.delegateTarget, dataKey);
-        if (!context) {
-          context = new this.constructor(event.delegateTarget, this._getDelegateConfig());
-          Data.setData(event.delegateTarget, dataKey, context);
-        }
-        context._activeTrigger.click = !context._activeTrigger.click;
-        if (context._isWithActiveTrigger()) {
-          context._enter(null, context);
-        } else {
-          context._leave(null, context);
-        }
-      } else {
-        if (this.getTipElement().classList.contains(CLASS_NAME_SHOW$3)) {
-          this._leave(null, this);
-          return;
-        }
-        this._enter(null, this);
-      }
-    };
-    _proto.dispose = function dispose() {
-      clearTimeout(this._timeout);
-      Data.removeData(this.element, this.constructor.DATA_KEY);
-      EventHandler.off(this.element, this.constructor.EVENT_KEY);
-      EventHandler.off(this.element.closest("." + CLASS_NAME_MODAL), 'hide.bs.modal', this._hideModalHandler);
-      if (this.tip) {
-        this.tip.parentNode.removeChild(this.tip);
-      }
-      this._isEnabled = null;
-      this._timeout = null;
-      this._hoverState = null;
-      this._activeTrigger = null;
-      if (this._popper) {
-        this._popper.destroy();
-      }
-      this._popper = null;
-      this.element = null;
-      this.config = null;
-      this.tip = null;
-    };
-    _proto.show = function show() {
-      var _this = this;
-      if (this.element.style.display === 'none') {
-        throw new Error('Please use show on visible elements');
-      }
-      if (this.isWithContent() && this._isEnabled) {
-        var showEvent = EventHandler.trigger(this.element, this.constructor.Event.SHOW);
-        var shadowRoot = findShadowRoot(this.element);
-        var isInTheDom = shadowRoot === null ? this.element.ownerDocument.documentElement.contains(this.element) : shadowRoot.contains(this.element);
-        if (showEvent.defaultPrevented || !isInTheDom) {
-          return;
-        }
-        var tip = this.getTipElement();
-        var tipId = getUID(this.constructor.NAME);
-        tip.setAttribute('id', tipId);
-        this.element.setAttribute('aria-describedby', tipId);
-        this.setContent();
-        if (this.config.animation) {
-          tip.classList.add(CLASS_NAME_FADE$1);
-        }
-        var placement = typeof this.config.placement === 'function' ? this.config.placement.call(this, tip, this.element) : this.config.placement;
-        var attachment = this._getAttachment(placement);
-        this._addAttachmentClass(attachment);
-        var container = this._getContainer();
-        Data.setData(tip, this.constructor.DATA_KEY, this);
-        if (!this.element.ownerDocument.documentElement.contains(this.tip)) {
-          container.appendChild(tip);
-        }
-        EventHandler.trigger(this.element, this.constructor.Event.INSERTED);
-        this._popper = new Popper(this.element, tip, this._getPopperConfig(attachment));
-        tip.classList.add(CLASS_NAME_SHOW$3);
-        if ('ontouchstart' in document.documentElement) {
-          var _ref;
-          (_ref = []).concat.apply(_ref, document.body.children).forEach(function (element) {
-            EventHandler.on(element, 'mouseover', noop());
-          });
-        }
-        var complete = function complete() {
-          if (_this.config.animation) {
-            _this._fixTransition();
-          }
-          var prevHoverState = _this._hoverState;
-          _this._hoverState = null;
-          EventHandler.trigger(_this.element, _this.constructor.Event.SHOWN);
-          if (prevHoverState === HOVER_STATE_OUT) {
-            _this._leave(null, _this);
-          }
-        };
-        if (this.tip.classList.contains(CLASS_NAME_FADE$1)) {
-          var transitionDuration = getTransitionDurationFromElement(this.tip);
-          EventHandler.one(this.tip, TRANSITION_END, complete);
-          emulateTransitionEnd(this.tip, transitionDuration);
-        } else {
-          complete();
-        }
-      }
-    };
-    _proto.hide = function hide() {
-      var _this2 = this;
-      if (!this._popper) {
-        return;
-      }
-      var tip = this.getTipElement();
-      var complete = function complete() {
-        if (_this2._hoverState !== HOVER_STATE_SHOW && tip.parentNode) {
-          tip.parentNode.removeChild(tip);
-        }
-        _this2._cleanTipClass();
-        _this2.element.removeAttribute('aria-describedby');
-        EventHandler.trigger(_this2.element, _this2.constructor.Event.HIDDEN);
-        _this2._popper.destroy();
-      };
-      var hideEvent = EventHandler.trigger(this.element, this.constructor.Event.HIDE);
-      if (hideEvent.defaultPrevented) {
-        return;
-      }
-      tip.classList.remove(CLASS_NAME_SHOW$3);
-      if ('ontouchstart' in document.documentElement) {
-        var _ref2;
-        (_ref2 = []).concat.apply(_ref2, document.body.children).forEach(function (element) {
-          return EventHandler.off(element, 'mouseover', noop);
-        });
-      }
-      this._activeTrigger[TRIGGER_CLICK] = false;
-      this._activeTrigger[TRIGGER_FOCUS] = false;
-      this._activeTrigger[TRIGGER_HOVER] = false;
-      if (this.tip.classList.contains(CLASS_NAME_FADE$1)) {
-        var transitionDuration = getTransitionDurationFromElement(tip);
-        EventHandler.one(tip, TRANSITION_END, complete);
-        emulateTransitionEnd(tip, transitionDuration);
-      } else {
-        complete();
-      }
-      this._hoverState = '';
-    };
-    _proto.update = function update() {
-      if (this._popper !== null) {
-        this._popper.scheduleUpdate();
-      }
-    }
-    ;
-    _proto.isWithContent = function isWithContent() {
-      return Boolean(this.getTitle());
-    };
-    _proto.getTipElement = function getTipElement() {
-      if (this.tip) {
-        return this.tip;
-      }
-      var element = document.createElement('div');
-      element.innerHTML = this.config.template;
-      this.tip = element.children[0];
-      return this.tip;
-    };
-    _proto.setContent = function setContent() {
-      var tip = this.getTipElement();
-      this.setElementContent(SelectorEngine.findOne(SELECTOR_TOOLTIP_INNER, tip), this.getTitle());
-      tip.classList.remove(CLASS_NAME_FADE$1, CLASS_NAME_SHOW$3);
-    };
-    _proto.setElementContent = function setElementContent(element, content) {
-      if (element === null) {
-        return;
-      }
-      if (typeof content === 'object' && isElement(content)) {
-        if (content.jquery) {
-          content = content[0];
-        }
-        if (this.config.html) {
-          if (content.parentNode !== element) {
-            element.innerHTML = '';
-            element.appendChild(content);
-          }
-        } else {
-          element.textContent = content.textContent;
-        }
-        return;
-      }
-      if (this.config.html) {
-        if (this.config.sanitize) {
-          content = sanitizeHtml(content, this.config.allowList, this.config.sanitizeFn);
-        }
-        element.innerHTML = content;
-      } else {
-        element.textContent = content;
-      }
-    };
-    _proto.getTitle = function getTitle() {
-      var title = this.element.getAttribute('data-original-title');
-      if (!title) {
-        title = typeof this.config.title === 'function' ? this.config.title.call(this.element) : this.config.title;
-      }
-      return title;
-    }
-    ;
-    _proto._getPopperConfig = function _getPopperConfig(attachment) {
-      var _this3 = this;
-      var defaultBsConfig = {
-        placement: attachment,
-        modifiers: {
-          offset: this._getOffset(),
-          flip: {
-            behavior: this.config.fallbackPlacement
-          },
-          arrow: {
-            element: "." + this.constructor.NAME + "-arrow"
-          },
-          preventOverflow: {
-            boundariesElement: this.config.boundary
-          }
-        },
-        onCreate: function onCreate(data) {
-          if (data.originalPlacement !== data.placement) {
-            _this3._handlePopperPlacementChange(data);
-          }
-        },
-        onUpdate: function onUpdate(data) {
-          return _this3._handlePopperPlacementChange(data);
-        }
-      };
-      return _extends$1({}, defaultBsConfig, this.config.popperConfig);
-    };
-    _proto._addAttachmentClass = function _addAttachmentClass(attachment) {
-      this.getTipElement().classList.add(CLASS_PREFIX + "-" + attachment);
-    };
-    _proto._getOffset = function _getOffset() {
-      var _this4 = this;
-      var offset = {};
-      if (typeof this.config.offset === 'function') {
-        offset.fn = function (data) {
-          data.offsets = _extends$1({}, data.offsets, _this4.config.offset(data.offsets, _this4.element) || {});
-          return data;
-        };
-      } else {
-        offset.offset = this.config.offset;
-      }
-      return offset;
-    };
-    _proto._getContainer = function _getContainer() {
-      if (this.config.container === false) {
-        return document.body;
-      }
-      if (isElement(this.config.container)) {
-        return this.config.container;
-      }
-      return SelectorEngine.findOne(this.config.container);
-    };
-    _proto._getAttachment = function _getAttachment(placement) {
-      return AttachmentMap[placement.toUpperCase()];
-    };
-    _proto._setListeners = function _setListeners() {
-      var _this5 = this;
-      var triggers = this.config.trigger.split(' ');
-      triggers.forEach(function (trigger) {
-        if (trigger === 'click') {
-          EventHandler.on(_this5.element, _this5.constructor.Event.CLICK, _this5.config.selector, function (event) {
-            return _this5.toggle(event);
-          });
-        } else if (trigger !== TRIGGER_MANUAL) {
-          var eventIn = trigger === TRIGGER_HOVER ? _this5.constructor.Event.MOUSEENTER : _this5.constructor.Event.FOCUSIN;
-          var eventOut = trigger === TRIGGER_HOVER ? _this5.constructor.Event.MOUSELEAVE : _this5.constructor.Event.FOCUSOUT;
-          EventHandler.on(_this5.element, eventIn, _this5.config.selector, function (event) {
-            return _this5._enter(event);
-          });
-          EventHandler.on(_this5.element, eventOut, _this5.config.selector, function (event) {
-            return _this5._leave(event);
-          });
-        }
-      });
-      this._hideModalHandler = function () {
-        if (_this5.element) {
-          _this5.hide();
-        }
-      };
-      EventHandler.on(this.element.closest("." + CLASS_NAME_MODAL), 'hide.bs.modal', this._hideModalHandler);
-      if (this.config.selector) {
-        this.config = _extends$1({}, this.config, {
-          trigger: 'manual',
-          selector: ''
-        });
-      } else {
-        this._fixTitle();
-      }
-    };
-    _proto._fixTitle = function _fixTitle() {
-      var titleType = typeof this.element.getAttribute('data-original-title');
-      if (this.element.getAttribute('title') || titleType !== 'string') {
-        this.element.setAttribute('data-original-title', this.element.getAttribute('title') || '');
-        this.element.setAttribute('title', '');
-      }
-    };
-    _proto._enter = function _enter(event, context) {
-      var dataKey = this.constructor.DATA_KEY;
-      context = context || Data.getData(event.delegateTarget, dataKey);
-      if (!context) {
-        context = new this.constructor(event.delegateTarget, this._getDelegateConfig());
-        Data.setData(event.delegateTarget, dataKey, context);
-      }
-      if (event) {
-        context._activeTrigger[event.type === 'focusin' ? TRIGGER_FOCUS : TRIGGER_HOVER] = true;
-      }
-      if (context.getTipElement().classList.contains(CLASS_NAME_SHOW$3) || context._hoverState === HOVER_STATE_SHOW) {
-        context._hoverState = HOVER_STATE_SHOW;
-        return;
-      }
-      clearTimeout(context._timeout);
-      context._hoverState = HOVER_STATE_SHOW;
-      if (!context.config.delay || !context.config.delay.show) {
-        context.show();
-        return;
-      }
-      context._timeout = setTimeout(function () {
-        if (context._hoverState === HOVER_STATE_SHOW) {
-          context.show();
-        }
-      }, context.config.delay.show);
-    };
-    _proto._leave = function _leave(event, context) {
-      var dataKey = this.constructor.DATA_KEY;
-      context = context || Data.getData(event.delegateTarget, dataKey);
-      if (!context) {
-        context = new this.constructor(event.delegateTarget, this._getDelegateConfig());
-        Data.setData(event.delegateTarget, dataKey, context);
-      }
-      if (event) {
-        context._activeTrigger[event.type === 'focusout' ? TRIGGER_FOCUS : TRIGGER_HOVER] = false;
-      }
-      if (context._isWithActiveTrigger()) {
-        return;
-      }
-      clearTimeout(context._timeout);
-      context._hoverState = HOVER_STATE_OUT;
-      if (!context.config.delay || !context.config.delay.hide) {
-        context.hide();
-        return;
-      }
-      context._timeout = setTimeout(function () {
-        if (context._hoverState === HOVER_STATE_OUT) {
-          context.hide();
-        }
-      }, context.config.delay.hide);
-    };
-    _proto._isWithActiveTrigger = function _isWithActiveTrigger() {
-      for (var trigger in this._activeTrigger) {
-        if (this._activeTrigger[trigger]) {
-          return true;
-        }
-      }
-      return false;
-    };
-    _proto._getConfig = function _getConfig(config) {
-      var dataAttributes = Manipulator.getDataAttributes(this.element);
-      Object.keys(dataAttributes).forEach(function (dataAttr) {
-        if (DISALLOWED_ATTRIBUTES.indexOf(dataAttr) !== -1) {
-          delete dataAttributes[dataAttr];
-        }
-      });
-      if (config && typeof config.container === 'object' && config.container.jquery) {
-        config.container = config.container[0];
-      }
-      config = _extends$1({}, this.constructor.Default, dataAttributes, typeof config === 'object' && config ? config : {});
-      if (typeof config.delay === 'number') {
-        config.delay = {
-          show: config.delay,
-          hide: config.delay
-        };
-      }
-      if (typeof config.title === 'number') {
-        config.title = config.title.toString();
-      }
-      if (typeof config.content === 'number') {
-        config.content = config.content.toString();
-      }
-      typeCheckConfig(NAME$6, config, this.constructor.DefaultType);
-      if (config.sanitize) {
-        config.template = sanitizeHtml(config.template, config.allowList, config.sanitizeFn);
-      }
-      return config;
-    };
-    _proto._getDelegateConfig = function _getDelegateConfig() {
-      var config = {};
-      if (this.config) {
-        for (var key in this.config) {
-          if (this.constructor.Default[key] !== this.config[key]) {
-            config[key] = this.config[key];
-          }
-        }
-      }
-      return config;
-    };
-    _proto._cleanTipClass = function _cleanTipClass() {
-      var tip = this.getTipElement();
-      var tabClass = tip.getAttribute('class').match(BSCLS_PREFIX_REGEX);
-      if (tabClass !== null && tabClass.length > 0) {
-        tabClass.map(function (token) {
-          return token.trim();
-        }).forEach(function (tClass) {
-          return tip.classList.remove(tClass);
-        });
-      }
-    };
-    _proto._handlePopperPlacementChange = function _handlePopperPlacementChange(popperData) {
-      this.tip = popperData.instance.popper;
-      this._cleanTipClass();
-      this._addAttachmentClass(this._getAttachment(popperData.placement));
-    };
-    _proto._fixTransition = function _fixTransition() {
-      var tip = this.getTipElement();
-      var initConfigAnimation = this.config.animation;
-      if (tip.getAttribute('x-placement') !== null) {
-        return;
-      }
-      tip.classList.remove(CLASS_NAME_FADE$1);
-      this.config.animation = false;
-      this.hide();
-      this.show();
-      this.config.animation = initConfigAnimation;
-    }
-    ;
-    Tooltip.jQueryInterface = function jQueryInterface(config) {
-      return this.each(function () {
-        var data = Data.getData(this, DATA_KEY$6);
-        var _config = typeof config === 'object' && config;
-        if (!data && /dispose|hide/.test(config)) {
-          return;
-        }
-        if (!data) {
-          data = new Tooltip(this, _config);
-        }
-        if (typeof config === 'string') {
-          if (typeof data[config] === 'undefined') {
-            throw new TypeError("No method named \"" + config + "\"");
-          }
-          data[config]();
-        }
-      });
-    };
-    Tooltip.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY$6);
-    };
-    _createClass(Tooltip, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION$6;
-      }
-    }, {
-      key: "Default",
-      get: function get() {
-        return Default$4;
-      }
-    }, {
-      key: "NAME",
-      get: function get() {
-        return NAME$6;
-      }
-    }, {
-      key: "DATA_KEY",
-      get: function get() {
-        return DATA_KEY$6;
-      }
-    }, {
-      key: "Event",
-      get: function get() {
-        return Event$1;
-      }
-    }, {
-      key: "EVENT_KEY",
-      get: function get() {
-        return EVENT_KEY$6;
-      }
-    }, {
-      key: "DefaultType",
-      get: function get() {
-        return DefaultType$4;
-      }
-    }]);
-    return Tooltip;
-  }();
-  var $$7 = getjQuery();
-  if ($$7) {
-    var JQUERY_NO_CONFLICT$6 = $$7.fn[NAME$6];
-    $$7.fn[NAME$6] = Tooltip.jQueryInterface;
-    $$7.fn[NAME$6].Constructor = Tooltip;
-    $$7.fn[NAME$6].noConflict = function () {
-      $$7.fn[NAME$6] = JQUERY_NO_CONFLICT$6;
-      return Tooltip.jQueryInterface;
-    };
-  }
-  var NAME$7 = 'popover';
-  var VERSION$7 = '5.0.0-alpha2';
-  var DATA_KEY$7 = 'bs.popover';
-  var EVENT_KEY$7 = "." + DATA_KEY$7;
-  var CLASS_PREFIX$1 = 'bs-popover';
-  var BSCLS_PREFIX_REGEX$1 = new RegExp("(^|\\s)" + CLASS_PREFIX$1 + "\\S+", 'g');
-  var Default$5 = _extends$1({}, Tooltip.Default, {
-    placement: 'right',
-    trigger: 'click',
-    content: '',
-    template: '<div class="popover" role="tooltip">' + '<div class="popover-arrow"></div>' + '<h3 class="popover-header"></h3>' + '<div class="popover-body"></div></div>'
-  });
-  var DefaultType$5 = _extends$1({}, Tooltip.DefaultType, {
-    content: '(string|element|function)'
-  });
-  var Event$2 = {
-    HIDE: "hide" + EVENT_KEY$7,
-    HIDDEN: "hidden" + EVENT_KEY$7,
-    SHOW: "show" + EVENT_KEY$7,
-    SHOWN: "shown" + EVENT_KEY$7,
-    INSERTED: "inserted" + EVENT_KEY$7,
-    CLICK: "click" + EVENT_KEY$7,
-    FOCUSIN: "focusin" + EVENT_KEY$7,
-    FOCUSOUT: "focusout" + EVENT_KEY$7,
-    MOUSEENTER: "mouseenter" + EVENT_KEY$7,
-    MOUSELEAVE: "mouseleave" + EVENT_KEY$7
-  };
-  var CLASS_NAME_FADE$2 = 'fade';
-  var CLASS_NAME_SHOW$4 = 'show';
-  var SELECTOR_TITLE = '.popover-header';
-  var SELECTOR_CONTENT = '.popover-body';
-  var Popover = function (_Tooltip) {
-    _inheritsLoose(Popover, _Tooltip);
-    function Popover() {
-      return _Tooltip.apply(this, arguments) || this;
-    }
-    var _proto = Popover.prototype;
-    _proto.isWithContent = function isWithContent() {
-      return this.getTitle() || this._getContent();
-    };
-    _proto.setContent = function setContent() {
-      var tip = this.getTipElement();
-      this.setElementContent(SelectorEngine.findOne(SELECTOR_TITLE, tip), this.getTitle());
-      var content = this._getContent();
-      if (typeof content === 'function') {
-        content = content.call(this.element);
-      }
-      this.setElementContent(SelectorEngine.findOne(SELECTOR_CONTENT, tip), content);
-      tip.classList.remove(CLASS_NAME_FADE$2, CLASS_NAME_SHOW$4);
-    }
-    ;
-    _proto._addAttachmentClass = function _addAttachmentClass(attachment) {
-      this.getTipElement().classList.add(CLASS_PREFIX$1 + "-" + attachment);
-    };
-    _proto._getContent = function _getContent() {
-      return this.element.getAttribute('data-content') || this.config.content;
-    };
-    _proto._cleanTipClass = function _cleanTipClass() {
-      var tip = this.getTipElement();
-      var tabClass = tip.getAttribute('class').match(BSCLS_PREFIX_REGEX$1);
-      if (tabClass !== null && tabClass.length > 0) {
-        tabClass.map(function (token) {
-          return token.trim();
-        }).forEach(function (tClass) {
-          return tip.classList.remove(tClass);
-        });
-      }
-    }
-    ;
-    Popover.jQueryInterface = function jQueryInterface(config) {
-      return this.each(function () {
-        var data = Data.getData(this, DATA_KEY$7);
-        var _config = typeof config === 'object' ? config : null;
-        if (!data && /dispose|hide/.test(config)) {
-          return;
-        }
-        if (!data) {
-          data = new Popover(this, _config);
-          Data.setData(this, DATA_KEY$7, data);
-        }
-        if (typeof config === 'string') {
-          if (typeof data[config] === 'undefined') {
-            throw new TypeError("No method named \"" + config + "\"");
-          }
-          data[config]();
-        }
-      });
-    };
-    Popover.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY$7);
-    };
-    _createClass(Popover, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION$7;
-      }
-    }, {
-      key: "Default",
-      get: function get() {
-        return Default$5;
-      }
-    }, {
-      key: "NAME",
-      get: function get() {
-        return NAME$7;
-      }
-    }, {
-      key: "DATA_KEY",
-      get: function get() {
-        return DATA_KEY$7;
-      }
-    }, {
-      key: "Event",
-      get: function get() {
-        return Event$2;
-      }
-    }, {
-      key: "EVENT_KEY",
-      get: function get() {
-        return EVENT_KEY$7;
-      }
-    }, {
-      key: "DefaultType",
-      get: function get() {
-        return DefaultType$5;
-      }
-    }]);
-    return Popover;
-  }(Tooltip);
-  var $$8 = getjQuery();
-  if ($$8) {
-    var JQUERY_NO_CONFLICT$7 = $$8.fn[NAME$7];
-    $$8.fn[NAME$7] = Popover.jQueryInterface;
-    $$8.fn[NAME$7].Constructor = Popover;
-    $$8.fn[NAME$7].noConflict = function () {
-      $$8.fn[NAME$7] = JQUERY_NO_CONFLICT$7;
-      return Popover.jQueryInterface;
-    };
-  }
-  var NAME$8 = 'scrollspy';
-  var VERSION$8 = '5.0.0-alpha2';
-  var DATA_KEY$8 = 'bs.scrollspy';
-  var EVENT_KEY$8 = "." + DATA_KEY$8;
-  var DATA_API_KEY$6 = '.data-api';
-  var Default$6 = {
-    offset: 10,
-    method: 'auto',
-    target: ''
-  };
-  var DefaultType$6 = {
-    offset: 'number',
-    method: 'string',
-    target: '(string|element)'
-  };
-  var EVENT_ACTIVATE = "activate" + EVENT_KEY$8;
-  var EVENT_SCROLL = "scroll" + EVENT_KEY$8;
-  var EVENT_LOAD_DATA_API$1 = "load" + EVENT_KEY$8 + DATA_API_KEY$6;
-  var CLASS_NAME_DROPDOWN_ITEM = 'dropdown-item';
-  var CLASS_NAME_ACTIVE$2 = 'active';
-  var SELECTOR_DATA_SPY = '[data-spy="scroll"]';
-  var SELECTOR_NAV_LIST_GROUP = '.nav, .list-group';
-  var SELECTOR_NAV_LINKS = '.nav-link';
-  var SELECTOR_NAV_ITEMS = '.nav-item';
-  var SELECTOR_LIST_ITEMS = '.list-group-item';
-  var SELECTOR_DROPDOWN = '.dropdown';
-  var SELECTOR_DROPDOWN_TOGGLE = '.dropdown-toggle';
-  var METHOD_OFFSET = 'offset';
-  var METHOD_POSITION = 'position';
-  var ScrollSpy = function () {
-    function ScrollSpy(element, config) {
-      var _this = this;
-      this._element = element;
-      this._scrollElement = element.tagName === 'BODY' ? window : element;
-      this._config = this._getConfig(config);
-      this._selector = this._config.target + " " + SELECTOR_NAV_LINKS + ", " + this._config.target + " " + SELECTOR_LIST_ITEMS + ", " + this._config.target + " ." + CLASS_NAME_DROPDOWN_ITEM;
-      this._offsets = [];
-      this._targets = [];
-      this._activeTarget = null;
-      this._scrollHeight = 0;
-      EventHandler.on(this._scrollElement, EVENT_SCROLL, function (event) {
-        return _this._process(event);
-      });
-      this.refresh();
-      this._process();
-      Data.setData(element, DATA_KEY$8, this);
-    }
-    var _proto = ScrollSpy.prototype;
-    _proto.refresh = function refresh() {
-      var _this2 = this;
-      var autoMethod = this._scrollElement === this._scrollElement.window ? METHOD_OFFSET : METHOD_POSITION;
-      var offsetMethod = this._config.method === 'auto' ? autoMethod : this._config.method;
-      var offsetBase = offsetMethod === METHOD_POSITION ? this._getScrollTop() : 0;
-      this._offsets = [];
-      this._targets = [];
-      this._scrollHeight = this._getScrollHeight();
-      var targets = SelectorEngine.find(this._selector);
-      targets.map(function (element) {
-        var targetSelector = getSelectorFromElement(element);
-        var target = targetSelector ? SelectorEngine.findOne(targetSelector) : null;
-        if (target) {
-          var targetBCR = target.getBoundingClientRect();
-          if (targetBCR.width || targetBCR.height) {
-            return [Manipulator[offsetMethod](target).top + offsetBase, targetSelector];
-          }
-        }
-        return null;
-      }).filter(function (item) {
-        return item;
-      }).sort(function (a, b) {
-        return a[0] - b[0];
-      }).forEach(function (item) {
-        _this2._offsets.push(item[0]);
-        _this2._targets.push(item[1]);
-      });
-    };
-    _proto.dispose = function dispose() {
-      Data.removeData(this._element, DATA_KEY$8);
-      EventHandler.off(this._scrollElement, EVENT_KEY$8);
-      this._element = null;
-      this._scrollElement = null;
-      this._config = null;
-      this._selector = null;
-      this._offsets = null;
-      this._targets = null;
-      this._activeTarget = null;
-      this._scrollHeight = null;
-    }
-    ;
-    _proto._getConfig = function _getConfig(config) {
-      config = _extends$1({}, Default$6, typeof config === 'object' && config ? config : {});
-      if (typeof config.target !== 'string' && isElement(config.target)) {
-        var id = config.target.id;
-        if (!id) {
-          id = getUID(NAME$8);
-          config.target.id = id;
-        }
-        config.target = "#" + id;
-      }
-      typeCheckConfig(NAME$8, config, DefaultType$6);
-      return config;
-    };
-    _proto._getScrollTop = function _getScrollTop() {
-      return this._scrollElement === window ? this._scrollElement.pageYOffset : this._scrollElement.scrollTop;
-    };
-    _proto._getScrollHeight = function _getScrollHeight() {
-      return this._scrollElement.scrollHeight || Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
-    };
-    _proto._getOffsetHeight = function _getOffsetHeight() {
-      return this._scrollElement === window ? window.innerHeight : this._scrollElement.getBoundingClientRect().height;
-    };
-    _proto._process = function _process() {
-      var scrollTop = this._getScrollTop() + this._config.offset;
-      var scrollHeight = this._getScrollHeight();
-      var maxScroll = this._config.offset + scrollHeight - this._getOffsetHeight();
-      if (this._scrollHeight !== scrollHeight) {
-        this.refresh();
-      }
-      if (scrollTop >= maxScroll) {
-        var target = this._targets[this._targets.length - 1];
-        if (this._activeTarget !== target) {
-          this._activate(target);
-        }
-        return;
-      }
-      if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {
-        this._activeTarget = null;
-        this._clear();
-        return;
-      }
-      for (var i = this._offsets.length; i--;) {
-        var isActiveTarget = this._activeTarget !== this._targets[i] && scrollTop >= this._offsets[i] && (typeof this._offsets[i + 1] === 'undefined' || scrollTop < this._offsets[i + 1]);
-        if (isActiveTarget) {
-          this._activate(this._targets[i]);
-        }
-      }
-    };
-    _proto._activate = function _activate(target) {
-      this._activeTarget = target;
-      this._clear();
-      var queries = this._selector.split(',').map(function (selector) {
-        return selector + "[data-target=\"" + target + "\"]," + selector + "[href=\"" + target + "\"]";
-      });
-      var link = SelectorEngine.findOne(queries.join(','));
-      if (link.classList.contains(CLASS_NAME_DROPDOWN_ITEM)) {
-        SelectorEngine.findOne(SELECTOR_DROPDOWN_TOGGLE, link.closest(SELECTOR_DROPDOWN)).classList.add(CLASS_NAME_ACTIVE$2);
-        link.classList.add(CLASS_NAME_ACTIVE$2);
-      } else {
-        link.classList.add(CLASS_NAME_ACTIVE$2);
-        SelectorEngine.parents(link, SELECTOR_NAV_LIST_GROUP).forEach(function (listGroup) {
-          SelectorEngine.prev(listGroup, SELECTOR_NAV_LINKS + ", " + SELECTOR_LIST_ITEMS).forEach(function (item) {
-            return item.classList.add(CLASS_NAME_ACTIVE$2);
-          });
-          SelectorEngine.prev(listGroup, SELECTOR_NAV_ITEMS).forEach(function (navItem) {
-            SelectorEngine.children(navItem, SELECTOR_NAV_LINKS).forEach(function (item) {
-              return item.classList.add(CLASS_NAME_ACTIVE$2);
-            });
-          });
-        });
-      }
-      EventHandler.trigger(this._scrollElement, EVENT_ACTIVATE, {
-        relatedTarget: target
-      });
-    };
-    _proto._clear = function _clear() {
-      SelectorEngine.find(this._selector).filter(function (node) {
-        return node.classList.contains(CLASS_NAME_ACTIVE$2);
-      }).forEach(function (node) {
-        return node.classList.remove(CLASS_NAME_ACTIVE$2);
-      });
-    }
-    ;
-    ScrollSpy.jQueryInterface = function jQueryInterface(config) {
-      return this.each(function () {
-        var data = Data.getData(this, DATA_KEY$8);
-        var _config = typeof config === 'object' && config;
-        if (!data) {
-          data = new ScrollSpy(this, _config);
-        }
-        if (typeof config === 'string') {
-          if (typeof data[config] === 'undefined') {
-            throw new TypeError("No method named \"" + config + "\"");
-          }
-          data[config]();
-        }
-      });
-    };
-    ScrollSpy.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY$8);
-    };
-    _createClass(ScrollSpy, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION$8;
-      }
-    }, {
-      key: "Default",
-      get: function get() {
-        return Default$6;
-      }
-    }]);
-    return ScrollSpy;
-  }();
-  EventHandler.on(window, EVENT_LOAD_DATA_API$1, function () {
-    SelectorEngine.find(SELECTOR_DATA_SPY).forEach(function (spy) {
-      return new ScrollSpy(spy, Manipulator.getDataAttributes(spy));
-    });
-  });
-  var $$9 = getjQuery();
-  if ($$9) {
-    var JQUERY_NO_CONFLICT$8 = $$9.fn[NAME$8];
-    $$9.fn[NAME$8] = ScrollSpy.jQueryInterface;
-    $$9.fn[NAME$8].Constructor = ScrollSpy;
-    $$9.fn[NAME$8].noConflict = function () {
-      $$9.fn[NAME$8] = JQUERY_NO_CONFLICT$8;
-      return ScrollSpy.jQueryInterface;
-    };
-  }
-  var NAME$9 = 'tab';
-  var VERSION$9 = '5.0.0-alpha2';
-  var DATA_KEY$9 = 'bs.tab';
-  var EVENT_KEY$9 = "." + DATA_KEY$9;
-  var DATA_API_KEY$7 = '.data-api';
-  var EVENT_HIDE$3 = "hide" + EVENT_KEY$9;
-  var EVENT_HIDDEN$3 = "hidden" + EVENT_KEY$9;
-  var EVENT_SHOW$3 = "show" + EVENT_KEY$9;
-  var EVENT_SHOWN$3 = "shown" + EVENT_KEY$9;
-  var EVENT_CLICK_DATA_API$6 = "click" + EVENT_KEY$9 + DATA_API_KEY$7;
-  var CLASS_NAME_DROPDOWN_MENU = 'dropdown-menu';
-  var CLASS_NAME_ACTIVE$3 = 'active';
-  var CLASS_NAME_DISABLED$1 = 'disabled';
-  var CLASS_NAME_FADE$3 = 'fade';
-  var CLASS_NAME_SHOW$5 = 'show';
-  var SELECTOR_DROPDOWN$1 = '.dropdown';
-  var SELECTOR_NAV_LIST_GROUP$1 = '.nav, .list-group';
-  var SELECTOR_ACTIVE$1 = '.active';
-  var SELECTOR_ACTIVE_UL = ':scope > li > .active';
-  var SELECTOR_DATA_TOGGLE$4 = '[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]';
-  var SELECTOR_DROPDOWN_TOGGLE$1 = '.dropdown-toggle';
-  var SELECTOR_DROPDOWN_ACTIVE_CHILD = ':scope > .dropdown-menu .active';
-  var Tab = function () {
-    function Tab(element) {
-      this._element = element;
-      Data.setData(this._element, DATA_KEY$9, this);
-    }
-    var _proto = Tab.prototype;
-    _proto.show = function show() {
-      var _this = this;
-      if (this._element.parentNode && this._element.parentNode.nodeType === Node.ELEMENT_NODE && this._element.classList.contains(CLASS_NAME_ACTIVE$3) || this._element.classList.contains(CLASS_NAME_DISABLED$1)) {
-        return;
-      }
-      var previous;
-      var target = getElementFromSelector(this._element);
-      var listElement = this._element.closest(SELECTOR_NAV_LIST_GROUP$1);
-      if (listElement) {
-        var itemSelector = listElement.nodeName === 'UL' || listElement.nodeName === 'OL' ? SELECTOR_ACTIVE_UL : SELECTOR_ACTIVE$1;
-        previous = SelectorEngine.find(itemSelector, listElement);
-        previous = previous[previous.length - 1];
-      }
-      var hideEvent = null;
-      if (previous) {
-        hideEvent = EventHandler.trigger(previous, EVENT_HIDE$3, {
-          relatedTarget: this._element
-        });
-      }
-      var showEvent = EventHandler.trigger(this._element, EVENT_SHOW$3, {
-        relatedTarget: previous
-      });
-      if (showEvent.defaultPrevented || hideEvent !== null && hideEvent.defaultPrevented) {
-        return;
-      }
-      this._activate(this._element, listElement);
-      var complete = function complete() {
-        EventHandler.trigger(previous, EVENT_HIDDEN$3, {
-          relatedTarget: _this._element
-        });
-        EventHandler.trigger(_this._element, EVENT_SHOWN$3, {
-          relatedTarget: previous
-        });
-      };
-      if (target) {
-        this._activate(target, target.parentNode, complete);
-      } else {
-        complete();
-      }
-    };
-    _proto.dispose = function dispose() {
-      Data.removeData(this._element, DATA_KEY$9);
-      this._element = null;
-    }
-    ;
-    _proto._activate = function _activate(element, container, callback) {
-      var _this2 = this;
-      var activeElements = container && (container.nodeName === 'UL' || container.nodeName === 'OL') ? SelectorEngine.find(SELECTOR_ACTIVE_UL, container) : SelectorEngine.children(container, SELECTOR_ACTIVE$1);
-      var active = activeElements[0];
-      var isTransitioning = callback && active && active.classList.contains(CLASS_NAME_FADE$3);
-      var complete = function complete() {
-        return _this2._transitionComplete(element, active, callback);
-      };
-      if (active && isTransitioning) {
-        var transitionDuration = getTransitionDurationFromElement(active);
-        active.classList.remove(CLASS_NAME_SHOW$5);
-        EventHandler.one(active, TRANSITION_END, complete);
-        emulateTransitionEnd(active, transitionDuration);
-      } else {
-        complete();
-      }
-    };
-    _proto._transitionComplete = function _transitionComplete(element, active, callback) {
-      if (active) {
-        active.classList.remove(CLASS_NAME_ACTIVE$3);
-        var dropdownChild = SelectorEngine.findOne(SELECTOR_DROPDOWN_ACTIVE_CHILD, active.parentNode);
-        if (dropdownChild) {
-          dropdownChild.classList.remove(CLASS_NAME_ACTIVE$3);
-        }
-        if (active.getAttribute('role') === 'tab') {
-          active.setAttribute('aria-selected', false);
-        }
-      }
-      element.classList.add(CLASS_NAME_ACTIVE$3);
-      if (element.getAttribute('role') === 'tab') {
-        element.setAttribute('aria-selected', true);
-      }
-      reflow(element);
-      if (element.classList.contains(CLASS_NAME_FADE$3)) {
-        element.classList.add(CLASS_NAME_SHOW$5);
-      }
-      if (element.parentNode && element.parentNode.classList.contains(CLASS_NAME_DROPDOWN_MENU)) {
-        var dropdownElement = element.closest(SELECTOR_DROPDOWN$1);
-        if (dropdownElement) {
-          SelectorEngine.find(SELECTOR_DROPDOWN_TOGGLE$1).forEach(function (dropdown) {
-            return dropdown.classList.add(CLASS_NAME_ACTIVE$3);
-          });
-        }
-        element.setAttribute('aria-expanded', true);
-      }
-      if (callback) {
-        callback();
-      }
-    }
-    ;
-    Tab.jQueryInterface = function jQueryInterface(config) {
-      return this.each(function () {
-        var data = Data.getData(this, DATA_KEY$9) || new Tab(this);
-        if (typeof config === 'string') {
-          if (typeof data[config] === 'undefined') {
-            throw new TypeError("No method named \"" + config + "\"");
-          }
-          data[config]();
-        }
-      });
-    };
-    Tab.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY$9);
-    };
-    _createClass(Tab, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION$9;
-      }
-    }]);
-    return Tab;
-  }();
-  EventHandler.on(document, EVENT_CLICK_DATA_API$6, SELECTOR_DATA_TOGGLE$4, function (event) {
-    event.preventDefault();
-    var data = Data.getData(this, DATA_KEY$9) || new Tab(this);
-    data.show();
-  });
-  var $$a = getjQuery();
-  if ($$a) {
-    var JQUERY_NO_CONFLICT$9 = $$a.fn[NAME$9];
-    $$a.fn[NAME$9] = Tab.jQueryInterface;
-    $$a.fn[NAME$9].Constructor = Tab;
-    $$a.fn[NAME$9].noConflict = function () {
-      $$a.fn[NAME$9] = JQUERY_NO_CONFLICT$9;
-      return Tab.jQueryInterface;
-    };
-  }
-  var NAME$a = 'toast';
-  var VERSION$a = '5.0.0-alpha2';
-  var DATA_KEY$a = 'bs.toast';
-  var EVENT_KEY$a = "." + DATA_KEY$a;
-  var EVENT_CLICK_DISMISS$1 = "click.dismiss" + EVENT_KEY$a;
-  var EVENT_HIDE$4 = "hide" + EVENT_KEY$a;
-  var EVENT_HIDDEN$4 = "hidden" + EVENT_KEY$a;
-  var EVENT_SHOW$4 = "show" + EVENT_KEY$a;
-  var EVENT_SHOWN$4 = "shown" + EVENT_KEY$a;
-  var CLASS_NAME_FADE$4 = 'fade';
-  var CLASS_NAME_HIDE = 'hide';
-  var CLASS_NAME_SHOW$6 = 'show';
-  var CLASS_NAME_SHOWING = 'showing';
-  var DefaultType$7 = {
-    animation: 'boolean',
-    autohide: 'boolean',
-    delay: 'number'
-  };
-  var Default$7 = {
-    animation: true,
-    autohide: true,
-    delay: 5000
-  };
-  var SELECTOR_DATA_DISMISS$1 = '[data-dismiss="toast"]';
-  var Toast = function () {
-    function Toast(element, config) {
-      this._element = element;
-      this._config = this._getConfig(config);
-      this._timeout = null;
-      this._setListeners();
-      Data.setData(element, DATA_KEY$a, this);
-    }
-    var _proto = Toast.prototype;
-    _proto.show = function show() {
-      var _this = this;
-      var showEvent = EventHandler.trigger(this._element, EVENT_SHOW$4);
-      if (showEvent.defaultPrevented) {
-        return;
-      }
-      this._clearTimeout();
-      if (this._config.animation) {
-        this._element.classList.add(CLASS_NAME_FADE$4);
-      }
-      var complete = function complete() {
-        _this._element.classList.remove(CLASS_NAME_SHOWING);
-        _this._element.classList.add(CLASS_NAME_SHOW$6);
-        EventHandler.trigger(_this._element, EVENT_SHOWN$4);
-        if (_this._config.autohide) {
-          _this._timeout = setTimeout(function () {
-            _this.hide();
-          }, _this._config.delay);
-        }
-      };
-      this._element.classList.remove(CLASS_NAME_HIDE);
-      reflow(this._element);
-      this._element.classList.add(CLASS_NAME_SHOWING);
-      if (this._config.animation) {
-        var transitionDuration = getTransitionDurationFromElement(this._element);
-        EventHandler.one(this._element, TRANSITION_END, complete);
-        emulateTransitionEnd(this._element, transitionDuration);
-      } else {
-        complete();
-      }
-    };
-    _proto.hide = function hide() {
-      var _this2 = this;
-      if (!this._element.classList.contains(CLASS_NAME_SHOW$6)) {
-        return;
-      }
-      var hideEvent = EventHandler.trigger(this._element, EVENT_HIDE$4);
-      if (hideEvent.defaultPrevented) {
-        return;
-      }
-      var complete = function complete() {
-        _this2._element.classList.add(CLASS_NAME_HIDE);
-        EventHandler.trigger(_this2._element, EVENT_HIDDEN$4);
-      };
-      this._element.classList.remove(CLASS_NAME_SHOW$6);
-      if (this._config.animation) {
-        var transitionDuration = getTransitionDurationFromElement(this._element);
-        EventHandler.one(this._element, TRANSITION_END, complete);
-        emulateTransitionEnd(this._element, transitionDuration);
-      } else {
-        complete();
-      }
-    };
-    _proto.dispose = function dispose() {
-      this._clearTimeout();
-      if (this._element.classList.contains(CLASS_NAME_SHOW$6)) {
-        this._element.classList.remove(CLASS_NAME_SHOW$6);
-      }
-      EventHandler.off(this._element, EVENT_CLICK_DISMISS$1);
-      Data.removeData(this._element, DATA_KEY$a);
-      this._element = null;
-      this._config = null;
-    }
-    ;
-    _proto._getConfig = function _getConfig(config) {
-      config = _extends$1({}, Default$7, Manipulator.getDataAttributes(this._element), typeof config === 'object' && config ? config : {});
-      typeCheckConfig(NAME$a, config, this.constructor.DefaultType);
-      return config;
-    };
-    _proto._setListeners = function _setListeners() {
-      var _this3 = this;
-      EventHandler.on(this._element, EVENT_CLICK_DISMISS$1, SELECTOR_DATA_DISMISS$1, function () {
-        return _this3.hide();
-      });
-    };
-    _proto._clearTimeout = function _clearTimeout() {
-      clearTimeout(this._timeout);
-      this._timeout = null;
-    }
-    ;
-    Toast.jQueryInterface = function jQueryInterface(config) {
-      return this.each(function () {
-        var data = Data.getData(this, DATA_KEY$a);
-        var _config = typeof config === 'object' && config;
-        if (!data) {
-          data = new Toast(this, _config);
-        }
-        if (typeof config === 'string') {
-          if (typeof data[config] === 'undefined') {
-            throw new TypeError("No method named \"" + config + "\"");
-          }
-          data[config](this);
-        }
-      });
-    };
-    Toast.getInstance = function getInstance(element) {
-      return Data.getData(element, DATA_KEY$a);
-    };
-    _createClass(Toast, null, [{
-      key: "VERSION",
-      get: function get() {
-        return VERSION$a;
-      }
-    }, {
-      key: "DefaultType",
-      get: function get() {
-        return DefaultType$7;
-      }
-    }, {
-      key: "Default",
-      get: function get() {
-        return Default$7;
-      }
-    }]);
-    return Toast;
-  }();
-  var $$b = getjQuery();
-  if ($$b) {
-    var JQUERY_NO_CONFLICT$a = $$b.fn[NAME$a];
-    $$b.fn[NAME$a] = Toast.jQueryInterface;
-    $$b.fn[NAME$a].Constructor = Toast;
-    $$b.fn[NAME$a].noConflict = function () {
-      $$b.fn[NAME$a] = JQUERY_NO_CONFLICT$a;
-      return Toast.jQueryInterface;
-    };
-  }
+	function createCommonjsModule(fn, basedir, module) {
+		return module = {
+			path: basedir,
+			exports: {},
+			require: function (path, base) {
+				return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
+			}
+		}, fn(module, module.exports), module.exports;
+	}
 
-  var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="tooltip"]'));
-  tooltipTriggerList.map(function (tooltipTriggerEl) {
-    var options = {
-      delay: {
-        show: 50,
-        hide: 50
-      },
-      html: true,
-      placement: 'auto'
-    };
-    return new bootstrap.Tooltip(tooltipTriggerEl, options);
-  });
-  var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="popover"]'));
-  popoverTriggerList.map(function (popoverTriggerEl) {
-    var options = {
-      delay: {
-        show: 50,
-        hide: 50
-      },
-      html: true,
-      placement: 'auto'
-    };
-    return new bootstrap.Popover(popoverTriggerEl, options);
-  });
+	function commonjsRequire () {
+		throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+	}
+
+	var autosize = createCommonjsModule(function (module, exports) {
+	/*!
+		autosize 4.0.2
+		license: MIT
+		http://www.jacklmoore.com/autosize
+	*/
+	(function (global, factory) {
+		{
+			factory(module, exports);
+		}
+	})(commonjsGlobal, function (module, exports) {
+		var map = typeof Map === "function" ? new Map() : function () {
+			var keys = [];
+			var values = [];
+			return {
+				has: function has(key) {
+					return keys.indexOf(key) > -1;
+				},
+				get: function get(key) {
+					return values[keys.indexOf(key)];
+				},
+				set: function set(key, value) {
+					if (keys.indexOf(key) === -1) {
+						keys.push(key);
+						values.push(value);
+					}
+				},
+				delete: function _delete(key) {
+					var index = keys.indexOf(key);
+					if (index > -1) {
+						keys.splice(index, 1);
+						values.splice(index, 1);
+					}
+				}
+			};
+		}();
+		var createEvent = function createEvent(name) {
+			return new Event(name, { bubbles: true });
+		};
+		try {
+			new Event('test');
+		} catch (e) {
+			createEvent = function createEvent(name) {
+				var evt = document.createEvent('Event');
+				evt.initEvent(name, true, false);
+				return evt;
+			};
+		}
+		function assign(ta) {
+			if (!ta || !ta.nodeName || ta.nodeName !== 'TEXTAREA' || map.has(ta)) return;
+			var heightOffset = null;
+			var clientWidth = null;
+			var cachedHeight = null;
+			function init() {
+				var style = window.getComputedStyle(ta, null);
+				if (style.resize === 'vertical') {
+					ta.style.resize = 'none';
+				} else if (style.resize === 'both') {
+					ta.style.resize = 'horizontal';
+				}
+				if (style.boxSizing === 'content-box') {
+					heightOffset = -(parseFloat(style.paddingTop) + parseFloat(style.paddingBottom));
+				} else {
+					heightOffset = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
+				}
+				if (isNaN(heightOffset)) {
+					heightOffset = 0;
+				}
+				update();
+			}
+			function changeOverflow(value) {
+				{
+					var width = ta.style.width;
+					ta.style.width = '0px';
+					ta.offsetWidth;
+					ta.style.width = width;
+				}
+				ta.style.overflowY = value;
+			}
+			function getParentOverflows(el) {
+				var arr = [];
+				while (el && el.parentNode && el.parentNode instanceof Element) {
+					if (el.parentNode.scrollTop) {
+						arr.push({
+							node: el.parentNode,
+							scrollTop: el.parentNode.scrollTop
+						});
+					}
+					el = el.parentNode;
+				}
+				return arr;
+			}
+			function resize() {
+				if (ta.scrollHeight === 0) {
+					return;
+				}
+				var overflows = getParentOverflows(ta);
+				var docTop = document.documentElement && document.documentElement.scrollTop;
+				ta.style.height = '';
+				ta.style.height = ta.scrollHeight + heightOffset + 'px';
+				clientWidth = ta.clientWidth;
+				overflows.forEach(function (el) {
+					el.node.scrollTop = el.scrollTop;
+				});
+				if (docTop) {
+					document.documentElement.scrollTop = docTop;
+				}
+			}
+			function update() {
+				resize();
+				var styleHeight = Math.round(parseFloat(ta.style.height));
+				var computed = window.getComputedStyle(ta, null);
+				var actualHeight = computed.boxSizing === 'content-box' ? Math.round(parseFloat(computed.height)) : ta.offsetHeight;
+				if (actualHeight < styleHeight) {
+					if (computed.overflowY === 'hidden') {
+						changeOverflow('scroll');
+						resize();
+						actualHeight = computed.boxSizing === 'content-box' ? Math.round(parseFloat(window.getComputedStyle(ta, null).height)) : ta.offsetHeight;
+					}
+				} else {
+					if (computed.overflowY !== 'hidden') {
+						changeOverflow('hidden');
+						resize();
+						actualHeight = computed.boxSizing === 'content-box' ? Math.round(parseFloat(window.getComputedStyle(ta, null).height)) : ta.offsetHeight;
+					}
+				}
+				if (cachedHeight !== actualHeight) {
+					cachedHeight = actualHeight;
+					var evt = createEvent('autosize:resized');
+					try {
+						ta.dispatchEvent(evt);
+					} catch (err) {
+					}
+				}
+			}
+			var pageResize = function pageResize() {
+				if (ta.clientWidth !== clientWidth) {
+					update();
+				}
+			};
+			var destroy = function (style) {
+				window.removeEventListener('resize', pageResize, false);
+				ta.removeEventListener('input', update, false);
+				ta.removeEventListener('keyup', update, false);
+				ta.removeEventListener('autosize:destroy', destroy, false);
+				ta.removeEventListener('autosize:update', update, false);
+				Object.keys(style).forEach(function (key) {
+					ta.style[key] = style[key];
+				});
+				map.delete(ta);
+			}.bind(ta, {
+				height: ta.style.height,
+				resize: ta.style.resize,
+				overflowY: ta.style.overflowY,
+				overflowX: ta.style.overflowX,
+				wordWrap: ta.style.wordWrap
+			});
+			ta.addEventListener('autosize:destroy', destroy, false);
+			if ('onpropertychange' in ta && 'oninput' in ta) {
+				ta.addEventListener('keyup', update, false);
+			}
+			window.addEventListener('resize', pageResize, false);
+			ta.addEventListener('input', update, false);
+			ta.addEventListener('autosize:update', update, false);
+			ta.style.overflowX = 'hidden';
+			ta.style.wordWrap = 'break-word';
+			map.set(ta, {
+				destroy: destroy,
+				update: update
+			});
+			init();
+		}
+		function destroy(ta) {
+			var methods = map.get(ta);
+			if (methods) {
+				methods.destroy();
+			}
+		}
+		function update(ta) {
+			var methods = map.get(ta);
+			if (methods) {
+				methods.update();
+			}
+		}
+		var autosize = null;
+		if (typeof window === 'undefined' || typeof window.getComputedStyle !== 'function') {
+			autosize = function autosize(el) {
+				return el;
+			};
+			autosize.destroy = function (el) {
+				return el;
+			};
+			autosize.update = function (el) {
+				return el;
+			};
+		} else {
+			autosize = function autosize(el, options) {
+				if (el) {
+					Array.prototype.forEach.call(el.length ? el : [el], function (x) {
+						return assign(x);
+					});
+				}
+				return el;
+			};
+			autosize.destroy = function (el) {
+				if (el) {
+					Array.prototype.forEach.call(el.length ? el : [el], destroy);
+				}
+				return el;
+			};
+			autosize.update = function (el) {
+				if (el) {
+					Array.prototype.forEach.call(el.length ? el : [el], update);
+				}
+				return el;
+			};
+		}
+		exports.default = autosize;
+		module.exports = exports['default'];
+	});
+	});
+
+	var elements = document.querySelectorAll('[data-toggle="autosize"]');
+	if (elements.length) {
+	  elements.forEach(function (element) {
+	    autosize(element);
+	  });
+	}
+
+	function _typeof(obj) {
+	  "@babel/helpers - typeof";
+	  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 _classCallCheck(instance, Constructor) {
+	  if (!(instance instanceof Constructor)) {
+	    throw new TypeError("Cannot call a class as a function");
+	  }
+	}
+	function _defineProperties(target, props) {
+	  for (var i = 0; i < props.length; i++) {
+	    var descriptor = props[i];
+	    descriptor.enumerable = descriptor.enumerable || false;
+	    descriptor.configurable = true;
+	    if ("value" in descriptor) descriptor.writable = true;
+	    Object.defineProperty(target, descriptor.key, descriptor);
+	  }
+	}
+	function _createClass(Constructor, protoProps, staticProps) {
+	  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+	  if (staticProps) _defineProperties(Constructor, staticProps);
+	  return Constructor;
+	}
+	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 _inherits(subClass, superClass) {
+	  if (typeof superClass !== "function" && superClass !== null) {
+	    throw new TypeError("Super expression must either be null or a function");
+	  }
+	  subClass.prototype = Object.create(superClass && superClass.prototype, {
+	    constructor: {
+	      value: subClass,
+	      writable: true,
+	      configurable: true
+	    }
+	  });
+	  if (superClass) _setPrototypeOf(subClass, superClass);
+	}
+	function _getPrototypeOf(o) {
+	  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+	    return o.__proto__ || Object.getPrototypeOf(o);
+	  };
+	  return _getPrototypeOf(o);
+	}
+	function _setPrototypeOf(o, p) {
+	  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+	    o.__proto__ = p;
+	    return o;
+	  };
+	  return _setPrototypeOf(o, p);
+	}
+	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 _assertThisInitialized(self) {
+	  if (self === void 0) {
+	    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+	  }
+	  return self;
+	}
+	function _possibleConstructorReturn(self, call) {
+	  if (call && (typeof call === "object" || typeof call === "function")) {
+	    return call;
+	  }
+	  return _assertThisInitialized(self);
+	}
+	function _superPropBase(object, property) {
+	  while (!Object.prototype.hasOwnProperty.call(object, property)) {
+	    object = _getPrototypeOf(object);
+	    if (object === null) break;
+	  }
+	  return object;
+	}
+	function _get(target, property, receiver) {
+	  if (typeof Reflect !== "undefined" && Reflect.get) {
+	    _get = Reflect.get;
+	  } else {
+	    _get = function _get(target, property, receiver) {
+	      var base = _superPropBase(target, property);
+	      if (!base) return;
+	      var desc = Object.getOwnPropertyDescriptor(base, property);
+	      if (desc.get) {
+	        return desc.get.call(receiver);
+	      }
+	      return desc.value;
+	    };
+	  }
+	  return _get(target, property, receiver || target);
+	}
+	function set(target, property, value, receiver) {
+	  if (typeof Reflect !== "undefined" && Reflect.set) {
+	    set = Reflect.set;
+	  } else {
+	    set = function set(target, property, value, receiver) {
+	      var base = _superPropBase(target, property);
+	      var desc;
+	      if (base) {
+	        desc = Object.getOwnPropertyDescriptor(base, property);
+	        if (desc.set) {
+	          desc.set.call(receiver, value);
+	          return true;
+	        } else if (!desc.writable) {
+	          return false;
+	        }
+	      }
+	      desc = Object.getOwnPropertyDescriptor(receiver, property);
+	      if (desc) {
+	        if (!desc.writable) {
+	          return false;
+	        }
+	        desc.value = value;
+	        Object.defineProperty(receiver, property, desc);
+	      } else {
+	        _defineProperty(receiver, property, value);
+	      }
+	      return true;
+	    };
+	  }
+	  return set(target, property, value, receiver);
+	}
+	function _set(target, property, value, receiver, isStrict) {
+	  var s = set(target, property, value, receiver || target);
+	  if (!s && isStrict) {
+	    throw new Error('failed to set property');
+	  }
+	  return value;
+	}
+	function _slicedToArray(arr, i) {
+	  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+	}
+	function _arrayWithHoles(arr) {
+	  if (Array.isArray(arr)) return arr;
+	}
+	function _iterableToArrayLimit(arr, i) {
+	  if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) {
+	    return;
+	  }
+	  var _arr = [];
+	  var _n = true;
+	  var _d = false;
+	  var _e = undefined;
+	  try {
+	    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+	      _arr.push(_s.value);
+	      if (i && _arr.length === i) break;
+	    }
+	  } catch (err) {
+	    _d = true;
+	    _e = err;
+	  } finally {
+	    try {
+	      if (!_n && _i["return"] != null) _i["return"]();
+	    } finally {
+	      if (_d) throw _e;
+	    }
+	  }
+	  return _arr;
+	}
+	function _nonIterableRest() {
+	  throw new TypeError("Invalid attempt to destructure non-iterable instance");
+	}
+
+	function isString(str) {
+	  return typeof str === 'string' || str instanceof String;
+	}
+	var DIRECTION = {
+	  NONE: 'NONE',
+	  LEFT: 'LEFT',
+	  FORCE_LEFT: 'FORCE_LEFT',
+	  RIGHT: 'RIGHT',
+	  FORCE_RIGHT: 'FORCE_RIGHT'
+	};
+	function forceDirection(direction) {
+	  switch (direction) {
+	    case DIRECTION.LEFT:
+	      return DIRECTION.FORCE_LEFT;
+	    case DIRECTION.RIGHT:
+	      return DIRECTION.FORCE_RIGHT;
+	    default:
+	      return direction;
+	  }
+	}
+	function escapeRegExp(str) {
+	  return str.replace(/([.*+?^=!:${}()|[\]/\\])/g, '\\$1');
+	}
+	function objectIncludes(b, a) {
+	  if (a === b) return true;
+	  var arrA = Array.isArray(a),
+	      arrB = Array.isArray(b),
+	      i;
+	  if (arrA && arrB) {
+	    if (a.length != b.length) return false;
+	    for (i = 0; i < a.length; i++) {
+	      if (!objectIncludes(a[i], b[i])) return false;
+	    }
+	    return true;
+	  }
+	  if (arrA != arrB) return false;
+	  if (a && b && _typeof(a) === 'object' && _typeof(b) === 'object') {
+	    var dateA = a instanceof Date,
+	        dateB = b instanceof Date;
+	    if (dateA && dateB) return a.getTime() == b.getTime();
+	    if (dateA != dateB) return false;
+	    var regexpA = a instanceof RegExp,
+	        regexpB = b instanceof RegExp;
+	    if (regexpA && regexpB) return a.toString() == b.toString();
+	    if (regexpA != regexpB) return false;
+	    var keys = Object.keys(a);
+	    for (i = 0; i < keys.length; i++) {
+	      if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
+	    }
+	    for (i = 0; i < keys.length; i++) {
+	      if (!objectIncludes(b[keys[i]], a[keys[i]])) return false;
+	    }
+	    return true;
+	  } else if (a && b && typeof a === 'function' && typeof b === 'function') {
+	    return a.toString() === b.toString();
+	  }
+	  return false;
+	}
+
+	var ActionDetails =
+	function () {
+	  function ActionDetails(value, cursorPos, oldValue, oldSelection) {
+	    _classCallCheck(this, ActionDetails);
+	    this.value = value;
+	    this.cursorPos = cursorPos;
+	    this.oldValue = oldValue;
+	    this.oldSelection = oldSelection;
+	    while (this.value.slice(0, this.startChangePos) !== this.oldValue.slice(0, this.startChangePos)) {
+	      --this.oldSelection.start;
+	    }
+	  }
+	  _createClass(ActionDetails, [{
+	    key: "startChangePos",
+	    get: function get() {
+	      return Math.min(this.cursorPos, this.oldSelection.start);
+	    }
+	  }, {
+	    key: "insertedCount",
+	    get: function get() {
+	      return this.cursorPos - this.startChangePos;
+	    }
+	  }, {
+	    key: "inserted",
+	    get: function get() {
+	      return this.value.substr(this.startChangePos, this.insertedCount);
+	    }
+	  }, {
+	    key: "removedCount",
+	    get: function get() {
+	      return Math.max(this.oldSelection.end - this.startChangePos ||
+	      this.oldValue.length - this.value.length, 0);
+	    }
+	  }, {
+	    key: "removed",
+	    get: function get() {
+	      return this.oldValue.substr(this.startChangePos, this.removedCount);
+	    }
+	  }, {
+	    key: "head",
+	    get: function get() {
+	      return this.value.substring(0, this.startChangePos);
+	    }
+	  }, {
+	    key: "tail",
+	    get: function get() {
+	      return this.value.substring(this.startChangePos + this.insertedCount);
+	    }
+	  }, {
+	    key: "removeDirection",
+	    get: function get() {
+	      if (!this.removedCount || this.insertedCount) return DIRECTION.NONE;
+	      return this.oldSelection.end === this.cursorPos || this.oldSelection.start === this.cursorPos ? DIRECTION.RIGHT : DIRECTION.LEFT;
+	    }
+	  }]);
+	  return ActionDetails;
+	}();
+
+	var ChangeDetails =
+	function () {
+	  function ChangeDetails(details) {
+	    _classCallCheck(this, ChangeDetails);
+	    Object.assign(this, {
+	      inserted: '',
+	      rawInserted: '',
+	      skip: false,
+	      tailShift: 0
+	    }, details);
+	  }
+	  _createClass(ChangeDetails, [{
+	    key: "aggregate",
+	    value: function aggregate(details) {
+	      this.rawInserted += details.rawInserted;
+	      this.skip = this.skip || details.skip;
+	      this.inserted += details.inserted;
+	      this.tailShift += details.tailShift;
+	      return this;
+	    }
+	  }, {
+	    key: "offset",
+	    get: function get() {
+	      return this.tailShift + this.inserted.length;
+	    }
+	  }]);
+	  return ChangeDetails;
+	}();
+
+	var ContinuousTailDetails =
+	function () {
+	  function ContinuousTailDetails() {
+	    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+	    var from = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+	    var stop = arguments.length > 2 ? arguments[2] : undefined;
+	    _classCallCheck(this, ContinuousTailDetails);
+	    this.value = value;
+	    this.from = from;
+	    this.stop = stop;
+	  }
+	  _createClass(ContinuousTailDetails, [{
+	    key: "toString",
+	    value: function toString() {
+	      return this.value;
+	    }
+	  }, {
+	    key: "extend",
+	    value: function extend(tail) {
+	      this.value += String(tail);
+	    }
+	  }, {
+	    key: "appendTo",
+	    value: function appendTo(masked) {
+	      return masked.append(this.toString(), {
+	        tail: true
+	      }).aggregate(masked._appendPlaceholder());
+	    }
+	  }, {
+	    key: "shiftBefore",
+	    value: function shiftBefore(pos) {
+	      if (this.from >= pos || !this.value.length) return '';
+	      var shiftChar = this.value[0];
+	      this.value = this.value.slice(1);
+	      return shiftChar;
+	    }
+	  }, {
+	    key: "state",
+	    get: function get() {
+	      return {
+	        value: this.value,
+	        from: this.from,
+	        stop: this.stop
+	      };
+	    },
+	    set: function set(state) {
+	      Object.assign(this, state);
+	    }
+	  }]);
+	  return ContinuousTailDetails;
+	}();
+
+	function IMask(el) {
+	  var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	  return new IMask.InputMask(el, opts);
+	}
+
+	var Masked =
+	function () {
+	  function Masked(opts) {
+	    _classCallCheck(this, Masked);
+	    this._value = '';
+	    this._update(Object.assign({}, Masked.DEFAULTS, {}, opts));
+	    this.isInitialized = true;
+	  }
+	  _createClass(Masked, [{
+	    key: "updateOptions",
+	    value: function updateOptions(opts) {
+	      if (!Object.keys(opts).length) return;
+	      this.withValueRefresh(this._update.bind(this, opts));
+	    }
+	  }, {
+	    key: "_update",
+	    value: function _update(opts) {
+	      Object.assign(this, opts);
+	    }
+	  }, {
+	    key: "reset",
+	    value: function reset() {
+	      this._value = '';
+	    }
+	  }, {
+	    key: "resolve",
+	    value: function resolve(value) {
+	      this.reset();
+	      this.append(value, {
+	        input: true
+	      }, '');
+	      this.doCommit();
+	      return this.value;
+	    }
+	  }, {
+	    key: "nearestInputPos",
+	    value: function nearestInputPos(cursorPos, direction) {
+	      return cursorPos;
+	    }
+	  }, {
+	    key: "extractInput",
+	    value: function extractInput() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      return this.value.slice(fromPos, toPos);
+	    }
+	  }, {
+	    key: "extractTail",
+	    value: function extractTail() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      return new ContinuousTailDetails(this.extractInput(fromPos, toPos), fromPos);
+	    }
+	  }, {
+	    key: "appendTail",
+	    value: function appendTail(tail) {
+	      if (isString(tail)) tail = new ContinuousTailDetails(String(tail));
+	      return tail.appendTo(this);
+	    }
+	  }, {
+	    key: "_appendCharRaw",
+	    value: function _appendCharRaw(ch) {
+	      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      ch = this.doPrepare(ch, flags);
+	      if (!ch) return new ChangeDetails();
+	      this._value += ch;
+	      return new ChangeDetails({
+	        inserted: ch,
+	        rawInserted: ch
+	      });
+	    }
+	  }, {
+	    key: "_appendChar",
+	    value: function _appendChar(ch) {
+	      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      var checkTail = arguments.length > 2 ? arguments[2] : undefined;
+	      var consistentState = this.state;
+	      var details = this._appendCharRaw(ch, flags);
+	      if (details.inserted) {
+	        var consistentTail;
+	        var appended = this.doValidate(flags) !== false;
+	        if (appended && checkTail != null) {
+	          var beforeTailState = this.state;
+	          if (this.overwrite) {
+	            consistentTail = checkTail.state;
+	            checkTail.shiftBefore(this.value.length);
+	          }
+	          var tailDetails = this.appendTail(checkTail);
+	          appended = tailDetails.rawInserted === checkTail.toString();
+	          if (appended && tailDetails.inserted) this.state = beforeTailState;
+	        }
+	        if (!appended) {
+	          details = new ChangeDetails();
+	          this.state = consistentState;
+	          if (checkTail && consistentTail) checkTail.state = consistentTail;
+	        }
+	      }
+	      return details;
+	    }
+	  }, {
+	    key: "_appendPlaceholder",
+	    value: function _appendPlaceholder() {
+	      return new ChangeDetails();
+	    }
+	  }, {
+	    key: "append",
+	    value: function append(str, flags, tail) {
+	      if (!isString(str)) throw new Error('value should be string');
+	      var details = new ChangeDetails();
+	      var checkTail = isString(tail) ? new ContinuousTailDetails(String(tail)) : tail;
+	      if (flags.tail) flags._beforeTailState = this.state;
+	      for (var ci = 0; ci < str.length; ++ci) {
+	        details.aggregate(this._appendChar(str[ci], flags, checkTail));
+	      }
+	      if (checkTail != null) {
+	        details.tailShift += this.appendTail(checkTail).tailShift;
+	      }
+	      return details;
+	    }
+	  }, {
+	    key: "remove",
+	    value: function remove() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      this._value = this.value.slice(0, fromPos) + this.value.slice(toPos);
+	      return new ChangeDetails();
+	    }
+	  }, {
+	    key: "withValueRefresh",
+	    value: function withValueRefresh(fn) {
+	      if (this._refreshing || !this.isInitialized) return fn();
+	      this._refreshing = true;
+	      var rawInput = this.rawInputValue;
+	      var value = this.value;
+	      var ret = fn();
+	      this.rawInputValue = rawInput;
+	      if (this.value !== value && value.indexOf(this.value) === 0) {
+	        this.append(value.slice(this.value.length), {}, '');
+	      }
+	      delete this._refreshing;
+	      return ret;
+	    }
+	  }, {
+	    key: "runIsolated",
+	    value: function runIsolated(fn) {
+	      if (this._isolated || !this.isInitialized) return fn(this);
+	      this._isolated = true;
+	      var state = this.state;
+	      var ret = fn(this);
+	      this.state = state;
+	      delete this._isolated;
+	      return ret;
+	    }
+	  }, {
+	    key: "doPrepare",
+	    value: function doPrepare(str) {
+	      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      return this.prepare ? this.prepare(str, this, flags) : str;
+	    }
+	  }, {
+	    key: "doValidate",
+	    value: function doValidate(flags) {
+	      return (!this.validate || this.validate(this.value, this, flags)) && (!this.parent || this.parent.doValidate(flags));
+	    }
+	  }, {
+	    key: "doCommit",
+	    value: function doCommit() {
+	      if (this.commit) this.commit(this.value, this);
+	    }
+	  }, {
+	    key: "doFormat",
+	    value: function doFormat(value) {
+	      return this.format ? this.format(value, this) : value;
+	    }
+	  }, {
+	    key: "doParse",
+	    value: function doParse(str) {
+	      return this.parse ? this.parse(str, this) : str;
+	    }
+	  }, {
+	    key: "splice",
+	    value: function splice(start, deleteCount, inserted, removeDirection) {
+	      var tailPos = start + deleteCount;
+	      var tail = this.extractTail(tailPos);
+	      var startChangePos = this.nearestInputPos(start, removeDirection);
+	      var changeDetails = new ChangeDetails({
+	        tailShift: startChangePos - start
+	      }).aggregate(this.remove(startChangePos)).aggregate(this.append(inserted, {
+	        input: true
+	      }, tail));
+	      return changeDetails;
+	    }
+	  }, {
+	    key: "state",
+	    get: function get() {
+	      return {
+	        _value: this.value
+	      };
+	    },
+	    set: function set(state) {
+	      this._value = state._value;
+	    }
+	  }, {
+	    key: "value",
+	    get: function get() {
+	      return this._value;
+	    },
+	    set: function set(value) {
+	      this.resolve(value);
+	    }
+	  }, {
+	    key: "unmaskedValue",
+	    get: function get() {
+	      return this.value;
+	    },
+	    set: function set(value) {
+	      this.reset();
+	      this.append(value, {}, '');
+	      this.doCommit();
+	    }
+	  }, {
+	    key: "typedValue",
+	    get: function get() {
+	      return this.doParse(this.value);
+	    },
+	    set: function set(value) {
+	      this.value = this.doFormat(value);
+	    }
+	  }, {
+	    key: "rawInputValue",
+	    get: function get() {
+	      return this.extractInput(0, this.value.length, {
+	        raw: true
+	      });
+	    },
+	    set: function set(value) {
+	      this.reset();
+	      this.append(value, {
+	        raw: true
+	      }, '');
+	      this.doCommit();
+	    }
+	  }, {
+	    key: "isComplete",
+	    get: function get() {
+	      return true;
+	    }
+	  }]);
+	  return Masked;
+	}();
+	Masked.DEFAULTS = {
+	  format: function format(v) {
+	    return v;
+	  },
+	  parse: function parse(v) {
+	    return v;
+	  }
+	};
+	IMask.Masked = Masked;
+
+	function maskedClass(mask) {
+	  if (mask == null) {
+	    throw new Error('mask property should be defined');
+	  }
+	  if (mask instanceof RegExp) return IMask.MaskedRegExp;
+	  if (isString(mask)) return IMask.MaskedPattern;
+	  if (mask instanceof Date || mask === Date) return IMask.MaskedDate;
+	  if (mask instanceof Number || typeof mask === 'number' || mask === Number) return IMask.MaskedNumber;
+	  if (Array.isArray(mask) || mask === Array) return IMask.MaskedDynamic;
+	  if (IMask.Masked && mask.prototype instanceof IMask.Masked) return mask;
+	  if (mask instanceof Function) return IMask.MaskedFunction;
+	  if (mask instanceof IMask.Masked) return mask.constructor;
+	  console.warn('Mask not found for mask', mask);
+	  return IMask.Masked;
+	}
+	function createMask(opts) {
+	  if (IMask.Masked && opts instanceof IMask.Masked) return opts;
+	  opts = Object.assign({}, opts);
+	  var mask = opts.mask;
+	  if (IMask.Masked && mask instanceof IMask.Masked) return mask;
+	  var MaskedClass = maskedClass(mask);
+	  if (!MaskedClass) throw new Error('Masked class is not found for provided mask, appropriate module needs to be import manually before creating mask.');
+	  return new MaskedClass(opts);
+	}
+	IMask.createMask = createMask;
+
+	var DEFAULT_INPUT_DEFINITIONS = {
+	  '0': /\d/,
+	  'a': /[\u0041-\u005A\u0061-\u007A\u00AA\u00B5\u00BA\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0\u08A2-\u08AC\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097F\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C33\u0C35-\u0C39\u0C3D\u0C58\u0C59\u0C60\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D60\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F4\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191C\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19C1-\u19C7\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FCC\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA697\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA78E\uA790-\uA793\uA7A0-\uA7AA\uA7F8-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA80-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uABC0-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]/,
+	  '*': /./
+	};
+	var PatternInputDefinition =
+	function () {
+	  function PatternInputDefinition(opts) {
+	    _classCallCheck(this, PatternInputDefinition);
+	    var mask = opts.mask,
+	        blockOpts = _objectWithoutProperties(opts, ["mask"]);
+	    this.masked = createMask({
+	      mask: mask
+	    });
+	    Object.assign(this, blockOpts);
+	  }
+	  _createClass(PatternInputDefinition, [{
+	    key: "reset",
+	    value: function reset() {
+	      this._isFilled = false;
+	      this.masked.reset();
+	    }
+	  }, {
+	    key: "remove",
+	    value: function remove() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      if (fromPos === 0 && toPos >= 1) {
+	        this._isFilled = false;
+	        return this.masked.remove(fromPos, toPos);
+	      }
+	      return new ChangeDetails();
+	    }
+	  }, {
+	    key: "_appendChar",
+	    value: function _appendChar(str) {
+	      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      if (this._isFilled) return new ChangeDetails();
+	      var state = this.masked.state;
+	      var details = this.masked._appendChar(str, flags);
+	      if (details.inserted && this.doValidate(flags) === false) {
+	        details.inserted = details.rawInserted = '';
+	        this.masked.state = state;
+	      }
+	      if (!details.inserted && !this.isOptional && !this.lazy && !flags.input) {
+	        details.inserted = this.placeholderChar;
+	      }
+	      details.skip = !details.inserted && !this.isOptional;
+	      this._isFilled = Boolean(details.inserted);
+	      return details;
+	    }
+	  }, {
+	    key: "append",
+	    value: function append() {
+	      var _this$masked;
+	      return (_this$masked = this.masked).append.apply(_this$masked, arguments);
+	    }
+	  }, {
+	    key: "_appendPlaceholder",
+	    value: function _appendPlaceholder() {
+	      var details = new ChangeDetails();
+	      if (this._isFilled || this.isOptional) return details;
+	      this._isFilled = true;
+	      details.inserted = this.placeholderChar;
+	      return details;
+	    }
+	  }, {
+	    key: "extractTail",
+	    value: function extractTail() {
+	      var _this$masked2;
+	      return (_this$masked2 = this.masked).extractTail.apply(_this$masked2, arguments);
+	    }
+	  }, {
+	    key: "appendTail",
+	    value: function appendTail() {
+	      var _this$masked3;
+	      return (_this$masked3 = this.masked).appendTail.apply(_this$masked3, arguments);
+	    }
+	  }, {
+	    key: "extractInput",
+	    value: function extractInput() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      var flags = arguments.length > 2 ? arguments[2] : undefined;
+	      return this.masked.extractInput(fromPos, toPos, flags);
+	    }
+	  }, {
+	    key: "nearestInputPos",
+	    value: function nearestInputPos(cursorPos) {
+	      var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DIRECTION.NONE;
+	      var minPos = 0;
+	      var maxPos = this.value.length;
+	      var boundPos = Math.min(Math.max(cursorPos, minPos), maxPos);
+	      switch (direction) {
+	        case DIRECTION.LEFT:
+	        case DIRECTION.FORCE_LEFT:
+	          return this.isComplete ? boundPos : minPos;
+	        case DIRECTION.RIGHT:
+	        case DIRECTION.FORCE_RIGHT:
+	          return this.isComplete ? boundPos : maxPos;
+	        case DIRECTION.NONE:
+	        default:
+	          return boundPos;
+	      }
+	    }
+	  }, {
+	    key: "doValidate",
+	    value: function doValidate() {
+	      var _this$masked4, _this$parent;
+	      return (_this$masked4 = this.masked).doValidate.apply(_this$masked4, arguments) && (!this.parent || (_this$parent = this.parent).doValidate.apply(_this$parent, arguments));
+	    }
+	  }, {
+	    key: "doCommit",
+	    value: function doCommit() {
+	      this.masked.doCommit();
+	    }
+	  }, {
+	    key: "value",
+	    get: function get() {
+	      return this.masked.value || (this._isFilled && !this.isOptional ? this.placeholderChar : '');
+	    }
+	  }, {
+	    key: "unmaskedValue",
+	    get: function get() {
+	      return this.masked.unmaskedValue;
+	    }
+	  }, {
+	    key: "isComplete",
+	    get: function get() {
+	      return Boolean(this.masked.value) || this.isOptional;
+	    }
+	  }, {
+	    key: "state",
+	    get: function get() {
+	      return {
+	        masked: this.masked.state,
+	        _isFilled: this._isFilled
+	      };
+	    },
+	    set: function set(state) {
+	      this.masked.state = state.masked;
+	      this._isFilled = state._isFilled;
+	    }
+	  }]);
+	  return PatternInputDefinition;
+	}();
+
+	var PatternFixedDefinition =
+	function () {
+	  function PatternFixedDefinition(opts) {
+	    _classCallCheck(this, PatternFixedDefinition);
+	    Object.assign(this, opts);
+	    this._value = '';
+	  }
+	  _createClass(PatternFixedDefinition, [{
+	    key: "reset",
+	    value: function reset() {
+	      this._isRawInput = false;
+	      this._value = '';
+	    }
+	  }, {
+	    key: "remove",
+	    value: function remove() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this._value.length;
+	      this._value = this._value.slice(0, fromPos) + this._value.slice(toPos);
+	      if (!this._value) this._isRawInput = false;
+	      return new ChangeDetails();
+	    }
+	  }, {
+	    key: "nearestInputPos",
+	    value: function nearestInputPos(cursorPos) {
+	      var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DIRECTION.NONE;
+	      var minPos = 0;
+	      var maxPos = this._value.length;
+	      switch (direction) {
+	        case DIRECTION.LEFT:
+	        case DIRECTION.FORCE_LEFT:
+	          return minPos;
+	        case DIRECTION.NONE:
+	        case DIRECTION.RIGHT:
+	        case DIRECTION.FORCE_RIGHT:
+	        default:
+	          return maxPos;
+	      }
+	    }
+	  }, {
+	    key: "extractInput",
+	    value: function extractInput() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this._value.length;
+	      var flags = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+	      return flags.raw && this._isRawInput && this._value.slice(fromPos, toPos) || '';
+	    }
+	  }, {
+	    key: "_appendChar",
+	    value: function _appendChar(str) {
+	      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      var details = new ChangeDetails();
+	      if (this._value) return details;
+	      var appended = this.char === str[0];
+	      var isResolved = appended && (this.isUnmasking || flags.input || flags.raw) && !flags.tail;
+	      if (isResolved) details.rawInserted = this.char;
+	      this._value = details.inserted = this.char;
+	      this._isRawInput = isResolved && (flags.raw || flags.input);
+	      return details;
+	    }
+	  }, {
+	    key: "_appendPlaceholder",
+	    value: function _appendPlaceholder() {
+	      var details = new ChangeDetails();
+	      if (this._value) return details;
+	      this._value = details.inserted = this.char;
+	      return details;
+	    }
+	  }, {
+	    key: "extractTail",
+	    value: function extractTail() {
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      return new ContinuousTailDetails('');
+	    }
+	  }, {
+	    key: "appendTail",
+	    value: function appendTail(tail) {
+	      if (isString(tail)) tail = new ContinuousTailDetails(String(tail));
+	      return tail.appendTo(this);
+	    }
+	  }, {
+	    key: "append",
+	    value: function append(str, flags, tail) {
+	      var details = this._appendChar(str, flags);
+	      if (tail != null) {
+	        details.tailShift += this.appendTail(tail).tailShift;
+	      }
+	      return details;
+	    }
+	  }, {
+	    key: "doCommit",
+	    value: function doCommit() {}
+	  }, {
+	    key: "value",
+	    get: function get() {
+	      return this._value;
+	    }
+	  }, {
+	    key: "unmaskedValue",
+	    get: function get() {
+	      return this.isUnmasking ? this.value : '';
+	    }
+	  }, {
+	    key: "isComplete",
+	    get: function get() {
+	      return true;
+	    }
+	  }, {
+	    key: "state",
+	    get: function get() {
+	      return {
+	        _value: this._value,
+	        _isRawInput: this._isRawInput
+	      };
+	    },
+	    set: function set(state) {
+	      Object.assign(this, state);
+	    }
+	  }]);
+	  return PatternFixedDefinition;
+	}();
+
+	var ChunksTailDetails =
+	function () {
+	  function ChunksTailDetails() {
+	    var chunks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+	    var from = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+	    _classCallCheck(this, ChunksTailDetails);
+	    this.chunks = chunks;
+	    this.from = from;
+	  }
+	  _createClass(ChunksTailDetails, [{
+	    key: "toString",
+	    value: function toString() {
+	      return this.chunks.map(String).join('');
+	    }
+	  }, {
+	    key: "extend",
+	    value: function extend(tailChunk) {
+	      if (!String(tailChunk)) return;
+	      if (isString(tailChunk)) tailChunk = new ContinuousTailDetails(String(tailChunk));
+	      var lastChunk = this.chunks[this.chunks.length - 1];
+	      var extendLast = lastChunk && (
+	      lastChunk.stop === tailChunk.stop || tailChunk.stop == null) &&
+	      tailChunk.from === lastChunk.from + lastChunk.toString().length;
+	      if (tailChunk instanceof ContinuousTailDetails) {
+	        if (extendLast) {
+	          lastChunk.extend(tailChunk.toString());
+	        } else {
+	          this.chunks.push(tailChunk);
+	        }
+	      } else if (tailChunk instanceof ChunksTailDetails) {
+	        if (tailChunk.stop == null) {
+	          var firstTailChunk;
+	          while (tailChunk.chunks.length && tailChunk.chunks[0].stop == null) {
+	            firstTailChunk = tailChunk.chunks.shift();
+	            firstTailChunk.from += tailChunk.from;
+	            this.extend(firstTailChunk);
+	          }
+	        }
+	        if (tailChunk.toString()) {
+	          tailChunk.stop = tailChunk.blockIndex;
+	          this.chunks.push(tailChunk);
+	        }
+	      }
+	    }
+	  }, {
+	    key: "appendTo",
+	    value: function appendTo(masked) {
+	      if (!(masked instanceof IMask.MaskedPattern)) {
+	        var tail = new ContinuousTailDetails(this.toString());
+	        return tail.appendTo(masked);
+	      }
+	      var details = new ChangeDetails();
+	      for (var ci = 0; ci < this.chunks.length && !details.skip; ++ci) {
+	        var chunk = this.chunks[ci];
+	        var lastBlockIter = masked._mapPosToBlock(masked.value.length);
+	        var stop = chunk.stop;
+	        var chunkBlock = void 0;
+	        if (stop != null && (
+	        !lastBlockIter || lastBlockIter.index <= stop)) {
+	          if (chunk instanceof ChunksTailDetails ||
+	          masked._stops.indexOf(stop) >= 0) {
+	            details.aggregate(masked._appendPlaceholder(stop));
+	          }
+	          chunkBlock = chunk instanceof ChunksTailDetails && masked._blocks[stop];
+	        }
+	        if (chunkBlock) {
+	          var tailDetails = chunkBlock.appendTail(chunk);
+	          tailDetails.skip = false;
+	          details.aggregate(tailDetails);
+	          masked._value += tailDetails.inserted;
+	          var remainChars = chunk.toString().slice(tailDetails.rawInserted.length);
+	          if (remainChars) details.aggregate(masked.append(remainChars, {
+	            tail: true
+	          }));
+	        } else {
+	          details.aggregate(masked.append(chunk.toString(), {
+	            tail: true
+	          }));
+	        }
+	      }
+	      return details;
+	    }
+	  }, {
+	    key: "shiftBefore",
+	    value: function shiftBefore(pos) {
+	      if (this.from >= pos || !this.chunks.length) return '';
+	      var chunkShiftPos = pos - this.from;
+	      var ci = 0;
+	      while (ci < this.chunks.length) {
+	        var chunk = this.chunks[ci];
+	        var shiftChar = chunk.shiftBefore(chunkShiftPos);
+	        if (chunk.toString()) {
+	          if (!shiftChar) break;
+	          ++ci;
+	        } else {
+	          this.chunks.splice(ci, 1);
+	        }
+	        if (shiftChar) return shiftChar;
+	      }
+	      return '';
+	    }
+	  }, {
+	    key: "state",
+	    get: function get() {
+	      return {
+	        chunks: this.chunks.map(function (c) {
+	          return c.state;
+	        }),
+	        from: this.from,
+	        stop: this.stop,
+	        blockIndex: this.blockIndex
+	      };
+	    },
+	    set: function set(state) {
+	      var chunks = state.chunks,
+	          props = _objectWithoutProperties(state, ["chunks"]);
+	      Object.assign(this, props);
+	      this.chunks = chunks.map(function (cstate) {
+	        var chunk = "chunks" in cstate ? new ChunksTailDetails() : new ContinuousTailDetails();
+	        chunk.state = cstate;
+	        return chunk;
+	      });
+	    }
+	  }]);
+	  return ChunksTailDetails;
+	}();
+
+	var MaskedRegExp =
+	function (_Masked) {
+	  _inherits(MaskedRegExp, _Masked);
+	  function MaskedRegExp() {
+	    _classCallCheck(this, MaskedRegExp);
+	    return _possibleConstructorReturn(this, _getPrototypeOf(MaskedRegExp).apply(this, arguments));
+	  }
+	  _createClass(MaskedRegExp, [{
+	    key: "_update",
+	    value: function _update(opts) {
+	      if (opts.mask) opts.validate = function (value) {
+	        return value.search(opts.mask) >= 0;
+	      };
+	      _get(_getPrototypeOf(MaskedRegExp.prototype), "_update", this).call(this, opts);
+	    }
+	  }]);
+	  return MaskedRegExp;
+	}(Masked);
+	IMask.MaskedRegExp = MaskedRegExp;
+
+	var MaskedPattern =
+	function (_Masked) {
+	  _inherits(MaskedPattern, _Masked);
+	  function MaskedPattern() {
+	    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+	    _classCallCheck(this, MaskedPattern);
+	    opts.definitions = Object.assign({}, DEFAULT_INPUT_DEFINITIONS, opts.definitions);
+	    return _possibleConstructorReturn(this, _getPrototypeOf(MaskedPattern).call(this, Object.assign({}, MaskedPattern.DEFAULTS, {}, opts)));
+	  }
+	  _createClass(MaskedPattern, [{
+	    key: "_update",
+	    value: function _update() {
+	      var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+	      opts.definitions = Object.assign({}, this.definitions, opts.definitions);
+	      _get(_getPrototypeOf(MaskedPattern.prototype), "_update", this).call(this, opts);
+	      this._rebuildMask();
+	    }
+	  }, {
+	    key: "_rebuildMask",
+	    value: function _rebuildMask() {
+	      var _this = this;
+	      var defs = this.definitions;
+	      this._blocks = [];
+	      this._stops = [];
+	      this._maskedBlocks = {};
+	      var pattern = this.mask;
+	      if (!pattern || !defs) return;
+	      var unmaskingBlock = false;
+	      var optionalBlock = false;
+	      for (var i = 0; i < pattern.length; ++i) {
+	        if (this.blocks) {
+	          var _ret = function () {
+	            var p = pattern.slice(i);
+	            var bNames = Object.keys(_this.blocks).filter(function (bName) {
+	              return p.indexOf(bName) === 0;
+	            });
+	            bNames.sort(function (a, b) {
+	              return b.length - a.length;
+	            });
+	            var bName = bNames[0];
+	            if (bName) {
+	              var maskedBlock = createMask(Object.assign({
+	                parent: _this,
+	                lazy: _this.lazy,
+	                placeholderChar: _this.placeholderChar,
+	                overwrite: _this.overwrite
+	              }, _this.blocks[bName]));
+	              if (maskedBlock) {
+	                _this._blocks.push(maskedBlock);
+	                if (!_this._maskedBlocks[bName]) _this._maskedBlocks[bName] = [];
+	                _this._maskedBlocks[bName].push(_this._blocks.length - 1);
+	              }
+	              i += bName.length - 1;
+	              return "continue";
+	            }
+	          }();
+	          if (_ret === "continue") continue;
+	        }
+	        var char = pattern[i];
+	        var _isInput = char in defs;
+	        if (char === MaskedPattern.STOP_CHAR) {
+	          this._stops.push(this._blocks.length);
+	          continue;
+	        }
+	        if (char === '{' || char === '}') {
+	          unmaskingBlock = !unmaskingBlock;
+	          continue;
+	        }
+	        if (char === '[' || char === ']') {
+	          optionalBlock = !optionalBlock;
+	          continue;
+	        }
+	        if (char === MaskedPattern.ESCAPE_CHAR) {
+	          ++i;
+	          char = pattern[i];
+	          if (!char) break;
+	          _isInput = false;
+	        }
+	        var def = _isInput ? new PatternInputDefinition({
+	          parent: this,
+	          lazy: this.lazy,
+	          placeholderChar: this.placeholderChar,
+	          mask: defs[char],
+	          isOptional: optionalBlock
+	        }) : new PatternFixedDefinition({
+	          char: char,
+	          isUnmasking: unmaskingBlock
+	        });
+	        this._blocks.push(def);
+	      }
+	    }
+	  }, {
+	    key: "reset",
+	    value: function reset() {
+	      _get(_getPrototypeOf(MaskedPattern.prototype), "reset", this).call(this);
+	      this._blocks.forEach(function (b) {
+	        return b.reset();
+	      });
+	    }
+	  }, {
+	    key: "doCommit",
+	    value: function doCommit() {
+	      this._blocks.forEach(function (b) {
+	        return b.doCommit();
+	      });
+	      _get(_getPrototypeOf(MaskedPattern.prototype), "doCommit", this).call(this);
+	    }
+	  }, {
+	    key: "appendTail",
+	    value: function appendTail(tail) {
+	      return _get(_getPrototypeOf(MaskedPattern.prototype), "appendTail", this).call(this, tail).aggregate(this._appendPlaceholder());
+	    }
+	  }, {
+	    key: "_appendCharRaw",
+	    value: function _appendCharRaw(ch) {
+	      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      ch = this.doPrepare(ch, flags);
+	      var blockIter = this._mapPosToBlock(this.value.length);
+	      var details = new ChangeDetails();
+	      if (!blockIter) return details;
+	      for (var bi = blockIter.index;; ++bi) {
+	        var _block = this._blocks[bi];
+	        if (!_block) break;
+	        var blockDetails = _block._appendChar(ch, flags);
+	        var skip = blockDetails.skip;
+	        details.aggregate(blockDetails);
+	        if (skip || blockDetails.rawInserted) break;
+	      }
+	      return details;
+	    }
+	  }, {
+	    key: "extractTail",
+	    value: function extractTail() {
+	      var _this2 = this;
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      var chunkTail = new ChunksTailDetails();
+	      if (fromPos === toPos) return chunkTail;
+	      this._forEachBlocksInRange(fromPos, toPos, function (b, bi, bFromPos, bToPos) {
+	        var blockChunk = b.extractTail(bFromPos, bToPos);
+	        blockChunk.stop = _this2._findStopBefore(bi);
+	        blockChunk.from = _this2._blockStartPos(bi);
+	        if (blockChunk instanceof ChunksTailDetails) blockChunk.blockIndex = bi;
+	        chunkTail.extend(blockChunk);
+	      });
+	      return chunkTail;
+	    }
+	  }, {
+	    key: "extractInput",
+	    value: function extractInput() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      var flags = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+	      if (fromPos === toPos) return '';
+	      var input = '';
+	      this._forEachBlocksInRange(fromPos, toPos, function (b, _, fromPos, toPos) {
+	        input += b.extractInput(fromPos, toPos, flags);
+	      });
+	      return input;
+	    }
+	  }, {
+	    key: "_findStopBefore",
+	    value: function _findStopBefore(blockIndex) {
+	      var stopBefore;
+	      for (var si = 0; si < this._stops.length; ++si) {
+	        var stop = this._stops[si];
+	        if (stop <= blockIndex) stopBefore = stop;else break;
+	      }
+	      return stopBefore;
+	    }
+	  }, {
+	    key: "_appendPlaceholder",
+	    value: function _appendPlaceholder(toBlockIndex) {
+	      var _this3 = this;
+	      var details = new ChangeDetails();
+	      if (this.lazy && toBlockIndex == null) return details;
+	      var startBlockIter = this._mapPosToBlock(this.value.length);
+	      if (!startBlockIter) return details;
+	      var startBlockIndex = startBlockIter.index;
+	      var endBlockIndex = toBlockIndex != null ? toBlockIndex : this._blocks.length;
+	      this._blocks.slice(startBlockIndex, endBlockIndex).forEach(function (b) {
+	        if (!b.lazy || toBlockIndex != null) {
+	          var args = b._blocks != null ? [b._blocks.length] : [];
+	          var bDetails = b._appendPlaceholder.apply(b, args);
+	          _this3._value += bDetails.inserted;
+	          details.aggregate(bDetails);
+	        }
+	      });
+	      return details;
+	    }
+	  }, {
+	    key: "_mapPosToBlock",
+	    value: function _mapPosToBlock(pos) {
+	      var accVal = '';
+	      for (var bi = 0; bi < this._blocks.length; ++bi) {
+	        var _block2 = this._blocks[bi];
+	        var blockStartPos = accVal.length;
+	        accVal += _block2.value;
+	        if (pos <= accVal.length) {
+	          return {
+	            index: bi,
+	            offset: pos - blockStartPos
+	          };
+	        }
+	      }
+	    }
+	  }, {
+	    key: "_blockStartPos",
+	    value: function _blockStartPos(blockIndex) {
+	      return this._blocks.slice(0, blockIndex).reduce(function (pos, b) {
+	        return pos += b.value.length;
+	      }, 0);
+	    }
+	  }, {
+	    key: "_forEachBlocksInRange",
+	    value: function _forEachBlocksInRange(fromPos) {
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      var fn = arguments.length > 2 ? arguments[2] : undefined;
+	      var fromBlockIter = this._mapPosToBlock(fromPos);
+	      if (fromBlockIter) {
+	        var toBlockIter = this._mapPosToBlock(toPos);
+	        var isSameBlock = toBlockIter && fromBlockIter.index === toBlockIter.index;
+	        var fromBlockStartPos = fromBlockIter.offset;
+	        var fromBlockEndPos = toBlockIter && isSameBlock ? toBlockIter.offset : this._blocks[fromBlockIter.index].value.length;
+	        fn(this._blocks[fromBlockIter.index], fromBlockIter.index, fromBlockStartPos, fromBlockEndPos);
+	        if (toBlockIter && !isSameBlock) {
+	          for (var bi = fromBlockIter.index + 1; bi < toBlockIter.index; ++bi) {
+	            fn(this._blocks[bi], bi, 0, this._blocks[bi].value.length);
+	          }
+	          fn(this._blocks[toBlockIter.index], toBlockIter.index, 0, toBlockIter.offset);
+	        }
+	      }
+	    }
+	  }, {
+	    key: "remove",
+	    value: function remove() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      var removeDetails = _get(_getPrototypeOf(MaskedPattern.prototype), "remove", this).call(this, fromPos, toPos);
+	      this._forEachBlocksInRange(fromPos, toPos, function (b, _, bFromPos, bToPos) {
+	        removeDetails.aggregate(b.remove(bFromPos, bToPos));
+	      });
+	      return removeDetails;
+	    }
+	  }, {
+	    key: "nearestInputPos",
+	    value: function nearestInputPos(cursorPos) {
+	      var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DIRECTION.NONE;
+	      var beginBlockData = this._mapPosToBlock(cursorPos) || {
+	        index: 0,
+	        offset: 0
+	      };
+	      var beginBlockOffset = beginBlockData.offset,
+	          beginBlockIndex = beginBlockData.index;
+	      var beginBlock = this._blocks[beginBlockIndex];
+	      if (!beginBlock) return cursorPos;
+	      var beginBlockCursorPos = beginBlockOffset;
+	      if (beginBlockCursorPos !== 0 && beginBlockCursorPos < beginBlock.value.length) {
+	        beginBlockCursorPos = beginBlock.nearestInputPos(beginBlockOffset, forceDirection(direction));
+	      }
+	      var cursorAtRight = beginBlockCursorPos === beginBlock.value.length;
+	      var cursorAtLeft = beginBlockCursorPos === 0;
+	      if (!cursorAtLeft && !cursorAtRight) return this._blockStartPos(beginBlockIndex) + beginBlockCursorPos;
+	      var searchBlockIndex = cursorAtRight ? beginBlockIndex + 1 : beginBlockIndex;
+	      if (direction === DIRECTION.NONE) {
+	        if (searchBlockIndex > 0) {
+	          var blockIndexAtLeft = searchBlockIndex - 1;
+	          var blockAtLeft = this._blocks[blockIndexAtLeft];
+	          var blockInputPos = blockAtLeft.nearestInputPos(0, DIRECTION.NONE);
+	          if (!blockAtLeft.value.length || blockInputPos !== blockAtLeft.value.length) {
+	            return this._blockStartPos(searchBlockIndex);
+	          }
+	        }
+	        var firstInputAtRight = searchBlockIndex;
+	        for (var bi = firstInputAtRight; bi < this._blocks.length; ++bi) {
+	          var blockAtRight = this._blocks[bi];
+	          var _blockInputPos = blockAtRight.nearestInputPos(0, DIRECTION.NONE);
+	          if (!blockAtRight.value.length || _blockInputPos !== blockAtRight.value.length) {
+	            return this._blockStartPos(bi) + _blockInputPos;
+	          }
+	        }
+	        for (var _bi = searchBlockIndex - 1; _bi >= 0; --_bi) {
+	          var _block3 = this._blocks[_bi];
+	          var _blockInputPos2 = _block3.nearestInputPos(0, DIRECTION.NONE);
+	          if (!_block3.value.length || _blockInputPos2 !== _block3.value.length) {
+	            return this._blockStartPos(_bi) + _block3.value.length;
+	          }
+	        }
+	        return cursorPos;
+	      }
+	      if (direction === DIRECTION.LEFT || direction === DIRECTION.FORCE_LEFT) {
+	        var firstFilledBlockIndexAtRight;
+	        for (var _bi2 = searchBlockIndex; _bi2 < this._blocks.length; ++_bi2) {
+	          if (this._blocks[_bi2].value) {
+	            firstFilledBlockIndexAtRight = _bi2;
+	            break;
+	          }
+	        }
+	        if (firstFilledBlockIndexAtRight != null) {
+	          var filledBlock = this._blocks[firstFilledBlockIndexAtRight];
+	          var _blockInputPos3 = filledBlock.nearestInputPos(0, DIRECTION.RIGHT);
+	          if (_blockInputPos3 === 0 && filledBlock.unmaskedValue.length) {
+	            return this._blockStartPos(firstFilledBlockIndexAtRight) + _blockInputPos3;
+	          }
+	        }
+	        var firstFilledInputBlockIndex = -1;
+	        var firstEmptyInputBlockIndex;
+	        for (var _bi3 = searchBlockIndex - 1; _bi3 >= 0; --_bi3) {
+	          var _block4 = this._blocks[_bi3];
+	          var _blockInputPos4 = _block4.nearestInputPos(_block4.value.length, DIRECTION.FORCE_LEFT);
+	          if (!_block4.value || _blockInputPos4 !== 0) firstEmptyInputBlockIndex = _bi3;
+	          if (_blockInputPos4 !== 0) {
+	            if (_blockInputPos4 !== _block4.value.length) {
+	              return this._blockStartPos(_bi3) + _blockInputPos4;
+	            } else {
+	              firstFilledInputBlockIndex = _bi3;
+	              break;
+	            }
+	          }
+	        }
+	        if (direction === DIRECTION.LEFT) {
+	          for (var _bi4 = firstFilledInputBlockIndex + 1; _bi4 <= Math.min(searchBlockIndex, this._blocks.length - 1); ++_bi4) {
+	            var _block5 = this._blocks[_bi4];
+	            var _blockInputPos5 = _block5.nearestInputPos(0, DIRECTION.NONE);
+	            var blockAlignedPos = this._blockStartPos(_bi4) + _blockInputPos5;
+	            if (blockAlignedPos > cursorPos) break;
+	            if (_blockInputPos5 !== _block5.value.length) return blockAlignedPos;
+	          }
+	        }
+	        if (firstFilledInputBlockIndex >= 0) {
+	          return this._blockStartPos(firstFilledInputBlockIndex) + this._blocks[firstFilledInputBlockIndex].value.length;
+	        }
+	        if (direction === DIRECTION.FORCE_LEFT || this.lazy && !this.extractInput() && !isInput(this._blocks[searchBlockIndex])) {
+	          return 0;
+	        }
+	        if (firstEmptyInputBlockIndex != null) {
+	          return this._blockStartPos(firstEmptyInputBlockIndex);
+	        }
+	        for (var _bi5 = searchBlockIndex; _bi5 < this._blocks.length; ++_bi5) {
+	          var _block6 = this._blocks[_bi5];
+	          var _blockInputPos6 = _block6.nearestInputPos(0, DIRECTION.NONE);
+	          if (!_block6.value.length || _blockInputPos6 !== _block6.value.length) {
+	            return this._blockStartPos(_bi5) + _blockInputPos6;
+	          }
+	        }
+	        return 0;
+	      }
+	      if (direction === DIRECTION.RIGHT || direction === DIRECTION.FORCE_RIGHT) {
+	        var firstInputBlockAlignedIndex;
+	        var firstInputBlockAlignedPos;
+	        for (var _bi6 = searchBlockIndex; _bi6 < this._blocks.length; ++_bi6) {
+	          var _block7 = this._blocks[_bi6];
+	          var _blockInputPos7 = _block7.nearestInputPos(0, DIRECTION.NONE);
+	          if (_blockInputPos7 !== _block7.value.length) {
+	            firstInputBlockAlignedPos = this._blockStartPos(_bi6) + _blockInputPos7;
+	            firstInputBlockAlignedIndex = _bi6;
+	            break;
+	          }
+	        }
+	        if (firstInputBlockAlignedIndex != null && firstInputBlockAlignedPos != null) {
+	          for (var _bi7 = firstInputBlockAlignedIndex; _bi7 < this._blocks.length; ++_bi7) {
+	            var _block8 = this._blocks[_bi7];
+	            var _blockInputPos8 = _block8.nearestInputPos(0, DIRECTION.FORCE_RIGHT);
+	            if (_blockInputPos8 !== _block8.value.length) {
+	              return this._blockStartPos(_bi7) + _blockInputPos8;
+	            }
+	          }
+	          return direction === DIRECTION.FORCE_RIGHT ? this.value.length : firstInputBlockAlignedPos;
+	        }
+	        for (var _bi8 = Math.min(searchBlockIndex, this._blocks.length - 1); _bi8 >= 0; --_bi8) {
+	          var _block9 = this._blocks[_bi8];
+	          var _blockInputPos9 = _block9.nearestInputPos(_block9.value.length, DIRECTION.LEFT);
+	          if (_blockInputPos9 !== 0) {
+	            var alignedPos = this._blockStartPos(_bi8) + _blockInputPos9;
+	            if (alignedPos >= cursorPos) return alignedPos;
+	            break;
+	          }
+	        }
+	      }
+	      return cursorPos;
+	    }
+	  }, {
+	    key: "maskedBlock",
+	    value: function maskedBlock(name) {
+	      return this.maskedBlocks(name)[0];
+	    }
+	  }, {
+	    key: "maskedBlocks",
+	    value: function maskedBlocks(name) {
+	      var _this4 = this;
+	      var indices = this._maskedBlocks[name];
+	      if (!indices) return [];
+	      return indices.map(function (gi) {
+	        return _this4._blocks[gi];
+	      });
+	    }
+	  }, {
+	    key: "state",
+	    get: function get() {
+	      return Object.assign({}, _get(_getPrototypeOf(MaskedPattern.prototype), "state", this), {
+	        _blocks: this._blocks.map(function (b) {
+	          return b.state;
+	        })
+	      });
+	    },
+	    set: function set(state) {
+	      var _blocks = state._blocks,
+	          maskedState = _objectWithoutProperties(state, ["_blocks"]);
+	      this._blocks.forEach(function (b, bi) {
+	        return b.state = _blocks[bi];
+	      });
+	      _set(_getPrototypeOf(MaskedPattern.prototype), "state", maskedState, this, true);
+	    }
+	  }, {
+	    key: "isComplete",
+	    get: function get() {
+	      return this._blocks.every(function (b) {
+	        return b.isComplete;
+	      });
+	    }
+	  }, {
+	    key: "unmaskedValue",
+	    get: function get() {
+	      return this._blocks.reduce(function (str, b) {
+	        return str += b.unmaskedValue;
+	      }, '');
+	    },
+	    set: function set(unmaskedValue) {
+	      _set(_getPrototypeOf(MaskedPattern.prototype), "unmaskedValue", unmaskedValue, this, true);
+	    }
+	  }, {
+	    key: "value",
+	    get: function get() {
+	      return this._blocks.reduce(function (str, b) {
+	        return str += b.value;
+	      }, '');
+	    },
+	    set: function set(value) {
+	      _set(_getPrototypeOf(MaskedPattern.prototype), "value", value, this, true);
+	    }
+	  }]);
+	  return MaskedPattern;
+	}(Masked);
+	MaskedPattern.DEFAULTS = {
+	  lazy: true,
+	  placeholderChar: '_'
+	};
+	MaskedPattern.STOP_CHAR = '`';
+	MaskedPattern.ESCAPE_CHAR = '\\';
+	MaskedPattern.InputDefinition = PatternInputDefinition;
+	MaskedPattern.FixedDefinition = PatternFixedDefinition;
+	function isInput(block) {
+	  if (!block) return false;
+	  var value = block.value;
+	  return !value || block.nearestInputPos(0, DIRECTION.NONE) !== value.length;
+	}
+	IMask.MaskedPattern = MaskedPattern;
+
+	var MaskedRange =
+	function (_MaskedPattern) {
+	  _inherits(MaskedRange, _MaskedPattern);
+	  function MaskedRange() {
+	    _classCallCheck(this, MaskedRange);
+	    return _possibleConstructorReturn(this, _getPrototypeOf(MaskedRange).apply(this, arguments));
+	  }
+	  _createClass(MaskedRange, [{
+	    key: "_update",
+	    value: function _update(opts) {
+	      opts = Object.assign({
+	        to: this.to || 0,
+	        from: this.from || 0
+	      }, opts);
+	      var maxLength = String(opts.to).length;
+	      if (opts.maxLength != null) maxLength = Math.max(maxLength, opts.maxLength);
+	      opts.maxLength = maxLength;
+	      var fromStr = String(opts.from).padStart(maxLength, '0');
+	      var toStr = String(opts.to).padStart(maxLength, '0');
+	      var sameCharsCount = 0;
+	      while (sameCharsCount < toStr.length && toStr[sameCharsCount] === fromStr[sameCharsCount]) {
+	        ++sameCharsCount;
+	      }
+	      opts.mask = toStr.slice(0, sameCharsCount).replace(/0/g, '\\0') + '0'.repeat(maxLength - sameCharsCount);
+	      _get(_getPrototypeOf(MaskedRange.prototype), "_update", this).call(this, opts);
+	    }
+	  }, {
+	    key: "boundaries",
+	    value: function boundaries(str) {
+	      var minstr = '';
+	      var maxstr = '';
+	      var _ref = str.match(/^(\D*)(\d*)(\D*)/) || [],
+	          _ref2 = _slicedToArray(_ref, 3),
+	          placeholder = _ref2[1],
+	          num = _ref2[2];
+	      if (num) {
+	        minstr = '0'.repeat(placeholder.length) + num;
+	        maxstr = '9'.repeat(placeholder.length) + num;
+	      }
+	      minstr = minstr.padEnd(this.maxLength, '0');
+	      maxstr = maxstr.padEnd(this.maxLength, '9');
+	      return [minstr, maxstr];
+	    }
+	  }, {
+	    key: "doPrepare",
+	    value: function doPrepare(str) {
+	      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      str = _get(_getPrototypeOf(MaskedRange.prototype), "doPrepare", this).call(this, str, flags).replace(/\D/g, '');
+	      if (!this.autofix) return str;
+	      var fromStr = String(this.from).padStart(this.maxLength, '0');
+	      var toStr = String(this.to).padStart(this.maxLength, '0');
+	      var val = this.value;
+	      var prepStr = '';
+	      for (var ci = 0; ci < str.length; ++ci) {
+	        var nextVal = val + prepStr + str[ci];
+	        var _this$boundaries = this.boundaries(nextVal),
+	            _this$boundaries2 = _slicedToArray(_this$boundaries, 2),
+	            minstr = _this$boundaries2[0],
+	            maxstr = _this$boundaries2[1];
+	        if (Number(maxstr) < this.from) prepStr += fromStr[nextVal.length - 1];else if (Number(minstr) > this.to) prepStr += toStr[nextVal.length - 1];else prepStr += str[ci];
+	      }
+	      return prepStr;
+	    }
+	  }, {
+	    key: "doValidate",
+	    value: function doValidate() {
+	      var _get2;
+	      var str = this.value;
+	      var firstNonZero = str.search(/[^0]/);
+	      if (firstNonZero === -1 && str.length <= this._matchFrom) return true;
+	      var _this$boundaries3 = this.boundaries(str),
+	          _this$boundaries4 = _slicedToArray(_this$boundaries3, 2),
+	          minstr = _this$boundaries4[0],
+	          maxstr = _this$boundaries4[1];
+	      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+	        args[_key] = arguments[_key];
+	      }
+	      return this.from <= Number(maxstr) && Number(minstr) <= this.to && (_get2 = _get(_getPrototypeOf(MaskedRange.prototype), "doValidate", this)).call.apply(_get2, [this].concat(args));
+	    }
+	  }, {
+	    key: "_matchFrom",
+	    get: function get() {
+	      return this.maxLength - String(this.from).length;
+	    }
+	  }, {
+	    key: "isComplete",
+	    get: function get() {
+	      return _get(_getPrototypeOf(MaskedRange.prototype), "isComplete", this) && Boolean(this.value);
+	    }
+	  }]);
+	  return MaskedRange;
+	}(MaskedPattern);
+	IMask.MaskedRange = MaskedRange;
+
+	var MaskedDate =
+	function (_MaskedPattern) {
+	  _inherits(MaskedDate, _MaskedPattern);
+	  function MaskedDate(opts) {
+	    _classCallCheck(this, MaskedDate);
+	    return _possibleConstructorReturn(this, _getPrototypeOf(MaskedDate).call(this, Object.assign({}, MaskedDate.DEFAULTS, {}, opts)));
+	  }
+	  _createClass(MaskedDate, [{
+	    key: "_update",
+	    value: function _update(opts) {
+	      if (opts.mask === Date) delete opts.mask;
+	      if (opts.pattern) opts.mask = opts.pattern;
+	      var blocks = opts.blocks;
+	      opts.blocks = Object.assign({}, MaskedDate.GET_DEFAULT_BLOCKS());
+	      if (opts.min) opts.blocks.Y.from = opts.min.getFullYear();
+	      if (opts.max) opts.blocks.Y.to = opts.max.getFullYear();
+	      if (opts.min && opts.max && opts.blocks.Y.from === opts.blocks.Y.to) {
+	        opts.blocks.m.from = opts.min.getMonth() + 1;
+	        opts.blocks.m.to = opts.max.getMonth() + 1;
+	        if (opts.blocks.m.from === opts.blocks.m.to) {
+	          opts.blocks.d.from = opts.min.getDate();
+	          opts.blocks.d.to = opts.max.getDate();
+	        }
+	      }
+	      Object.assign(opts.blocks, blocks);
+	      Object.keys(opts.blocks).forEach(function (bk) {
+	        var b = opts.blocks[bk];
+	        if (!('autofix' in b)) b.autofix = opts.autofix;
+	      });
+	      _get(_getPrototypeOf(MaskedDate.prototype), "_update", this).call(this, opts);
+	    }
+	  }, {
+	    key: "doValidate",
+	    value: function doValidate() {
+	      var _get2;
+	      var date = this.date;
+	      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+	        args[_key] = arguments[_key];
+	      }
+	      return (_get2 = _get(_getPrototypeOf(MaskedDate.prototype), "doValidate", this)).call.apply(_get2, [this].concat(args)) && (!this.isComplete || this.isDateExist(this.value) && date != null && (this.min == null || this.min <= date) && (this.max == null || date <= this.max));
+	    }
+	  }, {
+	    key: "isDateExist",
+	    value: function isDateExist(str) {
+	      return this.format(this.parse(str, this), this).indexOf(str) >= 0;
+	    }
+	  }, {
+	    key: "date",
+	    get: function get() {
+	      return this.typedValue;
+	    },
+	    set: function set(date) {
+	      this.typedValue = date;
+	    }
+	  }, {
+	    key: "typedValue",
+	    get: function get() {
+	      return this.isComplete ? _get(_getPrototypeOf(MaskedDate.prototype), "typedValue", this) : null;
+	    },
+	    set: function set(value) {
+	      _set(_getPrototypeOf(MaskedDate.prototype), "typedValue", value, this, true);
+	    }
+	  }]);
+	  return MaskedDate;
+	}(MaskedPattern);
+	MaskedDate.DEFAULTS = {
+	  pattern: 'd{.}`m{.}`Y',
+	  format: function format(date) {
+	    var day = String(date.getDate()).padStart(2, '0');
+	    var month = String(date.getMonth() + 1).padStart(2, '0');
+	    var year = date.getFullYear();
+	    return [day, month, year].join('.');
+	  },
+	  parse: function parse(str) {
+	    var _str$split = str.split('.'),
+	        _str$split2 = _slicedToArray(_str$split, 3),
+	        day = _str$split2[0],
+	        month = _str$split2[1],
+	        year = _str$split2[2];
+	    return new Date(year, month - 1, day);
+	  }
+	};
+	MaskedDate.GET_DEFAULT_BLOCKS = function () {
+	  return {
+	    d: {
+	      mask: MaskedRange,
+	      from: 1,
+	      to: 31,
+	      maxLength: 2
+	    },
+	    m: {
+	      mask: MaskedRange,
+	      from: 1,
+	      to: 12,
+	      maxLength: 2
+	    },
+	    Y: {
+	      mask: MaskedRange,
+	      from: 1900,
+	      to: 9999
+	    }
+	  };
+	};
+	IMask.MaskedDate = MaskedDate;
+
+	var MaskElement =
+	function () {
+	  function MaskElement() {
+	    _classCallCheck(this, MaskElement);
+	  }
+	  _createClass(MaskElement, [{
+	    key: "select",
+	    value: function select(start, end) {
+	      if (start == null || end == null || start === this.selectionStart && end === this.selectionEnd) return;
+	      try {
+	        this._unsafeSelect(start, end);
+	      } catch (e) {}
+	    }
+	  }, {
+	    key: "_unsafeSelect",
+	    value: function _unsafeSelect(start, end) {}
+	  }, {
+	    key: "bindEvents",
+	    value: function bindEvents(handlers) {}
+	  }, {
+	    key: "unbindEvents",
+	    value: function unbindEvents() {}
+	  }, {
+	    key: "selectionStart",
+	    get: function get() {
+	      var start;
+	      try {
+	        start = this._unsafeSelectionStart;
+	      } catch (e) {}
+	      return start != null ? start : this.value.length;
+	    }
+	  }, {
+	    key: "selectionEnd",
+	    get: function get() {
+	      var end;
+	      try {
+	        end = this._unsafeSelectionEnd;
+	      } catch (e) {}
+	      return end != null ? end : this.value.length;
+	    }
+	  }, {
+	    key: "isActive",
+	    get: function get() {
+	      return false;
+	    }
+	  }]);
+	  return MaskElement;
+	}();
+	IMask.MaskElement = MaskElement;
+
+	var HTMLMaskElement =
+	function (_MaskElement) {
+	  _inherits(HTMLMaskElement, _MaskElement);
+	  function HTMLMaskElement(input) {
+	    var _this;
+	    _classCallCheck(this, HTMLMaskElement);
+	    _this = _possibleConstructorReturn(this, _getPrototypeOf(HTMLMaskElement).call(this));
+	    _this.input = input;
+	    _this._handlers = {};
+	    return _this;
+	  }
+	  _createClass(HTMLMaskElement, [{
+	    key: "_unsafeSelect",
+	    value: function _unsafeSelect(start, end) {
+	      this.input.setSelectionRange(start, end);
+	    }
+	  }, {
+	    key: "bindEvents",
+	    value: function bindEvents(handlers) {
+	      var _this2 = this;
+	      Object.keys(handlers).forEach(function (event) {
+	        return _this2._toggleEventHandler(HTMLMaskElement.EVENTS_MAP[event], handlers[event]);
+	      });
+	    }
+	  }, {
+	    key: "unbindEvents",
+	    value: function unbindEvents() {
+	      var _this3 = this;
+	      Object.keys(this._handlers).forEach(function (event) {
+	        return _this3._toggleEventHandler(event);
+	      });
+	    }
+	  }, {
+	    key: "_toggleEventHandler",
+	    value: function _toggleEventHandler(event, handler) {
+	      if (this._handlers[event]) {
+	        this.input.removeEventListener(event, this._handlers[event]);
+	        delete this._handlers[event];
+	      }
+	      if (handler) {
+	        this.input.addEventListener(event, handler);
+	        this._handlers[event] = handler;
+	      }
+	    }
+	  }, {
+	    key: "rootElement",
+	    get: function get() {
+	      return this.input.getRootNode ? this.input.getRootNode() : document;
+	    }
+	  }, {
+	    key: "isActive",
+	    get: function get() {
+	      return this.input === this.rootElement.activeElement;
+	    }
+	  }, {
+	    key: "_unsafeSelectionStart",
+	    get: function get() {
+	      return this.input.selectionStart;
+	    }
+	  }, {
+	    key: "_unsafeSelectionEnd",
+	    get: function get() {
+	      return this.input.selectionEnd;
+	    }
+	  }, {
+	    key: "value",
+	    get: function get() {
+	      return this.input.value;
+	    },
+	    set: function set(value) {
+	      this.input.value = value;
+	    }
+	  }]);
+	  return HTMLMaskElement;
+	}(MaskElement);
+	HTMLMaskElement.EVENTS_MAP = {
+	  selectionChange: 'keydown',
+	  input: 'input',
+	  drop: 'drop',
+	  click: 'click',
+	  focus: 'focus',
+	  commit: 'blur'
+	};
+	IMask.HTMLMaskElement = HTMLMaskElement;
+
+	var HTMLContenteditableMaskElement =
+	function (_HTMLMaskElement) {
+	  _inherits(HTMLContenteditableMaskElement, _HTMLMaskElement);
+	  function HTMLContenteditableMaskElement() {
+	    _classCallCheck(this, HTMLContenteditableMaskElement);
+	    return _possibleConstructorReturn(this, _getPrototypeOf(HTMLContenteditableMaskElement).apply(this, arguments));
+	  }
+	  _createClass(HTMLContenteditableMaskElement, [{
+	    key: "_unsafeSelect",
+	    value: function _unsafeSelect(start, end) {
+	      if (!this.rootElement.createRange) return;
+	      var range = this.rootElement.createRange();
+	      range.setStart(this.input.firstChild || this.input, start);
+	      range.setEnd(this.input.lastChild || this.input, end);
+	      var root = this.rootElement;
+	      var selection = root.getSelection && root.getSelection();
+	      if (selection) {
+	        selection.removeAllRanges();
+	        selection.addRange(range);
+	      }
+	    }
+	  }, {
+	    key: "_unsafeSelectionStart",
+	    get: function get() {
+	      var root = this.rootElement;
+	      var selection = root.getSelection && root.getSelection();
+	      return selection && selection.anchorOffset;
+	    }
+	  }, {
+	    key: "_unsafeSelectionEnd",
+	    get: function get() {
+	      var root = this.rootElement;
+	      var selection = root.getSelection && root.getSelection();
+	      return selection && this._unsafeSelectionStart + String(selection).length;
+	    }
+	  }, {
+	    key: "value",
+	    get: function get() {
+	      return this.input.textContent;
+	    },
+	    set: function set(value) {
+	      this.input.textContent = value;
+	    }
+	  }]);
+	  return HTMLContenteditableMaskElement;
+	}(HTMLMaskElement);
+	IMask.HTMLContenteditableMaskElement = HTMLContenteditableMaskElement;
+
+	var InputMask =
+	function () {
+	  function InputMask(el, opts) {
+	    _classCallCheck(this, InputMask);
+	    this.el = el instanceof MaskElement ? el : el.isContentEditable && el.tagName !== 'INPUT' && el.tagName !== 'TEXTAREA' ? new HTMLContenteditableMaskElement(el) : new HTMLMaskElement(el);
+	    this.masked = createMask(opts);
+	    this._listeners = {};
+	    this._value = '';
+	    this._unmaskedValue = '';
+	    this._saveSelection = this._saveSelection.bind(this);
+	    this._onInput = this._onInput.bind(this);
+	    this._onChange = this._onChange.bind(this);
+	    this._onDrop = this._onDrop.bind(this);
+	    this._onFocus = this._onFocus.bind(this);
+	    this._onClick = this._onClick.bind(this);
+	    this.alignCursor = this.alignCursor.bind(this);
+	    this.alignCursorFriendly = this.alignCursorFriendly.bind(this);
+	    this._bindEvents();
+	    this.updateValue();
+	    this._onChange();
+	  }
+	  _createClass(InputMask, [{
+	    key: "maskEquals",
+	    value: function maskEquals(mask) {
+	      return mask == null || mask === this.masked.mask || mask === Date && this.masked instanceof MaskedDate;
+	    }
+	  }, {
+	    key: "_bindEvents",
+	    value: function _bindEvents() {
+	      this.el.bindEvents({
+	        selectionChange: this._saveSelection,
+	        input: this._onInput,
+	        drop: this._onDrop,
+	        click: this._onClick,
+	        focus: this._onFocus,
+	        commit: this._onChange
+	      });
+	    }
+	  }, {
+	    key: "_unbindEvents",
+	    value: function _unbindEvents() {
+	      if (this.el) this.el.unbindEvents();
+	    }
+	  }, {
+	    key: "_fireEvent",
+	    value: function _fireEvent(ev) {
+	      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+	        args[_key - 1] = arguments[_key];
+	      }
+	      var listeners = this._listeners[ev];
+	      if (!listeners) return;
+	      listeners.forEach(function (l) {
+	        return l.apply(void 0, args);
+	      });
+	    }
+	  }, {
+	    key: "_saveSelection",
+	    value: function _saveSelection()
+	    {
+	      if (this.value !== this.el.value) {
+	        console.warn('Element value was changed outside of mask. Syncronize mask using `mask.updateValue()` to work properly.');
+	      }
+	      this._selection = {
+	        start: this.selectionStart,
+	        end: this.cursorPos
+	      };
+	    }
+	  }, {
+	    key: "updateValue",
+	    value: function updateValue() {
+	      this.masked.value = this.el.value;
+	      this._value = this.masked.value;
+	    }
+	  }, {
+	    key: "updateControl",
+	    value: function updateControl() {
+	      var newUnmaskedValue = this.masked.unmaskedValue;
+	      var newValue = this.masked.value;
+	      var isChanged = this.unmaskedValue !== newUnmaskedValue || this.value !== newValue;
+	      this._unmaskedValue = newUnmaskedValue;
+	      this._value = newValue;
+	      if (this.el.value !== newValue) this.el.value = newValue;
+	      if (isChanged) this._fireChangeEvents();
+	    }
+	  }, {
+	    key: "updateOptions",
+	    value: function updateOptions(opts) {
+	      var mask = opts.mask,
+	          restOpts = _objectWithoutProperties(opts, ["mask"]);
+	      var updateMask = !this.maskEquals(mask);
+	      var updateOpts = !objectIncludes(this.masked, restOpts);
+	      if (updateMask) this.mask = mask;
+	      if (updateOpts) this.masked.updateOptions(restOpts);
+	      if (updateMask || updateOpts) this.updateControl();
+	    }
+	  }, {
+	    key: "updateCursor",
+	    value: function updateCursor(cursorPos) {
+	      if (cursorPos == null) return;
+	      this.cursorPos = cursorPos;
+	      this._delayUpdateCursor(cursorPos);
+	    }
+	  }, {
+	    key: "_delayUpdateCursor",
+	    value: function _delayUpdateCursor(cursorPos) {
+	      var _this = this;
+	      this._abortUpdateCursor();
+	      this._changingCursorPos = cursorPos;
+	      this._cursorChanging = setTimeout(function () {
+	        if (!_this.el) return;
+	        _this.cursorPos = _this._changingCursorPos;
+	        _this._abortUpdateCursor();
+	      }, 10);
+	    }
+	  }, {
+	    key: "_fireChangeEvents",
+	    value: function _fireChangeEvents() {
+	      this._fireEvent('accept', this._inputEvent);
+	      if (this.masked.isComplete) this._fireEvent('complete', this._inputEvent);
+	    }
+	  }, {
+	    key: "_abortUpdateCursor",
+	    value: function _abortUpdateCursor() {
+	      if (this._cursorChanging) {
+	        clearTimeout(this._cursorChanging);
+	        delete this._cursorChanging;
+	      }
+	    }
+	  }, {
+	    key: "alignCursor",
+	    value: function alignCursor() {
+	      this.cursorPos = this.masked.nearestInputPos(this.cursorPos, DIRECTION.LEFT);
+	    }
+	  }, {
+	    key: "alignCursorFriendly",
+	    value: function alignCursorFriendly() {
+	      if (this.selectionStart !== this.cursorPos) return;
+	      this.alignCursor();
+	    }
+	  }, {
+	    key: "on",
+	    value: function on(ev, handler) {
+	      if (!this._listeners[ev]) this._listeners[ev] = [];
+	      this._listeners[ev].push(handler);
+	      return this;
+	    }
+	  }, {
+	    key: "off",
+	    value: function off(ev, handler) {
+	      if (!this._listeners[ev]) return this;
+	      if (!handler) {
+	        delete this._listeners[ev];
+	        return this;
+	      }
+	      var hIndex = this._listeners[ev].indexOf(handler);
+	      if (hIndex >= 0) this._listeners[ev].splice(hIndex, 1);
+	      return this;
+	    }
+	  }, {
+	    key: "_onInput",
+	    value: function _onInput(e) {
+	      this._inputEvent = e;
+	      this._abortUpdateCursor();
+	      if (!this._selection) return this.updateValue();
+	      var details = new ActionDetails(
+	      this.el.value, this.cursorPos,
+	      this.value, this._selection);
+	      var oldRawValue = this.masked.rawInputValue;
+	      var offset = this.masked.splice(details.startChangePos, details.removed.length, details.inserted, details.removeDirection).offset;
+	      var removeDirection = oldRawValue === this.masked.rawInputValue ? details.removeDirection : DIRECTION.NONE;
+	      var cursorPos = this.masked.nearestInputPos(details.startChangePos + offset, removeDirection);
+	      this.updateControl();
+	      this.updateCursor(cursorPos);
+	      delete this._inputEvent;
+	    }
+	  }, {
+	    key: "_onChange",
+	    value: function _onChange() {
+	      if (this.value !== this.el.value) {
+	        this.updateValue();
+	      }
+	      this.masked.doCommit();
+	      this.updateControl();
+	      this._saveSelection();
+	    }
+	  }, {
+	    key: "_onDrop",
+	    value: function _onDrop(ev) {
+	      ev.preventDefault();
+	      ev.stopPropagation();
+	    }
+	  }, {
+	    key: "_onFocus",
+	    value: function _onFocus(ev) {
+	      this.alignCursorFriendly();
+	    }
+	  }, {
+	    key: "_onClick",
+	    value: function _onClick(ev) {
+	      this.alignCursorFriendly();
+	    }
+	  }, {
+	    key: "destroy",
+	    value: function destroy() {
+	      this._unbindEvents();
+	      this._listeners.length = 0;
+	      delete this.el;
+	    }
+	  }, {
+	    key: "mask",
+	    get: function get() {
+	      return this.masked.mask;
+	    },
+	    set: function set(mask) {
+	      if (this.maskEquals(mask)) return;
+	      if (!(mask instanceof IMask.Masked) && this.masked.constructor === maskedClass(mask)) {
+	        this.masked.updateOptions({
+	          mask: mask
+	        });
+	        return;
+	      }
+	      var masked = createMask({
+	        mask: mask
+	      });
+	      masked.unmaskedValue = this.masked.unmaskedValue;
+	      this.masked = masked;
+	    }
+	  }, {
+	    key: "value",
+	    get: function get() {
+	      return this._value;
+	    },
+	    set: function set(str) {
+	      this.masked.value = str;
+	      this.updateControl();
+	      this.alignCursor();
+	    }
+	  }, {
+	    key: "unmaskedValue",
+	    get: function get() {
+	      return this._unmaskedValue;
+	    },
+	    set: function set(str) {
+	      this.masked.unmaskedValue = str;
+	      this.updateControl();
+	      this.alignCursor();
+	    }
+	  }, {
+	    key: "typedValue",
+	    get: function get() {
+	      return this.masked.typedValue;
+	    },
+	    set: function set(val) {
+	      this.masked.typedValue = val;
+	      this.updateControl();
+	      this.alignCursor();
+	    }
+	  }, {
+	    key: "selectionStart",
+	    get: function get() {
+	      return this._cursorChanging ? this._changingCursorPos : this.el.selectionStart;
+	    }
+	  }, {
+	    key: "cursorPos",
+	    get: function get() {
+	      return this._cursorChanging ? this._changingCursorPos : this.el.selectionEnd;
+	    },
+	    set: function set(pos) {
+	      if (!this.el || !this.el.isActive) return;
+	      this.el.select(pos, pos);
+	      this._saveSelection();
+	    }
+	  }]);
+	  return InputMask;
+	}();
+	IMask.InputMask = InputMask;
+
+	var MaskedEnum =
+	function (_MaskedPattern) {
+	  _inherits(MaskedEnum, _MaskedPattern);
+	  function MaskedEnum() {
+	    _classCallCheck(this, MaskedEnum);
+	    return _possibleConstructorReturn(this, _getPrototypeOf(MaskedEnum).apply(this, arguments));
+	  }
+	  _createClass(MaskedEnum, [{
+	    key: "_update",
+	    value: function _update(opts) {
+	      if (opts.enum) opts.mask = '*'.repeat(opts.enum[0].length);
+	      _get(_getPrototypeOf(MaskedEnum.prototype), "_update", this).call(this, opts);
+	    }
+	  }, {
+	    key: "doValidate",
+	    value: function doValidate() {
+	      var _this = this,
+	          _get2;
+	      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+	        args[_key] = arguments[_key];
+	      }
+	      return this.enum.some(function (e) {
+	        return e.indexOf(_this.unmaskedValue) >= 0;
+	      }) && (_get2 = _get(_getPrototypeOf(MaskedEnum.prototype), "doValidate", this)).call.apply(_get2, [this].concat(args));
+	    }
+	  }]);
+	  return MaskedEnum;
+	}(MaskedPattern);
+	IMask.MaskedEnum = MaskedEnum;
+
+	var MaskedNumber =
+	function (_Masked) {
+	  _inherits(MaskedNumber, _Masked);
+	  function MaskedNumber(opts) {
+	    _classCallCheck(this, MaskedNumber);
+	    return _possibleConstructorReturn(this, _getPrototypeOf(MaskedNumber).call(this, Object.assign({}, MaskedNumber.DEFAULTS, {}, opts)));
+	  }
+	  _createClass(MaskedNumber, [{
+	    key: "_update",
+	    value: function _update(opts) {
+	      _get(_getPrototypeOf(MaskedNumber.prototype), "_update", this).call(this, opts);
+	      this._updateRegExps();
+	    }
+	  }, {
+	    key: "_updateRegExps",
+	    value: function _updateRegExps() {
+	      var start = '^' + (this.allowNegative ? '[+|\\-]?' : '');
+	      var midInput = '(0|([1-9]+\\d*))?';
+	      var mid = '\\d*';
+	      var end = (this.scale ? '(' + escapeRegExp(this.radix) + '\\d{0,' + this.scale + '})?' : '') + '$';
+	      this._numberRegExpInput = new RegExp(start + midInput + end);
+	      this._numberRegExp = new RegExp(start + mid + end);
+	      this._mapToRadixRegExp = new RegExp('[' + this.mapToRadix.map(escapeRegExp).join('') + ']', 'g');
+	      this._thousandsSeparatorRegExp = new RegExp(escapeRegExp(this.thousandsSeparator), 'g');
+	    }
+	  }, {
+	    key: "_removeThousandsSeparators",
+	    value: function _removeThousandsSeparators(value) {
+	      return value.replace(this._thousandsSeparatorRegExp, '');
+	    }
+	  }, {
+	    key: "_insertThousandsSeparators",
+	    value: function _insertThousandsSeparators(value) {
+	      var parts = value.split(this.radix);
+	      parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, this.thousandsSeparator);
+	      return parts.join(this.radix);
+	    }
+	  }, {
+	    key: "doPrepare",
+	    value: function doPrepare(str) {
+	      var _get2;
+	      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+	        args[_key - 1] = arguments[_key];
+	      }
+	      return (_get2 = _get(_getPrototypeOf(MaskedNumber.prototype), "doPrepare", this)).call.apply(_get2, [this, this._removeThousandsSeparators(str.replace(this._mapToRadixRegExp, this.radix))].concat(args));
+	    }
+	  }, {
+	    key: "_separatorsCount",
+	    value: function _separatorsCount(to) {
+	      var extendOnSeparators = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+	      var count = 0;
+	      for (var pos = 0; pos < to; ++pos) {
+	        if (this._value.indexOf(this.thousandsSeparator, pos) === pos) {
+	          ++count;
+	          if (extendOnSeparators) to += this.thousandsSeparator.length;
+	        }
+	      }
+	      return count;
+	    }
+	  }, {
+	    key: "_separatorsCountFromSlice",
+	    value: function _separatorsCountFromSlice() {
+	      var slice = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._value;
+	      return this._separatorsCount(this._removeThousandsSeparators(slice).length, true);
+	    }
+	  }, {
+	    key: "extractInput",
+	    value: function extractInput() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      var flags = arguments.length > 2 ? arguments[2] : undefined;
+	      var _this$_adjustRangeWit = this._adjustRangeWithSeparators(fromPos, toPos);
+	      var _this$_adjustRangeWit2 = _slicedToArray(_this$_adjustRangeWit, 2);
+	      fromPos = _this$_adjustRangeWit2[0];
+	      toPos = _this$_adjustRangeWit2[1];
+	      return this._removeThousandsSeparators(_get(_getPrototypeOf(MaskedNumber.prototype), "extractInput", this).call(this, fromPos, toPos, flags));
+	    }
+	  }, {
+	    key: "_appendCharRaw",
+	    value: function _appendCharRaw(ch) {
+	      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      if (!this.thousandsSeparator) return _get(_getPrototypeOf(MaskedNumber.prototype), "_appendCharRaw", this).call(this, ch, flags);
+	      var prevBeforeTailValue = flags.tail && flags._beforeTailState ? flags._beforeTailState._value : this._value;
+	      var prevBeforeTailSeparatorsCount = this._separatorsCountFromSlice(prevBeforeTailValue);
+	      this._value = this._removeThousandsSeparators(this.value);
+	      var appendDetails = _get(_getPrototypeOf(MaskedNumber.prototype), "_appendCharRaw", this).call(this, ch, flags);
+	      this._value = this._insertThousandsSeparators(this._value);
+	      var beforeTailValue = flags.tail && flags._beforeTailState ? flags._beforeTailState._value : this._value;
+	      var beforeTailSeparatorsCount = this._separatorsCountFromSlice(beforeTailValue);
+	      appendDetails.tailShift += (beforeTailSeparatorsCount - prevBeforeTailSeparatorsCount) * this.thousandsSeparator.length;
+	      appendDetails.skip = !appendDetails.rawInserted && ch === this.thousandsSeparator;
+	      return appendDetails;
+	    }
+	  }, {
+	    key: "_findSeparatorAround",
+	    value: function _findSeparatorAround(pos) {
+	      if (this.thousandsSeparator) {
+	        var searchFrom = pos - this.thousandsSeparator.length + 1;
+	        var separatorPos = this.value.indexOf(this.thousandsSeparator, searchFrom);
+	        if (separatorPos <= pos) return separatorPos;
+	      }
+	      return -1;
+	    }
+	  }, {
+	    key: "_adjustRangeWithSeparators",
+	    value: function _adjustRangeWithSeparators(from, to) {
+	      var separatorAroundFromPos = this._findSeparatorAround(from);
+	      if (separatorAroundFromPos >= 0) from = separatorAroundFromPos;
+	      var separatorAroundToPos = this._findSeparatorAround(to);
+	      if (separatorAroundToPos >= 0) to = separatorAroundToPos + this.thousandsSeparator.length;
+	      return [from, to];
+	    }
+	  }, {
+	    key: "remove",
+	    value: function remove() {
+	      var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+	      var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+	      var _this$_adjustRangeWit3 = this._adjustRangeWithSeparators(fromPos, toPos);
+	      var _this$_adjustRangeWit4 = _slicedToArray(_this$_adjustRangeWit3, 2);
+	      fromPos = _this$_adjustRangeWit4[0];
+	      toPos = _this$_adjustRangeWit4[1];
+	      var valueBeforePos = this.value.slice(0, fromPos);
+	      var valueAfterPos = this.value.slice(toPos);
+	      var prevBeforeTailSeparatorsCount = this._separatorsCount(valueBeforePos.length);
+	      this._value = this._insertThousandsSeparators(this._removeThousandsSeparators(valueBeforePos + valueAfterPos));
+	      var beforeTailSeparatorsCount = this._separatorsCountFromSlice(valueBeforePos);
+	      return new ChangeDetails({
+	        tailShift: (beforeTailSeparatorsCount - prevBeforeTailSeparatorsCount) * this.thousandsSeparator.length
+	      });
+	    }
+	  }, {
+	    key: "nearestInputPos",
+	    value: function nearestInputPos(cursorPos, direction) {
+	      if (!this.thousandsSeparator) return cursorPos;
+	      switch (direction) {
+	        case DIRECTION.NONE:
+	        case DIRECTION.LEFT:
+	        case DIRECTION.FORCE_LEFT:
+	          {
+	            var separatorAtLeftPos = this._findSeparatorAround(cursorPos - 1);
+	            if (separatorAtLeftPos >= 0) {
+	              var separatorAtLeftEndPos = separatorAtLeftPos + this.thousandsSeparator.length;
+	              if (cursorPos < separatorAtLeftEndPos || this.value.length <= separatorAtLeftEndPos || direction === DIRECTION.FORCE_LEFT) {
+	                return separatorAtLeftPos;
+	              }
+	            }
+	            break;
+	          }
+	        case DIRECTION.RIGHT:
+	        case DIRECTION.FORCE_RIGHT:
+	          {
+	            var separatorAtRightPos = this._findSeparatorAround(cursorPos);
+	            if (separatorAtRightPos >= 0) {
+	              return separatorAtRightPos + this.thousandsSeparator.length;
+	            }
+	          }
+	      }
+	      return cursorPos;
+	    }
+	  }, {
+	    key: "doValidate",
+	    value: function doValidate(flags) {
+	      var regexp = flags.input ? this._numberRegExpInput : this._numberRegExp;
+	      var valid = regexp.test(this._removeThousandsSeparators(this.value));
+	      if (valid) {
+	        var number = this.number;
+	        valid = valid && !isNaN(number) && (
+	        this.min == null || this.min >= 0 || this.min <= this.number) && (
+	        this.max == null || this.max <= 0 || this.number <= this.max);
+	      }
+	      return valid && _get(_getPrototypeOf(MaskedNumber.prototype), "doValidate", this).call(this, flags);
+	    }
+	  }, {
+	    key: "doCommit",
+	    value: function doCommit() {
+	      if (this.value) {
+	        var number = this.number;
+	        var validnum = number;
+	        if (this.min != null) validnum = Math.max(validnum, this.min);
+	        if (this.max != null) validnum = Math.min(validnum, this.max);
+	        if (validnum !== number) this.unmaskedValue = String(validnum);
+	        var formatted = this.value;
+	        if (this.normalizeZeros) formatted = this._normalizeZeros(formatted);
+	        if (this.padFractionalZeros) formatted = this._padFractionalZeros(formatted);
+	        this._value = formatted;
+	      }
+	      _get(_getPrototypeOf(MaskedNumber.prototype), "doCommit", this).call(this);
+	    }
+	  }, {
+	    key: "_normalizeZeros",
+	    value: function _normalizeZeros(value) {
+	      var parts = this._removeThousandsSeparators(value).split(this.radix);
+	      parts[0] = parts[0].replace(/^(\D*)(0*)(\d*)/, function (match, sign, zeros, num) {
+	        return sign + num;
+	      });
+	      if (value.length && !/\d$/.test(parts[0])) parts[0] = parts[0] + '0';
+	      if (parts.length > 1) {
+	        parts[1] = parts[1].replace(/0*$/, '');
+	        if (!parts[1].length) parts.length = 1;
+	      }
+	      return this._insertThousandsSeparators(parts.join(this.radix));
+	    }
+	  }, {
+	    key: "_padFractionalZeros",
+	    value: function _padFractionalZeros(value) {
+	      if (!value) return value;
+	      var parts = value.split(this.radix);
+	      if (parts.length < 2) parts.push('');
+	      parts[1] = parts[1].padEnd(this.scale, '0');
+	      return parts.join(this.radix);
+	    }
+	  }, {
+	    key: "unmaskedValue",
+	    get: function get() {
+	      return this._removeThousandsSeparators(this._normalizeZeros(this.value)).replace(this.radix, '.');
+	    },
+	    set: function set(unmaskedValue) {
+	      _set(_getPrototypeOf(MaskedNumber.prototype), "unmaskedValue", unmaskedValue.replace('.', this.radix), this, true);
+	    }
+	  }, {
+	    key: "typedValue",
+	    get: function get() {
+	      return Number(this.unmaskedValue);
+	    },
+	    set: function set(n) {
+	      _set(_getPrototypeOf(MaskedNumber.prototype), "unmaskedValue", String(n), this, true);
+	    }
+	  }, {
+	    key: "number",
+	    get: function get() {
+	      return this.typedValue;
+	    },
+	    set: function set(number) {
+	      this.typedValue = number;
+	    }
+	  }, {
+	    key: "allowNegative",
+	    get: function get() {
+	      return this.signed || this.min != null && this.min < 0 || this.max != null && this.max < 0;
+	    }
+	  }]);
+	  return MaskedNumber;
+	}(Masked);
+	MaskedNumber.DEFAULTS = {
+	  radix: ',',
+	  thousandsSeparator: '',
+	  mapToRadix: ['.'],
+	  scale: 2,
+	  signed: false,
+	  normalizeZeros: true,
+	  padFractionalZeros: false
+	};
+	IMask.MaskedNumber = MaskedNumber;
+
+	var MaskedFunction =
+	function (_Masked) {
+	  _inherits(MaskedFunction, _Masked);
+	  function MaskedFunction() {
+	    _classCallCheck(this, MaskedFunction);
+	    return _possibleConstructorReturn(this, _getPrototypeOf(MaskedFunction).apply(this, arguments));
+	  }
+	  _createClass(MaskedFunction, [{
+	    key: "_update",
+	    value: function _update(opts) {
+	      if (opts.mask) opts.validate = opts.mask;
+	      _get(_getPrototypeOf(MaskedFunction.prototype), "_update", this).call(this, opts);
+	    }
+	  }]);
+	  return MaskedFunction;
+	}(Masked);
+	IMask.MaskedFunction = MaskedFunction;
+
+	var MaskedDynamic =
+	function (_Masked) {
+	  _inherits(MaskedDynamic, _Masked);
+	  function MaskedDynamic(opts) {
+	    var _this;
+	    _classCallCheck(this, MaskedDynamic);
+	    _this = _possibleConstructorReturn(this, _getPrototypeOf(MaskedDynamic).call(this, Object.assign({}, MaskedDynamic.DEFAULTS, {}, opts)));
+	    _this.currentMask = null;
+	    return _this;
+	  }
+	  _createClass(MaskedDynamic, [{
+	    key: "_update",
+	    value: function _update(opts) {
+	      _get(_getPrototypeOf(MaskedDynamic.prototype), "_update", this).call(this, opts);
+	      if ('mask' in opts) {
+	        this.compiledMasks = Array.isArray(opts.mask) ? opts.mask.map(function (m) {
+	          return createMask(m);
+	        }) : [];
+	      }
+	    }
+	  }, {
+	    key: "_appendCharRaw",
+	    value: function _appendCharRaw() {
+	      var details = this._applyDispatch.apply(this, arguments);
+	      if (this.currentMask) {
+	        var _this$currentMask;
+	        details.aggregate((_this$currentMask = this.currentMask)._appendChar.apply(_this$currentMask, arguments));
+	      }
+	      return details;
+	    }
+	  }, {
+	    key: "_applyDispatch",
+	    value: function _applyDispatch() {
+	      var appended = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+	      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      var prevValueBeforeTail = flags.tail && flags._beforeTailState != null ? flags._beforeTailState._value : this.value;
+	      var inputValue = this.rawInputValue;
+	      var insertValue = flags.tail && flags._beforeTailState != null ?
+	      flags._beforeTailState._rawInputValue : inputValue;
+	      var tailValue = inputValue.slice(insertValue.length);
+	      var prevMask = this.currentMask;
+	      var details = new ChangeDetails();
+	      var prevMaskState = prevMask && prevMask.state;
+	      this.currentMask = this.doDispatch(appended, Object.assign({}, flags));
+	      if (this.currentMask) {
+	        if (this.currentMask !== prevMask) {
+	          this.currentMask.reset();
+	          var d = this.currentMask.append(insertValue, {
+	            raw: true
+	          });
+	          details.tailShift = d.inserted.length - prevValueBeforeTail.length;
+	          if (tailValue) {
+	            details.tailShift += this.currentMask.append(tailValue, {
+	              raw: true,
+	              tail: true
+	            }).tailShift;
+	          }
+	        } else {
+	          this.currentMask.state = prevMaskState;
+	        }
+	      }
+	      return details;
+	    }
+	  }, {
+	    key: "_appendPlaceholder",
+	    value: function _appendPlaceholder() {
+	      var details = this._applyDispatch.apply(this, arguments);
+	      if (this.currentMask) {
+	        details.aggregate(this.currentMask._appendPlaceholder());
+	      }
+	      return details;
+	    }
+	  }, {
+	    key: "doDispatch",
+	    value: function doDispatch(appended) {
+	      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	      return this.dispatch(appended, this, flags);
+	    }
+	  }, {
+	    key: "doValidate",
+	    value: function doValidate() {
+	      var _get2, _this$currentMask2;
+	      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+	        args[_key] = arguments[_key];
+	      }
+	      return (_get2 = _get(_getPrototypeOf(MaskedDynamic.prototype), "doValidate", this)).call.apply(_get2, [this].concat(args)) && (!this.currentMask || (_this$currentMask2 = this.currentMask).doValidate.apply(_this$currentMask2, args));
+	    }
+	  }, {
+	    key: "reset",
+	    value: function reset() {
+	      if (this.currentMask) this.currentMask.reset();
+	      this.compiledMasks.forEach(function (m) {
+	        return m.reset();
+	      });
+	    }
+	  }, {
+	    key: "remove",
+	    value: function remove() {
+	      var details = new ChangeDetails();
+	      if (this.currentMask) {
+	        var _this$currentMask3;
+	        details.aggregate((_this$currentMask3 = this.currentMask).remove.apply(_this$currentMask3, arguments))
+	        .aggregate(this._applyDispatch());
+	      }
+	      return details;
+	    }
+	  }, {
+	    key: "extractInput",
+	    value: function extractInput() {
+	      var _this$currentMask4;
+	      return this.currentMask ? (_this$currentMask4 = this.currentMask).extractInput.apply(_this$currentMask4, arguments) : '';
+	    }
+	  }, {
+	    key: "extractTail",
+	    value: function extractTail() {
+	      var _this$currentMask5, _get3;
+	      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+	        args[_key2] = arguments[_key2];
+	      }
+	      return this.currentMask ? (_this$currentMask5 = this.currentMask).extractTail.apply(_this$currentMask5, args) : (_get3 = _get(_getPrototypeOf(MaskedDynamic.prototype), "extractTail", this)).call.apply(_get3, [this].concat(args));
+	    }
+	  }, {
+	    key: "doCommit",
+	    value: function doCommit() {
+	      if (this.currentMask) this.currentMask.doCommit();
+	      _get(_getPrototypeOf(MaskedDynamic.prototype), "doCommit", this).call(this);
+	    }
+	  }, {
+	    key: "nearestInputPos",
+	    value: function nearestInputPos() {
+	      var _this$currentMask6, _get4;
+	      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+	        args[_key3] = arguments[_key3];
+	      }
+	      return this.currentMask ? (_this$currentMask6 = this.currentMask).nearestInputPos.apply(_this$currentMask6, args) : (_get4 = _get(_getPrototypeOf(MaskedDynamic.prototype), "nearestInputPos", this)).call.apply(_get4, [this].concat(args));
+	    }
+	  }, {
+	    key: "value",
+	    get: function get() {
+	      return this.currentMask ? this.currentMask.value : '';
+	    },
+	    set: function set(value) {
+	      _set(_getPrototypeOf(MaskedDynamic.prototype), "value", value, this, true);
+	    }
+	  }, {
+	    key: "unmaskedValue",
+	    get: function get() {
+	      return this.currentMask ? this.currentMask.unmaskedValue : '';
+	    },
+	    set: function set(unmaskedValue) {
+	      _set(_getPrototypeOf(MaskedDynamic.prototype), "unmaskedValue", unmaskedValue, this, true);
+	    }
+	  }, {
+	    key: "typedValue",
+	    get: function get() {
+	      return this.currentMask ? this.currentMask.typedValue : '';
+	    }
+	    ,
+	    set: function set(value) {
+	      var unmaskedValue = String(value);
+	      if (this.currentMask) {
+	        this.currentMask.typedValue = value;
+	        unmaskedValue = this.currentMask.unmaskedValue;
+	      }
+	      this.unmaskedValue = unmaskedValue;
+	    }
+	  }, {
+	    key: "isComplete",
+	    get: function get() {
+	      return !!this.currentMask && this.currentMask.isComplete;
+	    }
+	  }, {
+	    key: "state",
+	    get: function get() {
+	      return Object.assign({}, _get(_getPrototypeOf(MaskedDynamic.prototype), "state", this), {
+	        _rawInputValue: this.rawInputValue,
+	        compiledMasks: this.compiledMasks.map(function (m) {
+	          return m.state;
+	        }),
+	        currentMaskRef: this.currentMask,
+	        currentMask: this.currentMask && this.currentMask.state
+	      });
+	    },
+	    set: function set(state) {
+	      var compiledMasks = state.compiledMasks,
+	          currentMaskRef = state.currentMaskRef,
+	          currentMask = state.currentMask,
+	          maskedState = _objectWithoutProperties(state, ["compiledMasks", "currentMaskRef", "currentMask"]);
+	      this.compiledMasks.forEach(function (m, mi) {
+	        return m.state = compiledMasks[mi];
+	      });
+	      if (currentMaskRef != null) {
+	        this.currentMask = currentMaskRef;
+	        this.currentMask.state = currentMask;
+	      }
+	      _set(_getPrototypeOf(MaskedDynamic.prototype), "state", maskedState, this, true);
+	    }
+	  }, {
+	    key: "overwrite",
+	    get: function get() {
+	      return this.currentMask ? this.currentMask.overwrite : _get(_getPrototypeOf(MaskedDynamic.prototype), "overwrite", this);
+	    },
+	    set: function set(overwrite) {
+	      console.warn('"overwrite" option is not available in dynamic mask, use this option in siblings');
+	    }
+	  }]);
+	  return MaskedDynamic;
+	}(Masked);
+	MaskedDynamic.DEFAULTS = {
+	  dispatch: function dispatch(appended, masked, flags) {
+	    if (!masked.compiledMasks.length) return;
+	    var inputValue = masked.rawInputValue;
+	    var inputs = masked.compiledMasks.map(function (m, index) {
+	      m.reset();
+	      m.append(inputValue, {
+	        raw: true
+	      });
+	      m.append(appended, flags);
+	      var weight = m.rawInputValue.length;
+	      return {
+	        weight: weight,
+	        index: index
+	      };
+	    });
+	    inputs.sort(function (i1, i2) {
+	      return i2.weight - i1.weight;
+	    });
+	    return masked.compiledMasks[inputs[0].index];
+	  }
+	};
+	IMask.MaskedDynamic = MaskedDynamic;
+
+	var PIPE_TYPE = {
+	  MASKED: 'value',
+	  UNMASKED: 'unmaskedValue',
+	  TYPED: 'typedValue'
+	};
+	function createPipe(mask) {
+	  var from = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : PIPE_TYPE.MASKED;
+	  var to = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : PIPE_TYPE.MASKED;
+	  var masked = createMask(mask);
+	  return function (value) {
+	    return masked.runIsolated(function (m) {
+	      m[from] = value;
+	      return m[to];
+	    });
+	  };
+	}
+	function pipe(value) {
+	  for (var _len = arguments.length, pipeArgs = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+	    pipeArgs[_key - 1] = arguments[_key];
+	  }
+	  return createPipe.apply(void 0, pipeArgs)(value);
+	}
+	IMask.PIPE_TYPE = PIPE_TYPE;
+	IMask.createPipe = createPipe;
+	IMask.pipe = pipe;
+
+	try {
+	  globalThis.IMask = IMask;
+	} catch (e) {}
+
+	var maskElementList = [].slice.call(document.querySelectorAll('[data-mask]'));
+	maskElementList.map(function (maskEl) {
+	  return new IMask(maskEl, {
+	    mask: maskEl.dataset.mask,
+	    lazy: maskEl.dataset['mask-visible'] === 'true'
+	  });
+	});
+
+	(function () {
+	  var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="tooltip"]'));
+	  tooltipTriggerList.map(function (tooltipTriggerEl) {
+	    var options = {
+	      delay: {
+	        show: 50,
+	        hide: 50
+	      },
+	      html: true,
+	      placement: 'auto'
+	    };
+	    return new bootstrap.Tooltip(tooltipTriggerEl, options);
+	  });
+	  var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="popover"]'));
+	  popoverTriggerList.map(function (popoverTriggerEl) {
+	    var options = {
+	      delay: {
+	        show: 50,
+	        hide: 50
+	      },
+	      html: true,
+	      placement: 'auto'
+	    };
+	    return new bootstrap.Popover(popoverTriggerEl, options);
+	  });
+	  var dropdownTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="dropdown"]'));
+	  dropdownTriggerList.map(function (dropdownTriggerEl) {
+	    return new bootstrap.Dropdown(dropdownTriggerEl);
+	  });
+	})();
 
 })));
diff --git a/dist/js/tabler.min.js b/dist/js/tabler.min.js
index 4c35213c6..8f1addd6c 100644
--- a/dist/js/tabler.min.js
+++ b/dist/js/tabler.min.js
@@ -1,9 +1,9 @@
 /*!
-* Tabler v1.0.0-alpha.8 (https://tabler.io)
-* @version 1.0.0-alpha.8
+* Tabler v1.0.0-alpha.9 (https://tabler.io)
+* @version 1.0.0-alpha.9
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 */
-!function(t){"function"==typeof define&&define.amd?define(t):t()}(function(){"use strict";var t="undefined"!=typeof window&&"undefined"!=typeof document&&"undefined"!=typeof navigator,e=function(){for(var e=["Edge","Trident","Firefox"],n=0;n<e.length;n+=1)if(t&&navigator.userAgent.indexOf(e[n])>=0)return 1;return 0}();var n=t&&window.Promise?function(t){var e=!1;return function(){e||(e=!0,window.Promise.resolve().then(function(){e=!1,t()}))}}:function(t){var n=!1;return function(){n||(n=!0,setTimeout(function(){n=!1,t()},e))}};function i(t){return t&&"[object Function]"==={}.toString.call(t)}function o(t,e){if(1!==t.nodeType)return[];var n=t.ownerDocument.defaultView.getComputedStyle(t,null);return e?n[e]:n}function r(t){return"HTML"===t.nodeName?t:t.parentNode||t.host}function s(t){if(!t)return document.body;switch(t.nodeName){case"HTML":case"BODY":return t.ownerDocument.body;case"#document":return t.body}var e=o(t),n=e.overflow,i=e.overflowX,a=e.overflowY;return/(auto|scroll|overlay)/.test(n+a+i)?t:s(r(t))}function a(t){return t&&t.referenceNode?t.referenceNode:t}var l=t&&!(!window.MSInputMethodContext||!document.documentMode),c=t&&/MSIE 10/.test(navigator.userAgent);function f(t){return 11===t?l:10===t?c:l||c}function u(t){if(!t)return document.documentElement;for(var e=f(10)?document.body:null,n=t.offsetParent||null;n===e&&t.nextElementSibling;)n=(t=t.nextElementSibling).offsetParent;var i=n&&n.nodeName;return i&&"BODY"!==i&&"HTML"!==i?-1!==["TH","TD","TABLE"].indexOf(n.nodeName)&&"static"===o(n,"position")?u(n):n:t?t.ownerDocument.documentElement:document.documentElement}function h(t){return null!==t.parentNode?h(t.parentNode):t}function d(t,e){if(!(t&&t.nodeType&&e&&e.nodeType))return document.documentElement;var n=t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING,i=n?t:e,o=n?e:t,r=document.createRange();r.setStart(i,0),r.setEnd(o,0);var s,a,l=r.commonAncestorContainer;if(t!==l&&e!==l||i.contains(o))return"BODY"===(a=(s=l).nodeName)||"HTML"!==a&&u(s.firstElementChild)!==s?u(l):l;var c=h(t);return c.host?d(c.host,e):d(t,h(e).host)}function p(t){var e="top"===(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top")?"scrollTop":"scrollLeft",n=t.nodeName;if("BODY"===n||"HTML"===n){var i=t.ownerDocument.documentElement;return(t.ownerDocument.scrollingElement||i)[e]}return t[e]}function g(t,e){var n="x"===e?"Left":"Top",i="Left"===n?"Right":"Bottom";return parseFloat(t["border"+n+"Width"])+parseFloat(t["border"+i+"Width"])}function m(t,e,n,i){return Math.max(e["offset"+t],e["scroll"+t],n["client"+t],n["offset"+t],n["scroll"+t],f(10)?parseInt(n["offset"+t])+parseInt(i["margin"+("Height"===t?"Top":"Left")])+parseInt(i["margin"+("Height"===t?"Bottom":"Right")]):0)}function v(t){var e=t.body,n=t.documentElement,i=f(10)&&getComputedStyle(n);return{height:m("Height",e,n,i),width:m("Width",e,n,i)}}var _=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},b=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}(),y=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t},w=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t};function E(t){return w({},t,{right:t.left+t.width,bottom:t.top+t.height})}function T(t){var e={};try{if(f(10)){e=t.getBoundingClientRect();var n=p(t,"top"),i=p(t,"left");e.top+=n,e.left+=i,e.bottom+=n,e.right+=i}else e=t.getBoundingClientRect()}catch(t){}var r={left:e.left,top:e.top,width:e.right-e.left,height:e.bottom-e.top},s="HTML"===t.nodeName?v(t.ownerDocument):{},a=s.width||t.clientWidth||r.width,l=s.height||t.clientHeight||r.height,c=t.offsetWidth-a,u=t.offsetHeight-l;if(c||u){var h=o(t);c-=g(h,"x"),u-=g(h,"y"),r.width-=c,r.height-=u}return E(r)}function D(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=f(10),r="HTML"===e.nodeName,a=T(t),l=T(e),c=s(t),u=o(e),h=parseFloat(u.borderTopWidth),d=parseFloat(u.borderLeftWidth);n&&r&&(l.top=Math.max(l.top,0),l.left=Math.max(l.left,0));var g=E({top:a.top-l.top-h,left:a.left-l.left-d,width:a.width,height:a.height});if(g.marginTop=0,g.marginLeft=0,!i&&r){var m=parseFloat(u.marginTop),v=parseFloat(u.marginLeft);g.top-=h-m,g.bottom-=h-m,g.left-=d-v,g.right-=d-v,g.marginTop=m,g.marginLeft=v}return(i&&!n?e.contains(c):e===c&&"BODY"!==c.nodeName)&&(g=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=p(e,"top"),o=p(e,"left"),r=n?-1:1;return t.top+=i*r,t.bottom+=i*r,t.left+=o*r,t.right+=o*r,t}(g,e)),g}function L(t){if(!t||!t.parentElement||f())return document.documentElement;for(var e=t.parentElement;e&&"none"===o(e,"transform");)e=e.parentElement;return e||document.documentElement}function C(t,e,n,i){var l=arguments.length>4&&void 0!==arguments[4]&&arguments[4],c={top:0,left:0},f=l?L(t):d(t,a(e));if("viewport"===i)c=function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=t.ownerDocument.documentElement,i=D(t,n),o=Math.max(n.clientWidth,window.innerWidth||0),r=Math.max(n.clientHeight,window.innerHeight||0),s=e?0:p(n),a=e?0:p(n,"left");return E({top:s-i.top+i.marginTop,left:a-i.left+i.marginLeft,width:o,height:r})}(f,l);else{var u=void 0;"scrollParent"===i?"BODY"===(u=s(r(e))).nodeName&&(u=t.ownerDocument.documentElement):u="window"===i?t.ownerDocument.documentElement:i;var h=D(u,f,l);if("HTML"!==u.nodeName||function t(e){var n=e.nodeName;if("BODY"===n||"HTML"===n)return!1;if("fixed"===o(e,"position"))return!0;var i=r(e);return!!i&&t(i)}(f))c=h;else{var g=v(t.ownerDocument),m=g.height,_=g.width;c.top+=h.top-h.marginTop,c.bottom=m+h.top,c.left+=h.left-h.marginLeft,c.right=_+h.left}}var b="number"==typeof(n=n||0);return c.left+=b?n:n.left||0,c.top+=b?n:n.top||0,c.right-=b?n:n.right||0,c.bottom-=b?n:n.bottom||0,c}function k(t,e,n,i,o){var r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;if(-1===t.indexOf("auto"))return t;var s=C(n,i,r,o),a={top:{width:s.width,height:e.top-s.top},right:{width:s.right-e.right,height:s.height},bottom:{width:s.width,height:s.bottom-e.bottom},left:{width:e.left-s.left,height:s.height}},l=Object.keys(a).map(function(t){return w({key:t},a[t],{area:(e=a[t],e.width*e.height)});var e}).sort(function(t,e){return e.area-t.area}),c=l.filter(function(t){var e=t.width,i=t.height;return e>=n.clientWidth&&i>=n.clientHeight}),f=c.length>0?c[0].key:l[0].key,u=t.split("-")[1];return f+(u?"-"+u:"")}function O(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;return D(n,i?L(e):d(e,a(n)),i)}function A(t){var e=t.ownerDocument.defaultView.getComputedStyle(t),n=parseFloat(e.marginTop||0)+parseFloat(e.marginBottom||0),i=parseFloat(e.marginLeft||0)+parseFloat(e.marginRight||0);return{width:t.offsetWidth+i,height:t.offsetHeight+n}}function S(t){var e={left:"right",right:"left",bottom:"top",top:"bottom"};return t.replace(/left|right|bottom|top/g,function(t){return e[t]})}function N(t,e,n){n=n.split("-")[0];var i=A(t),o={width:i.width,height:i.height},r=-1!==["right","left"].indexOf(n),s=r?"top":"left",a=r?"left":"top",l=r?"height":"width",c=r?"width":"height";return o[s]=e[s]+e[l]/2-i[l]/2,o[a]=n===a?e[a]-i[c]:e[S(a)],o}function x(t,e){return Array.prototype.find?t.find(e):t.filter(e)[0]}function I(t,e,n){return(void 0===n?t:t.slice(0,function(t,e,n){if(Array.prototype.findIndex)return t.findIndex(function(t){return t[e]===n});var i=x(t,function(t){return t[e]===n});return t.indexOf(i)}(t,"name",n))).forEach(function(t){t.function&&console.warn("`modifier.function` is deprecated, use `modifier.fn`!");var n=t.function||t.fn;t.enabled&&i(n)&&(e.offsets.popper=E(e.offsets.popper),e.offsets.reference=E(e.offsets.reference),e=n(e,t))}),e}function j(t,e){return t.some(function(t){var n=t.name;return t.enabled&&n===e})}function P(t){for(var e=[!1,"ms","Webkit","Moz","O"],n=t.charAt(0).toUpperCase()+t.slice(1),i=0;i<e.length;i++){var o=e[i],r=o?""+o+n:t;if(void 0!==document.body.style[r])return r}return null}function M(t){var e=t.ownerDocument;return e?e.defaultView:window}function H(t,e,n,i){n.updateBound=i,M(t).addEventListener("resize",n.updateBound,{passive:!0});var o=s(t);return function t(e,n,i,o){var r="BODY"===e.nodeName,a=r?e.ownerDocument.defaultView:e;a.addEventListener(n,i,{passive:!0}),r||t(s(a.parentNode),n,i,o),o.push(a)}(o,"scroll",n.updateBound,n.scrollParents),n.scrollElement=o,n.eventsEnabled=!0,n}function R(){var t,e;this.state.eventsEnabled&&(cancelAnimationFrame(this.scheduleUpdate),this.state=(t=this.reference,e=this.state,M(t).removeEventListener("resize",e.updateBound),e.scrollParents.forEach(function(t){t.removeEventListener("scroll",e.updateBound)}),e.updateBound=null,e.scrollParents=[],e.scrollElement=null,e.eventsEnabled=!1,e))}function B(t){return""!==t&&!isNaN(parseFloat(t))&&isFinite(t)}function F(t,e){Object.keys(e).forEach(function(n){var i="";-1!==["width","height","top","right","bottom","left"].indexOf(n)&&B(e[n])&&(i="px"),t.style[n]=e[n]+i})}var W=t&&/Firefox/i.test(navigator.userAgent);function U(t,e,n){var i=x(t,function(t){return t.name===e}),o=!!i&&t.some(function(t){return t.name===n&&t.enabled&&t.order<i.order});if(!o){var r="`"+e+"`",s="`"+n+"`";console.warn(s+" modifier is required by "+r+" modifier in order to work, be sure to include it before "+r+"!")}return o}var Q=["auto-start","auto","auto-end","top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"],K=Q.slice(3);function V(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=K.indexOf(t),i=K.slice(n+1).concat(K.slice(0,n));return e?i.reverse():i}var q={FLIP:"flip",CLOCKWISE:"clockwise",COUNTERCLOCKWISE:"counterclockwise"};function Y(t,e,n,i){var o=[0,0],r=-1!==["right","left"].indexOf(i),s=t.split(/(\+|\-)/).map(function(t){return t.trim()}),a=s.indexOf(x(s,function(t){return-1!==t.search(/,|\s/)}));s[a]&&-1===s[a].indexOf(",")&&console.warn("Offsets separated by white space(s) are deprecated, use a comma (,) instead.");var l=/\s*,\s*|\s+/,c=-1!==a?[s.slice(0,a).concat([s[a].split(l)[0]]),[s[a].split(l)[1]].concat(s.slice(a+1))]:[s];return(c=c.map(function(t,i){var o=(1===i?!r:r)?"height":"width",s=!1;return t.reduce(function(t,e){return""===t[t.length-1]&&-1!==["+","-"].indexOf(e)?(t[t.length-1]=e,s=!0,t):s?(t[t.length-1]+=e,s=!1,t):t.concat(e)},[]).map(function(t){return function(t,e,n,i){var o=t.match(/((?:\-|\+)?\d*\.?\d*)(.*)/),r=+o[1],s=o[2];if(!r)return t;if(0===s.indexOf("%")){var a=void 0;switch(s){case"%p":a=n;break;case"%":case"%r":default:a=i}return E(a)[e]/100*r}if("vh"===s||"vw"===s)return("vh"===s?Math.max(document.documentElement.clientHeight,window.innerHeight||0):Math.max(document.documentElement.clientWidth,window.innerWidth||0))/100*r;return r}(t,o,e,n)})})).forEach(function(t,e){t.forEach(function(n,i){B(n)&&(o[e]+=n*("-"===t[i-1]?-1:1))})}),o}var z={placement:"bottom",positionFixed:!1,eventsEnabled:!0,removeOnDestroy:!1,onCreate:function(){},onUpdate:function(){},modifiers:{shift:{order:100,enabled:!0,fn:function(t){var e=t.placement,n=e.split("-")[0],i=e.split("-")[1];if(i){var o=t.offsets,r=o.reference,s=o.popper,a=-1!==["bottom","top"].indexOf(n),l=a?"left":"top",c=a?"width":"height",f={start:y({},l,r[l]),end:y({},l,r[l]+r[c]-s[c])};t.offsets.popper=w({},s,f[i])}return t}},offset:{order:200,enabled:!0,fn:function(t,e){var n=e.offset,i=t.placement,o=t.offsets,r=o.popper,s=o.reference,a=i.split("-")[0],l=void 0;return l=B(+n)?[+n,0]:Y(n,r,s,a),"left"===a?(r.top+=l[0],r.left-=l[1]):"right"===a?(r.top+=l[0],r.left+=l[1]):"top"===a?(r.left+=l[0],r.top-=l[1]):"bottom"===a&&(r.left+=l[0],r.top+=l[1]),t.popper=r,t},offset:0},preventOverflow:{order:300,enabled:!0,fn:function(t,e){var n=e.boundariesElement||u(t.instance.popper);t.instance.reference===n&&(n=u(n));var i=P("transform"),o=t.instance.popper.style,r=o.top,s=o.left,a=o[i];o.top="",o.left="",o[i]="";var l=C(t.instance.popper,t.instance.reference,e.padding,n,t.positionFixed);o.top=r,o.left=s,o[i]=a,e.boundaries=l;var c=e.priority,f=t.offsets.popper,h={primary:function(t){var n=f[t];return f[t]<l[t]&&!e.escapeWithReference&&(n=Math.max(f[t],l[t])),y({},t,n)},secondary:function(t){var n="right"===t?"left":"top",i=f[n];return f[t]>l[t]&&!e.escapeWithReference&&(i=Math.min(f[n],l[t]-("right"===t?f.width:f.height))),y({},n,i)}};return c.forEach(function(t){var e=-1!==["left","top"].indexOf(t)?"primary":"secondary";f=w({},f,h[e](t))}),t.offsets.popper=f,t},priority:["left","right","top","bottom"],padding:5,boundariesElement:"scrollParent"},keepTogether:{order:400,enabled:!0,fn:function(t){var e=t.offsets,n=e.popper,i=e.reference,o=t.placement.split("-")[0],r=Math.floor,s=-1!==["top","bottom"].indexOf(o),a=s?"right":"bottom",l=s?"left":"top",c=s?"width":"height";return n[a]<r(i[l])&&(t.offsets.popper[l]=r(i[l])-n[c]),n[l]>r(i[a])&&(t.offsets.popper[l]=r(i[a])),t}},arrow:{order:500,enabled:!0,fn:function(t,e){var n;if(!U(t.instance.modifiers,"arrow","keepTogether"))return t;var i=e.element;if("string"==typeof i){if(!(i=t.instance.popper.querySelector(i)))return t}else if(!t.instance.popper.contains(i))return console.warn("WARNING: `arrow.element` must be child of its popper element!"),t;var r=t.placement.split("-")[0],s=t.offsets,a=s.popper,l=s.reference,c=-1!==["left","right"].indexOf(r),f=c?"height":"width",u=c?"Top":"Left",h=u.toLowerCase(),d=c?"left":"top",p=c?"bottom":"right",g=A(i)[f];l[p]-g<a[h]&&(t.offsets.popper[h]-=a[h]-(l[p]-g)),l[h]+g>a[p]&&(t.offsets.popper[h]+=l[h]+g-a[p]),t.offsets.popper=E(t.offsets.popper);var m=l[h]+l[f]/2-g/2,v=o(t.instance.popper),_=parseFloat(v["margin"+u]),b=parseFloat(v["border"+u+"Width"]),w=m-t.offsets.popper[h]-_-b;return w=Math.max(Math.min(a[f]-g,w),0),t.arrowElement=i,t.offsets.arrow=(y(n={},h,Math.round(w)),y(n,d,""),n),t},element:"[x-arrow]"},flip:{order:600,enabled:!0,fn:function(t,e){if(j(t.instance.modifiers,"inner"))return t;if(t.flipped&&t.placement===t.originalPlacement)return t;var n=C(t.instance.popper,t.instance.reference,e.padding,e.boundariesElement,t.positionFixed),i=t.placement.split("-")[0],o=S(i),r=t.placement.split("-")[1]||"",s=[];switch(e.behavior){case q.FLIP:s=[i,o];break;case q.CLOCKWISE:s=V(i);break;case q.COUNTERCLOCKWISE:s=V(i,!0);break;default:s=e.behavior}return s.forEach(function(a,l){if(i!==a||s.length===l+1)return t;i=t.placement.split("-")[0],o=S(i);var c=t.offsets.popper,f=t.offsets.reference,u=Math.floor,h="left"===i&&u(c.right)>u(f.left)||"right"===i&&u(c.left)<u(f.right)||"top"===i&&u(c.bottom)>u(f.top)||"bottom"===i&&u(c.top)<u(f.bottom),d=u(c.left)<u(n.left),p=u(c.right)>u(n.right),g=u(c.top)<u(n.top),m=u(c.bottom)>u(n.bottom),v="left"===i&&d||"right"===i&&p||"top"===i&&g||"bottom"===i&&m,_=-1!==["top","bottom"].indexOf(i),b=!!e.flipVariations&&(_&&"start"===r&&d||_&&"end"===r&&p||!_&&"start"===r&&g||!_&&"end"===r&&m),y=!!e.flipVariationsByContent&&(_&&"start"===r&&p||_&&"end"===r&&d||!_&&"start"===r&&m||!_&&"end"===r&&g),E=b||y;(h||v||E)&&(t.flipped=!0,(h||v)&&(i=s[l+1]),E&&(r=function(t){return"end"===t?"start":"start"===t?"end":t}(r)),t.placement=i+(r?"-"+r:""),t.offsets.popper=w({},t.offsets.popper,N(t.instance.popper,t.offsets.reference,t.placement)),t=I(t.instance.modifiers,t,"flip"))}),t},behavior:"flip",padding:5,boundariesElement:"viewport",flipVariations:!1,flipVariationsByContent:!1},inner:{order:700,enabled:!1,fn:function(t){var e=t.placement,n=e.split("-")[0],i=t.offsets,o=i.popper,r=i.reference,s=-1!==["left","right"].indexOf(n),a=-1===["top","left"].indexOf(n);return o[s?"left":"top"]=r[n]-(a?o[s?"width":"height"]:0),t.placement=S(e),t.offsets.popper=E(o),t}},hide:{order:800,enabled:!0,fn:function(t){if(!U(t.instance.modifiers,"hide","preventOverflow"))return t;var e=t.offsets.reference,n=x(t.instance.modifiers,function(t){return"preventOverflow"===t.name}).boundaries;if(e.bottom<n.top||e.left>n.right||e.top>n.bottom||e.right<n.left){if(!0===t.hide)return t;t.hide=!0,t.attributes["x-out-of-boundaries"]=""}else{if(!1===t.hide)return t;t.hide=!1,t.attributes["x-out-of-boundaries"]=!1}return t}},computeStyle:{order:850,enabled:!0,fn:function(t,e){var n=e.x,i=e.y,o=t.offsets.popper,r=x(t.instance.modifiers,function(t){return"applyStyle"===t.name}).gpuAcceleration;void 0!==r&&console.warn("WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!");var s=void 0!==r?r:e.gpuAcceleration,a=u(t.instance.popper),l=T(a),c={position:o.position},f=function(t,e){var n=t.offsets,i=n.popper,o=n.reference,r=Math.round,s=Math.floor,a=function(t){return t},l=r(o.width),c=r(i.width),f=-1!==["left","right"].indexOf(t.placement),u=-1!==t.placement.indexOf("-"),h=e?f||u||l%2==c%2?r:s:a,d=e?r:a;return{left:h(l%2==1&&c%2==1&&!u&&e?i.left-1:i.left),top:d(i.top),bottom:d(i.bottom),right:h(i.right)}}(t,window.devicePixelRatio<2||!W),h="bottom"===n?"top":"bottom",d="right"===i?"left":"right",p=P("transform"),g=void 0,m=void 0;if(m="bottom"===h?"HTML"===a.nodeName?-a.clientHeight+f.bottom:-l.height+f.bottom:f.top,g="right"===d?"HTML"===a.nodeName?-a.clientWidth+f.right:-l.width+f.right:f.left,s&&p)c[p]="translate3d("+g+"px, "+m+"px, 0)",c[h]=0,c[d]=0,c.willChange="transform";else{var v="bottom"===h?-1:1,_="right"===d?-1:1;c[h]=m*v,c[d]=g*_,c.willChange=h+", "+d}var b={"x-placement":t.placement};return t.attributes=w({},b,t.attributes),t.styles=w({},c,t.styles),t.arrowStyles=w({},t.offsets.arrow,t.arrowStyles),t},gpuAcceleration:!0,x:"bottom",y:"right"},applyStyle:{order:900,enabled:!0,fn:function(t){var e,n;return F(t.instance.popper,t.styles),e=t.instance.popper,n=t.attributes,Object.keys(n).forEach(function(t){!1!==n[t]?e.setAttribute(t,n[t]):e.removeAttribute(t)}),t.arrowElement&&Object.keys(t.arrowStyles).length&&F(t.arrowElement,t.arrowStyles),t},onLoad:function(t,e,n,i,o){var r=O(o,e,t,n.positionFixed),s=k(n.placement,r,e,t,n.modifiers.flip.boundariesElement,n.modifiers.flip.padding);return e.setAttribute("x-placement",s),F(e,{position:n.positionFixed?"fixed":"absolute"}),n},gpuAcceleration:void 0}}},X=function(){function t(e,o){var r=this,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};_(this,t),this.scheduleUpdate=function(){return requestAnimationFrame(r.update)},this.update=n(this.update.bind(this)),this.options=w({},t.Defaults,s),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=e&&e.jquery?e[0]:e,this.popper=o&&o.jquery?o[0]:o,this.options.modifiers={},Object.keys(w({},t.Defaults.modifiers,s.modifiers)).forEach(function(e){r.options.modifiers[e]=w({},t.Defaults.modifiers[e]||{},s.modifiers?s.modifiers[e]:{})}),this.modifiers=Object.keys(this.options.modifiers).map(function(t){return w({name:t},r.options.modifiers[t])}).sort(function(t,e){return t.order-e.order}),this.modifiers.forEach(function(t){t.enabled&&i(t.onLoad)&&t.onLoad(r.reference,r.popper,r.options,t,r.state)}),this.update();var a=this.options.eventsEnabled;a&&this.enableEventListeners(),this.state.eventsEnabled=a}return b(t,[{key:"update",value:function(){return function(){if(!this.state.isDestroyed){var t={instance:this,styles:{},arrowStyles:{},attributes:{},flipped:!1,offsets:{}};t.offsets.reference=O(this.state,this.popper,this.reference,this.options.positionFixed),t.placement=k(this.options.placement,t.offsets.reference,this.popper,this.reference,this.options.modifiers.flip.boundariesElement,this.options.modifiers.flip.padding),t.originalPlacement=t.placement,t.positionFixed=this.options.positionFixed,t.offsets.popper=N(this.popper,t.offsets.reference,t.placement),t.offsets.popper.position=this.options.positionFixed?"fixed":"absolute",t=I(this.modifiers,t),this.state.isCreated?this.options.onUpdate(t):(this.state.isCreated=!0,this.options.onCreate(t))}}.call(this)}},{key:"destroy",value:function(){return function(){return this.state.isDestroyed=!0,j(this.modifiers,"applyStyle")&&(this.popper.removeAttribute("x-placement"),this.popper.style.position="",this.popper.style.top="",this.popper.style.left="",this.popper.style.right="",this.popper.style.bottom="",this.popper.style.willChange="",this.popper.style[P("transform")]=""),this.disableEventListeners(),this.options.removeOnDestroy&&this.popper.parentNode.removeChild(this.popper),this}.call(this)}},{key:"enableEventListeners",value:function(){return function(){this.state.eventsEnabled||(this.state=H(this.reference,this.options,this.state,this.scheduleUpdate))}.call(this)}},{key:"disableEventListeners",value:function(){return R.call(this)}}]),t}();function G(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function $(t,e,n){return e&&G(t.prototype,e),n&&G(t,n),t}function Z(){return(Z=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t}).apply(this,arguments)}X.Utils=("undefined"!=typeof window?window:global).PopperUtils,X.placements=Q,X.Defaults=z;var J,tt,et,nt,it="transitionend",ot=function(t){do{t+=Math.floor(1e6*Math.random())}while(document.getElementById(t));return t},rt=function(t){var e=t.getAttribute("data-target");if(!e||"#"===e){var n=t.getAttribute("href");e=n&&"#"!==n?n.trim():null}return e},st=function(t){var e=rt(t);return e&&document.querySelector(e)?e:null},at=function(t){var e=rt(t);return e?document.querySelector(e):null},lt=function(t){if(!t)return 0;var e=window.getComputedStyle(t),n=e.transitionDuration,i=e.transitionDelay,o=parseFloat(n),r=parseFloat(i);return o||r?(n=n.split(",")[0],i=i.split(",")[0],1e3*(parseFloat(n)+parseFloat(i))):0},ct=function(t){t.dispatchEvent(new Event(it))},ft=function(t){return(t[0]||t).nodeType},ut=function(t,e){var n=!1,i=e+5;t.addEventListener(it,function e(){n=!0,t.removeEventListener(it,e)}),setTimeout(function(){n||ct(t)},i)},ht=function(t,e,n){Object.keys(n).forEach(function(i){var o,r=n[i],s=e[i],a=s&&ft(s)?"element":null==(o=s)?""+o:{}.toString.call(o).match(/\s([a-z]+)/i)[1].toLowerCase();if(!new RegExp(r).test(a))throw new Error(t.toUpperCase()+': Option "'+i+'" provided type "'+a+'" but expected type "'+r+'".')})},dt=function(t){if(!t)return!1;if(t.style&&t.parentNode&&t.parentNode.style){var e=getComputedStyle(t),n=getComputedStyle(t.parentNode);return"none"!==e.display&&"none"!==n.display&&"hidden"!==e.visibility}return!1},pt=function(){return function(){}},gt=function(t){return t.offsetHeight},mt=function(){var t=window.jQuery;return t&&!document.body.hasAttribute("data-no-jquery")?t:null},vt=(J={},tt=1,{set:function(t,e,n){void 0===t.bsKey&&(t.bsKey={key:e,id:tt},tt++),J[t.bsKey.id]=n},get:function(t,e){if(!t||void 0===t.bsKey)return null;var n=t.bsKey;return n.key===e?J[n.id]:null},delete:function(t,e){if(void 0!==t.bsKey){var n=t.bsKey;n.key===e&&(delete J[n.id],delete t.bsKey)}}}),_t={setData:function(t,e,n){vt.set(t,e,n)},getData:function(t,e){return vt.get(t,e)},removeData:function(t,e){vt.delete(t,e)}},bt=Element.prototype.querySelectorAll,yt=Element.prototype.querySelector,wt=(et=new CustomEvent("Bootstrap",{cancelable:!0}),(nt=document.createElement("div")).addEventListener("Bootstrap",function(){return null}),et.preventDefault(),nt.dispatchEvent(et),et.defaultPrevented),Et=/:scope\b/;(function(){var t=document.createElement("div");try{t.querySelectorAll(":scope *")}catch(t){return!1}return!0})()||(bt=function(t){if(!Et.test(t))return this.querySelectorAll(t);var e=Boolean(this.id);e||(this.id=ot("scope"));var n=null;try{t=t.replace(Et,"#"+this.id),n=this.querySelectorAll(t)}finally{e||this.removeAttribute("id")}return n},yt=function(t){if(!Et.test(t))return this.querySelector(t);var e=bt.call(this,t);return void 0!==e[0]?e[0]:null});var Tt=mt(),Dt=/[^.]*(?=\..*)\.|.*/,Lt=/\..*/,Ct=/::\d+$/,kt={},Ot=1,At={mouseenter:"mouseover",mouseleave:"mouseout"},St=["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"];function Nt(t,e){return e&&e+"::"+Ot++||t.uidEvent||Ot++}function xt(t){var e=Nt(t);return t.uidEvent=e,kt[e]=kt[e]||{},kt[e]}function It(t,e,n){void 0===n&&(n=null);for(var i=Object.keys(t),o=0,r=i.length;o<r;o++){var s=t[i[o]];if(s.originalHandler===e&&s.delegationSelector===n)return s}return null}function jt(t,e,n){var i="string"==typeof e,o=i?n:e,r=t.replace(Lt,""),s=At[r];return s&&(r=s),St.indexOf(r)>-1||(r=t),[i,o,r]}function Pt(t,e,n,i,o){if("string"==typeof e&&t){n||(n=i,i=null);var r=jt(e,n,i),s=r[0],a=r[1],l=r[2],c=xt(t),f=c[l]||(c[l]={}),u=It(f,a,s?n:null);if(u)u.oneOff=u.oneOff&&o;else{var h=Nt(a,e.replace(Dt,"")),d=s?function(t,e,n){return function i(o){for(var r=t.querySelectorAll(e),s=o.target;s&&s!==this;s=s.parentNode)for(var a=r.length;a--;)if(r[a]===s)return o.delegateTarget=s,i.oneOff&&Ht.off(t,o.type,n),n.apply(s,[o]);return null}}(t,n,i):function(t,e){return function n(i){return i.delegateTarget=t,n.oneOff&&Ht.off(t,i.type,e),e.apply(t,[i])}}(t,n);d.delegationSelector=s?n:null,d.originalHandler=a,d.oneOff=o,d.uidEvent=h,f[h]=d,t.addEventListener(l,d,s)}}}function Mt(t,e,n,i,o){var r=It(e[n],i,o);r&&(t.removeEventListener(n,r,Boolean(o)),delete e[n][r.uidEvent])}var Ht={on:function(t,e,n,i){Pt(t,e,n,i,!1)},one:function(t,e,n,i){Pt(t,e,n,i,!0)},off:function(t,e,n,i){if("string"==typeof e&&t){var o=jt(e,n,i),r=o[0],s=o[1],a=o[2],l=a!==e,c=xt(t),f="."===e.charAt(0);if(void 0===s){f&&Object.keys(c).forEach(function(n){!function(t,e,n,i){var o=e[n]||{};Object.keys(o).forEach(function(r){if(r.indexOf(i)>-1){var s=o[r];Mt(t,e,n,s.originalHandler,s.delegationSelector)}})}(t,c,n,e.slice(1))});var u=c[a]||{};Object.keys(u).forEach(function(n){var i=n.replace(Ct,"");if(!l||e.indexOf(i)>-1){var o=u[n];Mt(t,c,a,o.originalHandler,o.delegationSelector)}})}else{if(!c||!c[a])return;Mt(t,c,a,s,r?n:null)}}},trigger:function(t,e,n){if("string"!=typeof e||!t)return null;var i,o=e.replace(Lt,""),r=e!==o,s=St.indexOf(o)>-1,a=!0,l=!0,c=!1,f=null;return r&&Tt&&(i=Tt.Event(e,n),Tt(t).trigger(i),a=!i.isPropagationStopped(),l=!i.isImmediatePropagationStopped(),c=i.isDefaultPrevented()),s?(f=document.createEvent("HTMLEvents")).initEvent(o,a,!0):f=new CustomEvent(e,{bubbles:a,cancelable:!0}),void 0!==n&&Object.keys(n).forEach(function(t){Object.defineProperty(f,t,{get:function(){return n[t]}})}),c&&(f.preventDefault(),wt||Object.defineProperty(f,"defaultPrevented",{get:function(){return!0}})),l&&t.dispatchEvent(f),f.defaultPrevented&&void 0!==i&&i.preventDefault(),f}},Rt="bs.alert",Bt="."+Rt,Ft="close"+Bt,Wt="closed"+Bt,Ut="click"+Bt+".data-api",Qt=function(){function t(t){this._element=t,this._element&&_t.setData(t,Rt,this)}var e=t.prototype;return e.close=function(t){var e=t?this._getRootElement(t):this._element,n=this._triggerCloseEvent(e);null===n||n.defaultPrevented||this._removeElement(e)},e.dispose=function(){_t.removeData(this._element,Rt),this._element=null},e._getRootElement=function(t){return at(t)||t.closest(".alert")},e._triggerCloseEvent=function(t){return Ht.trigger(t,Ft)},e._removeElement=function(t){var e=this;if(t.classList.remove("show"),t.classList.contains("fade")){var n=lt(t);Ht.one(t,it,function(){return e._destroyElement(t)}),ut(t,n)}else this._destroyElement(t)},e._destroyElement=function(t){t.parentNode&&t.parentNode.removeChild(t),Ht.trigger(t,Wt)},t.jQueryInterface=function(e){return this.each(function(){var n=_t.getData(this,Rt);n||(n=new t(this)),"close"===e&&n[e](this)})},t.handleDismiss=function(t){return function(e){e&&e.preventDefault(),t.close(this)}},t.getInstance=function(t){return _t.getData(t,Rt)},$(t,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}}]),t}();Ht.on(document,Ut,'[data-dismiss="alert"]',Qt.handleDismiss(new Qt));var Kt=mt();if(Kt){var Vt=Kt.fn.alert;Kt.fn.alert=Qt.jQueryInterface,Kt.fn.alert.Constructor=Qt,Kt.fn.alert.noConflict=function(){return Kt.fn.alert=Vt,Qt.jQueryInterface}}var qt="bs.button",Yt="click"+("."+qt)+".data-api",zt=function(){function t(t){this._element=t,_t.setData(t,qt,this)}var e=t.prototype;return e.toggle=function(){this._element.setAttribute("aria-pressed",this._element.classList.toggle("active"))},e.dispose=function(){_t.removeData(this._element,qt),this._element=null},t.jQueryInterface=function(e){return this.each(function(){var n=_t.getData(this,qt);n||(n=new t(this)),"toggle"===e&&n[e]()})},t.getInstance=function(t){return _t.getData(t,qt)},$(t,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}}]),t}();Ht.on(document,Yt,'[data-toggle="button"]',function(t){t.preventDefault();var e=t.target.closest('[data-toggle="button"]'),n=_t.getData(e,qt);n||(n=new zt(e)),n.toggle()});var Xt=mt();if(Xt){var Gt=Xt.fn.button;Xt.fn.button=zt.jQueryInterface,Xt.fn.button.Constructor=zt,Xt.fn.button.noConflict=function(){return Xt.fn.button=Gt,zt.jQueryInterface}}function $t(t){return"true"===t||"false"!==t&&(t===Number(t).toString()?Number(t):""===t||"null"===t?null:t)}function Zt(t){return t.replace(/[A-Z]/g,function(t){return"-"+t.toLowerCase()})}var Jt={setDataAttribute:function(t,e,n){t.setAttribute("data-"+Zt(e),n)},removeDataAttribute:function(t,e){t.removeAttribute("data-"+Zt(e))},getDataAttributes:function(t){if(!t)return{};var e=Z({},t.dataset);return Object.keys(e).forEach(function(t){e[t]=$t(e[t])}),e},getDataAttribute:function(t,e){return $t(t.getAttribute("data-"+Zt(e)))},offset:function(t){var e=t.getBoundingClientRect();return{top:e.top+document.body.scrollTop,left:e.left+document.body.scrollLeft}},position:function(t){return{top:t.offsetTop,left:t.offsetLeft}},toggleClass:function(t,e){t&&(t.classList.contains(e)?t.classList.remove(e):t.classList.add(e))}},te={matches:function(t,e){return t.matches(e)},find:function(t,e){var n;return void 0===e&&(e=document.documentElement),(n=[]).concat.apply(n,bt.call(e,t))},findOne:function(t,e){return void 0===e&&(e=document.documentElement),yt.call(e,t)},children:function(t,e){var n,i=(n=[]).concat.apply(n,t.children);return i.filter(function(t){return t.matches(e)})},parents:function(t,e){for(var n=[],i=t.parentNode;i&&i.nodeType===Node.ELEMENT_NODE&&3!==i.nodeType;)this.matches(i,e)&&n.push(i),i=i.parentNode;return n},prev:function(t,e){for(var n=t.previousElementSibling;n;){if(n.matches(e))return[n];n=n.previousElementSibling}return[]},next:function(t,e){for(var n=t.nextElementSibling;n;){if(this.matches(n,e))return[n];n=n.nextElementSibling}return[]}},ee="carousel",ne="bs.carousel",ie="."+ne,oe={interval:5e3,keyboard:!0,slide:!1,pause:"hover",wrap:!0,touch:!0},re={interval:"(number|boolean)",keyboard:"boolean",slide:"(boolean|string)",pause:"(string|boolean)",wrap:"boolean",touch:"boolean"},se="slide"+ie,ae="slid"+ie,le="keydown"+ie,ce="mouseenter"+ie,fe="mouseleave"+ie,ue="touchstart"+ie,he="touchmove"+ie,de="touchend"+ie,pe="pointerdown"+ie,ge="pointerup"+ie,me="dragstart"+ie,ve="load"+ie+".data-api",_e="click"+ie+".data-api",be=".carousel-indicators",ye={TOUCH:"touch",PEN:"pen"},we=function(){function t(t,e){this._items=null,this._interval=null,this._activeElement=null,this._isPaused=!1,this._isSliding=!1,this.touchTimeout=null,this.touchStartX=0,this.touchDeltaX=0,this._config=this._getConfig(e),this._element=t,this._indicatorsElement=te.findOne(be,this._element),this._touchSupported="ontouchstart"in document.documentElement||navigator.maxTouchPoints>0,this._pointerEvent=Boolean(window.PointerEvent),this._addEventListeners(),_t.setData(t,ne,this)}var e=t.prototype;return e.next=function(){this._isSliding||this._slide("next")},e.nextWhenVisible=function(){!document.hidden&&dt(this._element)&&this.next()},e.prev=function(){this._isSliding||this._slide("prev")},e.pause=function(t){t||(this._isPaused=!0),te.findOne(".carousel-item-next, .carousel-item-prev",this._element)&&(ct(this._element),this.cycle(!0)),clearInterval(this._interval),this._interval=null},e.cycle=function(t){t||(this._isPaused=!1),this._interval&&(clearInterval(this._interval),this._interval=null),this._config&&this._config.interval&&!this._isPaused&&(this._interval=setInterval((document.visibilityState?this.nextWhenVisible:this.next).bind(this),this._config.interval))},e.to=function(t){var e=this;this._activeElement=te.findOne(".active.carousel-item",this._element);var n=this._getItemIndex(this._activeElement);if(!(t>this._items.length-1||t<0))if(this._isSliding)Ht.one(this._element,ae,function(){return e.to(t)});else{if(n===t)return this.pause(),void this.cycle();var i=t>n?"next":"prev";this._slide(i,this._items[t])}},e.dispose=function(){Ht.off(this._element,ie),_t.removeData(this._element,ne),this._items=null,this._config=null,this._element=null,this._interval=null,this._isPaused=null,this._isSliding=null,this._activeElement=null,this._indicatorsElement=null},e._getConfig=function(t){return t=Z({},oe,t),ht(ee,t,re),t},e._handleSwipe=function(){var t=Math.abs(this.touchDeltaX);if(!(t<=40)){var e=t/this.touchDeltaX;this.touchDeltaX=0,e>0&&this.prev(),e<0&&this.next()}},e._addEventListeners=function(){var t=this;this._config.keyboard&&Ht.on(this._element,le,function(e){return t._keydown(e)}),"hover"===this._config.pause&&(Ht.on(this._element,ce,function(e){return t.pause(e)}),Ht.on(this._element,fe,function(e){return t.cycle(e)})),this._config.touch&&this._touchSupported&&this._addTouchEventListeners()},e._addTouchEventListeners=function(){var t=this,e=function(e){t._pointerEvent&&ye[e.pointerType.toUpperCase()]?t.touchStartX=e.clientX:t._pointerEvent||(t.touchStartX=e.touches[0].clientX)},n=function(e){t._pointerEvent&&ye[e.pointerType.toUpperCase()]&&(t.touchDeltaX=e.clientX-t.touchStartX),t._handleSwipe(),"hover"===t._config.pause&&(t.pause(),t.touchTimeout&&clearTimeout(t.touchTimeout),t.touchTimeout=setTimeout(function(e){return t.cycle(e)},500+t._config.interval))};te.find(".carousel-item img",this._element).forEach(function(t){Ht.on(t,me,function(t){return t.preventDefault()})}),this._pointerEvent?(Ht.on(this._element,pe,function(t){return e(t)}),Ht.on(this._element,ge,function(t){return n(t)}),this._element.classList.add("pointer-event")):(Ht.on(this._element,ue,function(t){return e(t)}),Ht.on(this._element,he,function(e){return function(e){e.touches&&e.touches.length>1?t.touchDeltaX=0:t.touchDeltaX=e.touches[0].clientX-t.touchStartX}(e)}),Ht.on(this._element,de,function(t){return n(t)}))},e._keydown=function(t){if(!/input|textarea/i.test(t.target.tagName))switch(t.key){case"ArrowLeft":t.preventDefault(),this.prev();break;case"ArrowRight":t.preventDefault(),this.next()}},e._getItemIndex=function(t){return this._items=t&&t.parentNode?te.find(".carousel-item",t.parentNode):[],this._items.indexOf(t)},e._getItemByDirection=function(t,e){var n="next"===t,i="prev"===t,o=this._getItemIndex(e),r=this._items.length-1;if((i&&0===o||n&&o===r)&&!this._config.wrap)return e;var s=(o+("prev"===t?-1:1))%this._items.length;return-1===s?this._items[this._items.length-1]:this._items[s]},e._triggerSlideEvent=function(t,e){var n=this._getItemIndex(t),i=this._getItemIndex(te.findOne(".active.carousel-item",this._element));return Ht.trigger(this._element,se,{relatedTarget:t,direction:e,from:i,to:n})},e._setActiveIndicatorElement=function(t){if(this._indicatorsElement){for(var e=te.find(".active",this._indicatorsElement),n=0;n<e.length;n++)e[n].classList.remove("active");var i=this._indicatorsElement.children[this._getItemIndex(t)];i&&i.classList.add("active")}},e._slide=function(t,e){var n,i,o,r=this,s=te.findOne(".active.carousel-item",this._element),a=this._getItemIndex(s),l=e||s&&this._getItemByDirection(t,s),c=this._getItemIndex(l),f=Boolean(this._interval);if("next"===t?(n="carousel-item-left",i="carousel-item-next",o="left"):(n="carousel-item-right",i="carousel-item-prev",o="right"),l&&l.classList.contains("active"))this._isSliding=!1;else if(!this._triggerSlideEvent(l,o).defaultPrevented&&s&&l){if(this._isSliding=!0,f&&this.pause(),this._setActiveIndicatorElement(l),this._element.classList.contains("slide")){l.classList.add(i),gt(l),s.classList.add(n),l.classList.add(n);var u=parseInt(l.getAttribute("data-interval"),10);u?(this._config.defaultInterval=this._config.defaultInterval||this._config.interval,this._config.interval=u):this._config.interval=this._config.defaultInterval||this._config.interval;var h=lt(s);Ht.one(s,it,function(){l.classList.remove(n,i),l.classList.add("active"),s.classList.remove("active",i,n),r._isSliding=!1,setTimeout(function(){Ht.trigger(r._element,ae,{relatedTarget:l,direction:o,from:a,to:c})},0)}),ut(s,h)}else s.classList.remove("active"),l.classList.add("active"),this._isSliding=!1,Ht.trigger(this._element,ae,{relatedTarget:l,direction:o,from:a,to:c});f&&this.cycle()}},t.carouselInterface=function(e,n){var i=_t.getData(e,ne),o=Z({},oe,Jt.getDataAttributes(e));"object"==typeof n&&(o=Z({},o,n));var r="string"==typeof n?n:o.slide;if(i||(i=new t(e,o)),"number"==typeof n)i.to(n);else if("string"==typeof r){if(void 0===i[r])throw new TypeError('No method named "'+r+'"');i[r]()}else o.interval&&o.ride&&(i.pause(),i.cycle())},t.jQueryInterface=function(e){return this.each(function(){t.carouselInterface(this,e)})},t.dataApiClickHandler=function(e){var n=at(this);if(n&&n.classList.contains("carousel")){var i=Z({},Jt.getDataAttributes(n),Jt.getDataAttributes(this)),o=this.getAttribute("data-slide-to");o&&(i.interval=!1),t.carouselInterface(n,i),o&&_t.getData(n,ne).to(o),e.preventDefault()}},t.getInstance=function(t){return _t.getData(t,ne)},$(t,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}},{key:"Default",get:function(){return oe}}]),t}();Ht.on(document,_e,"[data-slide], [data-slide-to]",we.dataApiClickHandler),Ht.on(window,ve,function(){for(var t=te.find('[data-ride="carousel"]'),e=0,n=t.length;e<n;e++)we.carouselInterface(t[e],_t.getData(t[e],ne))});var Ee=mt();if(Ee){var Te=Ee.fn[ee];Ee.fn[ee]=we.jQueryInterface,Ee.fn[ee].Constructor=we,Ee.fn[ee].noConflict=function(){return Ee.fn[ee]=Te,we.jQueryInterface}}var De="collapse",Le="bs.collapse",Ce="."+Le,ke={toggle:!0,parent:""},Oe={toggle:"boolean",parent:"(string|element)"},Ae="show"+Ce,Se="shown"+Ce,Ne="hide"+Ce,xe="hidden"+Ce,Ie="click"+Ce+".data-api",je='[data-toggle="collapse"]',Pe=function(){function t(t,e){this._isTransitioning=!1,this._element=t,this._config=this._getConfig(e),this._triggerArray=te.find(je+'[href="#'+t.id+'"],'+je+'[data-target="#'+t.id+'"]');for(var n=te.find(je),i=0,o=n.length;i<o;i++){var r=n[i],s=st(r),a=te.find(s).filter(function(e){return e===t});null!==s&&a.length&&(this._selector=s,this._triggerArray.push(r))}this._parent=this._config.parent?this._getParent():null,this._config.parent||this._addAriaAndCollapsedClass(this._element,this._triggerArray),this._config.toggle&&this.toggle(),_t.setData(t,Le,this)}var e=t.prototype;return e.toggle=function(){this._element.classList.contains("show")?this.hide():this.show()},e.show=function(){var e=this;if(!this._isTransitioning&&!this._element.classList.contains("show")){var n,i;this._parent&&0===(n=te.find(".show, .collapsing",this._parent).filter(function(t){return"string"==typeof e._config.parent?t.getAttribute("data-parent")===e._config.parent:t.classList.contains("collapse")})).length&&(n=null);var o=te.findOne(this._selector);if(n){var r=n.filter(function(t){return o!==t});if((i=r[0]?_t.getData(r[0],Le):null)&&i._isTransitioning)return}if(!Ht.trigger(this._element,Ae).defaultPrevented){n&&n.forEach(function(e){o!==e&&t.collapseInterface(e,"hide"),i||_t.setData(e,Le,null)});var s=this._getDimension();this._element.classList.remove("collapse"),this._element.classList.add("collapsing"),this._element.style[s]=0,this._triggerArray.length&&this._triggerArray.forEach(function(t){t.classList.remove("collapsed"),t.setAttribute("aria-expanded",!0)}),this.setTransitioning(!0);var a="scroll"+(s[0].toUpperCase()+s.slice(1)),l=lt(this._element);Ht.one(this._element,it,function(){e._element.classList.remove("collapsing"),e._element.classList.add("collapse","show"),e._element.style[s]="",e.setTransitioning(!1),Ht.trigger(e._element,Se)}),ut(this._element,l),this._element.style[s]=this._element[a]+"px"}}},e.hide=function(){var t=this;if(!this._isTransitioning&&this._element.classList.contains("show")&&!Ht.trigger(this._element,Ne).defaultPrevented){var e=this._getDimension();this._element.style[e]=this._element.getBoundingClientRect()[e]+"px",gt(this._element),this._element.classList.add("collapsing"),this._element.classList.remove("collapse","show");var n=this._triggerArray.length;if(n>0)for(var i=0;i<n;i++){var o=this._triggerArray[i],r=at(o);r&&!r.classList.contains("show")&&(o.classList.add("collapsed"),o.setAttribute("aria-expanded",!1))}this.setTransitioning(!0);this._element.style[e]="";var s=lt(this._element);Ht.one(this._element,it,function(){t.setTransitioning(!1),t._element.classList.remove("collapsing"),t._element.classList.add("collapse"),Ht.trigger(t._element,xe)}),ut(this._element,s)}},e.setTransitioning=function(t){this._isTransitioning=t},e.dispose=function(){_t.removeData(this._element,Le),this._config=null,this._parent=null,this._element=null,this._triggerArray=null,this._isTransitioning=null},e._getConfig=function(t){return(t=Z({},ke,t)).toggle=Boolean(t.toggle),ht(De,t,Oe),t},e._getDimension=function(){return this._element.classList.contains("width")?"width":"height"},e._getParent=function(){var t=this,e=this._config.parent;ft(e)?void 0===e.jquery&&void 0===e[0]||(e=e[0]):e=te.findOne(e);var n=je+'[data-parent="'+e+'"]';return te.find(n,e).forEach(function(e){var n=at(e);t._addAriaAndCollapsedClass(n,[e])}),e},e._addAriaAndCollapsedClass=function(t,e){if(t&&e.length){var n=t.classList.contains("show");e.forEach(function(t){n?t.classList.remove("collapsed"):t.classList.add("collapsed"),t.setAttribute("aria-expanded",n)})}},t.collapseInterface=function(e,n){var i=_t.getData(e,Le),o=Z({},ke,Jt.getDataAttributes(e),"object"==typeof n&&n?n:{});if(!i&&o.toggle&&"string"==typeof n&&/show|hide/.test(n)&&(o.toggle=!1),i||(i=new t(e,o)),"string"==typeof n){if(void 0===i[n])throw new TypeError('No method named "'+n+'"');i[n]()}},t.jQueryInterface=function(e){return this.each(function(){t.collapseInterface(this,e)})},t.getInstance=function(t){return _t.getData(t,Le)},$(t,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}},{key:"Default",get:function(){return ke}}]),t}();Ht.on(document,Ie,je,function(t){"A"===t.target.tagName&&t.preventDefault();var e=Jt.getDataAttributes(this),n=st(this);te.find(n).forEach(function(t){var n,i=_t.getData(t,Le);i?(null===i._parent&&"string"==typeof e.parent&&(i._config.parent=e.parent,i._parent=i._getParent()),n="toggle"):n=e,Pe.collapseInterface(t,n)})});var Me=mt();if(Me){var He=Me.fn[De];Me.fn[De]=Pe.jQueryInterface,Me.fn[De].Constructor=Pe,Me.fn[De].noConflict=function(){return Me.fn[De]=He,Pe.jQueryInterface}}var Re="dropdown",Be="bs.dropdown",Fe="."+Be,We=new RegExp("ArrowUp|ArrowDown|Escape"),Ue="hide"+Fe,Qe="hidden"+Fe,Ke="show"+Fe,Ve="shown"+Fe,qe="click"+Fe,Ye="click"+Fe+".data-api",ze="keydown"+Fe+".data-api",Xe="keyup"+Fe+".data-api",Ge={offset:0,flip:!0,boundary:"scrollParent",reference:"toggle",display:"dynamic",popperConfig:null},$e={offset:"(number|string|function)",flip:"boolean",boundary:"(string|element)",reference:"(string|element)",display:"string",popperConfig:"(null|object)"},Ze=function(){function t(t,e){this._element=t,this._popper=null,this._config=this._getConfig(e),this._menu=this._getMenuElement(),this._inNavbar=this._detectNavbar(),this._addEventListeners(),_t.setData(t,Be,this)}var e=t.prototype;return e.toggle=function(){if(!this._element.disabled&&!this._element.classList.contains("disabled")){var e=this._element.classList.contains("show");t.clearMenus(),e||this.show()}},e.show=function(){if(!(this._element.disabled||this._element.classList.contains("disabled")||this._menu.classList.contains("show"))){var e=t.getParentFromElement(this._element),n={relatedTarget:this._element};if(!Ht.trigger(this._element,Ke,n).defaultPrevented){if(!this._inNavbar){if(void 0===X)throw new TypeError("Bootstrap's dropdowns require Popper.js (https://popper.js.org)");var i=this._element;"parent"===this._config.reference?i=e:ft(this._config.reference)&&(i=this._config.reference,void 0!==this._config.reference.jquery&&(i=this._config.reference[0])),"scrollParent"!==this._config.boundary&&e.classList.add("position-static"),this._popper=new X(i,this._menu,this._getPopperConfig())}var o;if("ontouchstart"in document.documentElement&&!e.closest(".navbar-nav"))(o=[]).concat.apply(o,document.body.children).forEach(function(t){return Ht.on(t,"mouseover",null,function(){})});this._element.focus(),this._element.setAttribute("aria-expanded",!0),Jt.toggleClass(this._menu,"show"),Jt.toggleClass(this._element,"show"),Ht.trigger(e,Ve,n)}}},e.hide=function(){if(!this._element.disabled&&!this._element.classList.contains("disabled")&&this._menu.classList.contains("show")){var e=t.getParentFromElement(this._element),n={relatedTarget:this._element};Ht.trigger(e,Ue,n).defaultPrevented||(this._popper&&this._popper.destroy(),Jt.toggleClass(this._menu,"show"),Jt.toggleClass(this._element,"show"),Ht.trigger(e,Qe,n))}},e.dispose=function(){_t.removeData(this._element,Be),Ht.off(this._element,Fe),this._element=null,this._menu=null,this._popper&&(this._popper.destroy(),this._popper=null)},e.update=function(){this._inNavbar=this._detectNavbar(),this._popper&&this._popper.scheduleUpdate()},e._addEventListeners=function(){var t=this;Ht.on(this._element,qe,function(e){e.preventDefault(),e.stopPropagation(),t.toggle()})},e._getConfig=function(t){return t=Z({},this.constructor.Default,Jt.getDataAttributes(this._element),t),ht(Re,t,this.constructor.DefaultType),t},e._getMenuElement=function(){return te.next(this._element,".dropdown-menu")[0]},e._getPlacement=function(){var t=this._element.parentNode,e="bottom-start";return t.classList.contains("dropup")?(e="top-start",this._menu.classList.contains("dropdown-menu-right")&&(e="top-end")):t.classList.contains("dropright")?e="right-start":t.classList.contains("dropleft")?e="left-start":this._menu.classList.contains("dropdown-menu-right")&&(e="bottom-end"),e},e._detectNavbar=function(){return Boolean(this._element.closest(".navbar"))},e._getOffset=function(){var t=this,e={};return"function"==typeof this._config.offset?e.fn=function(e){return e.offsets=Z({},e.offsets,t._config.offset(e.offsets,t._element)||{}),e}:e.offset=this._config.offset,e},e._getPopperConfig=function(){var t={placement:this._getPlacement(),modifiers:{offset:this._getOffset(),flip:{enabled:this._config.flip},preventOverflow:{boundariesElement:this._config.boundary}}};return"static"===this._config.display&&(t.modifiers.applyStyle={enabled:!1}),Z({},t,this._config.popperConfig)},t.dropdownInterface=function(e,n){var i=_t.getData(e,Be);if(i||(i=new t(e,"object"==typeof n?n:null)),"string"==typeof n){if(void 0===i[n])throw new TypeError('No method named "'+n+'"');i[n]()}},t.jQueryInterface=function(e){return this.each(function(){t.dropdownInterface(this,e)})},t.clearMenus=function(e){if(!e||2!==e.button&&("keyup"!==e.type||"Tab"===e.key))for(var n=te.find('[data-toggle="dropdown"]'),i=0,o=n.length;i<o;i++){var r=t.getParentFromElement(n[i]),s=_t.getData(n[i],Be),a={relatedTarget:n[i]};if(e&&"click"===e.type&&(a.clickEvent=e),s){var l=s._menu;if(n[i].classList.contains("show"))if(!(e&&("click"===e.type&&/input|textarea/i.test(e.target.tagName)||"keyup"===e.type&&"Tab"===e.key)&&l.contains(e.target)))if(!Ht.trigger(r,Ue,a).defaultPrevented){var c;if("ontouchstart"in document.documentElement)(c=[]).concat.apply(c,document.body.children).forEach(function(t){return Ht.off(t,"mouseover",null,function(){})});n[i].setAttribute("aria-expanded","false"),s._popper&&s._popper.destroy(),l.classList.remove("show"),n[i].classList.remove("show"),Ht.trigger(r,Qe,a)}}}},t.getParentFromElement=function(t){return at(t)||t.parentNode},t.dataApiKeydownHandler=function(e){if((/input|textarea/i.test(e.target.tagName)?!("Space"===e.key||"Escape"!==e.key&&("ArrowDown"!==e.key&&"ArrowUp"!==e.key||e.target.closest(".dropdown-menu"))):We.test(e.key))&&(e.preventDefault(),e.stopPropagation(),!this.disabled&&!this.classList.contains("disabled"))){var n=t.getParentFromElement(this),i=this.classList.contains("show");if("Escape"===e.key)return(this.matches('[data-toggle="dropdown"]')?this:te.prev(this,'[data-toggle="dropdown"]')[0]).focus(),void t.clearMenus();if(i&&"Space"!==e.key){var o=te.find(".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)",n).filter(dt);if(o.length){var r=o.indexOf(e.target);"ArrowUp"===e.key&&r>0&&r--,"ArrowDown"===e.key&&r<o.length-1&&r++,o[r=-1===r?0:r].focus()}}else t.clearMenus()}},t.getInstance=function(t){return _t.getData(t,Be)},$(t,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}},{key:"Default",get:function(){return Ge}},{key:"DefaultType",get:function(){return $e}}]),t}();Ht.on(document,ze,'[data-toggle="dropdown"]',Ze.dataApiKeydownHandler),Ht.on(document,ze,".dropdown-menu",Ze.dataApiKeydownHandler),Ht.on(document,Ye,Ze.clearMenus),Ht.on(document,Xe,Ze.clearMenus),Ht.on(document,Ye,'[data-toggle="dropdown"]',function(t){t.preventDefault(),t.stopPropagation(),Ze.dropdownInterface(this,"toggle")}),Ht.on(document,Ye,".dropdown form",function(t){return t.stopPropagation()});var Je=mt();if(Je){var tn=Je.fn[Re];Je.fn[Re]=Ze.jQueryInterface,Je.fn[Re].Constructor=Ze,Je.fn[Re].noConflict=function(){return Je.fn[Re]=tn,Ze.jQueryInterface}}var en="bs.modal",nn="."+en,on={backdrop:!0,keyboard:!0,focus:!0,show:!0},rn={backdrop:"(boolean|string)",keyboard:"boolean",focus:"boolean",show:"boolean"},sn="hide"+nn,an="hidePrevented"+nn,ln="hidden"+nn,cn="show"+nn,fn="shown"+nn,un="focusin"+nn,hn="resize"+nn,dn="click.dismiss"+nn,pn="keydown.dismiss"+nn,gn="mouseup.dismiss"+nn,mn="mousedown.dismiss"+nn,vn="click"+nn+".data-api",_n=".modal-dialog",bn=function(){function t(t,e){this._config=this._getConfig(e),this._element=t,this._dialog=te.findOne(_n,t),this._backdrop=null,this._isShown=!1,this._isBodyOverflowing=!1,this._ignoreBackdropClick=!1,this._isTransitioning=!1,this._scrollbarWidth=0,_t.setData(t,en,this)}var e=t.prototype;return e.toggle=function(t){return this._isShown?this.hide():this.show(t)},e.show=function(t){var e=this;if(!this._isShown&&!this._isTransitioning){this._element.classList.contains("fade")&&(this._isTransitioning=!0);var n=Ht.trigger(this._element,cn,{relatedTarget:t});this._isShown||n.defaultPrevented||(this._isShown=!0,this._checkScrollbar(),this._setScrollbar(),this._adjustDialog(),this._setEscapeEvent(),this._setResizeEvent(),Ht.on(this._element,dn,'[data-dismiss="modal"]',function(t){return e.hide(t)}),Ht.on(this._dialog,mn,function(){Ht.one(e._element,gn,function(t){t.target===e._element&&(e._ignoreBackdropClick=!0)})}),this._showBackdrop(function(){return e._showElement(t)}))}},e.hide=function(t){var e=this;if((t&&t.preventDefault(),this._isShown&&!this._isTransitioning)&&!Ht.trigger(this._element,sn).defaultPrevented){this._isShown=!1;var n=this._element.classList.contains("fade");if(n&&(this._isTransitioning=!0),this._setEscapeEvent(),this._setResizeEvent(),Ht.off(document,un),this._element.classList.remove("show"),Ht.off(this._element,dn),Ht.off(this._dialog,mn),n){var i=lt(this._element);Ht.one(this._element,it,function(t){return e._hideModal(t)}),ut(this._element,i)}else this._hideModal()}},e.dispose=function(){[window,this._element,this._dialog].forEach(function(t){return Ht.off(t,nn)}),Ht.off(document,un),_t.removeData(this._element,en),this._config=null,this._element=null,this._dialog=null,this._backdrop=null,this._isShown=null,this._isBodyOverflowing=null,this._ignoreBackdropClick=null,this._isTransitioning=null,this._scrollbarWidth=null},e.handleUpdate=function(){this._adjustDialog()},e._getConfig=function(t){return t=Z({},on,t),ht("modal",t,rn),t},e._showElement=function(t){var e=this,n=this._element.classList.contains("fade"),i=te.findOne(".modal-body",this._dialog);this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE||document.body.appendChild(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.scrollTop=0,i&&(i.scrollTop=0),n&&gt(this._element),this._element.classList.add("show"),this._config.focus&&this._enforceFocus();var o=function(){e._config.focus&&e._element.focus(),e._isTransitioning=!1,Ht.trigger(e._element,fn,{relatedTarget:t})};if(n){var r=lt(this._dialog);Ht.one(this._dialog,it,o),ut(this._dialog,r)}else o()},e._enforceFocus=function(){var t=this;Ht.off(document,un),Ht.on(document,un,function(e){document===e.target||t._element===e.target||t._element.contains(e.target)||t._element.focus()})},e._setEscapeEvent=function(){var t=this;this._isShown?Ht.on(this._element,pn,function(e){t._config.keyboard&&"Escape"===e.key?(e.preventDefault(),t.hide()):t._config.keyboard||"Escape"!==e.key||t._triggerBackdropTransition()}):Ht.off(this._element,pn)},e._setResizeEvent=function(){var t=this;this._isShown?Ht.on(window,hn,function(){return t._adjustDialog()}):Ht.off(window,hn)},e._hideModal=function(){var t=this;this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._isTransitioning=!1,this._showBackdrop(function(){document.body.classList.remove("modal-open"),t._resetAdjustments(),t._resetScrollbar(),Ht.trigger(t._element,ln)})},e._removeBackdrop=function(){this._backdrop.parentNode.removeChild(this._backdrop),this._backdrop=null},e._showBackdrop=function(t){var e=this,n=this._element.classList.contains("fade")?"fade":"";if(this._isShown&&this._config.backdrop){if(this._backdrop=document.createElement("div"),this._backdrop.className="modal-backdrop",n&&this._backdrop.classList.add(n),document.body.appendChild(this._backdrop),Ht.on(this._element,dn,function(t){e._ignoreBackdropClick?e._ignoreBackdropClick=!1:t.target===t.currentTarget&&e._triggerBackdropTransition()}),n&&gt(this._backdrop),this._backdrop.classList.add("show"),!n)return void t();var i=lt(this._backdrop);Ht.one(this._backdrop,it,t),ut(this._backdrop,i)}else if(!this._isShown&&this._backdrop){this._backdrop.classList.remove("show");var o=function(){e._removeBackdrop(),t()};if(this._element.classList.contains("fade")){var r=lt(this._backdrop);Ht.one(this._backdrop,it,o),ut(this._backdrop,r)}else o()}else t()},e._triggerBackdropTransition=function(){var t=this;if("static"===this._config.backdrop){if(Ht.trigger(this._element,an).defaultPrevented)return;var e=this._element.scrollHeight>document.documentElement.clientHeight;e||(this._element.style.overflowY="hidden"),this._element.classList.add("modal-static");var n=lt(this._dialog);Ht.off(this._element,it),Ht.one(this._element,it,function(){t._element.classList.remove("modal-static"),e||(Ht.one(t._element,it,function(){t._element.style.overflowY=""}),ut(t._element,n))}),ut(this._element,n),this._element.focus()}else this.hide()},e._adjustDialog=function(){var t=this._element.scrollHeight>document.documentElement.clientHeight;!this._isBodyOverflowing&&t&&(this._element.style.paddingLeft=this._scrollbarWidth+"px"),this._isBodyOverflowing&&!t&&(this._element.style.paddingRight=this._scrollbarWidth+"px")},e._resetAdjustments=function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""},e._checkScrollbar=function(){var t=document.body.getBoundingClientRect();this._isBodyOverflowing=Math.round(t.left+t.right)<window.innerWidth,this._scrollbarWidth=this._getScrollbarWidth()},e._setScrollbar=function(){var t=this;if(this._isBodyOverflowing){te.find(".fixed-top, .fixed-bottom, .is-fixed, .sticky-top").forEach(function(e){var n=e.style.paddingRight,i=window.getComputedStyle(e)["padding-right"];Jt.setDataAttribute(e,"padding-right",n),e.style.paddingRight=parseFloat(i)+t._scrollbarWidth+"px"}),te.find(".sticky-top").forEach(function(e){var n=e.style.marginRight,i=window.getComputedStyle(e)["margin-right"];Jt.setDataAttribute(e,"margin-right",n),e.style.marginRight=parseFloat(i)-t._scrollbarWidth+"px"});var e=document.body.style.paddingRight,n=window.getComputedStyle(document.body)["padding-right"];Jt.setDataAttribute(document.body,"padding-right",e),document.body.style.paddingRight=parseFloat(n)+this._scrollbarWidth+"px"}document.body.classList.add("modal-open")},e._resetScrollbar=function(){te.find(".fixed-top, .fixed-bottom, .is-fixed, .sticky-top").forEach(function(t){var e=Jt.getDataAttribute(t,"padding-right");void 0!==e&&(Jt.removeDataAttribute(t,"padding-right"),t.style.paddingRight=e)}),te.find(".sticky-top").forEach(function(t){var e=Jt.getDataAttribute(t,"margin-right");void 0!==e&&(Jt.removeDataAttribute(t,"margin-right"),t.style.marginRight=e)});var t=Jt.getDataAttribute(document.body,"padding-right");void 0===t?document.body.style.paddingRight="":(Jt.removeDataAttribute(document.body,"padding-right"),document.body.style.paddingRight=t)},e._getScrollbarWidth=function(){var t=document.createElement("div");t.className="modal-scrollbar-measure",document.body.appendChild(t);var e=t.getBoundingClientRect().width-t.clientWidth;return document.body.removeChild(t),e},t.jQueryInterface=function(e,n){return this.each(function(){var i=_t.getData(this,en),o=Z({},on,Jt.getDataAttributes(this),"object"==typeof e&&e?e:{});if(i||(i=new t(this,o)),"string"==typeof e){if(void 0===i[e])throw new TypeError('No method named "'+e+'"');i[e](n)}else o.show&&i.show(n)})},t.getInstance=function(t){return _t.getData(t,en)},$(t,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}},{key:"Default",get:function(){return on}}]),t}();Ht.on(document,vn,'[data-toggle="modal"]',function(t){var e=this,n=at(this);"A"!==this.tagName&&"AREA"!==this.tagName||t.preventDefault(),Ht.one(n,cn,function(t){t.defaultPrevented||Ht.one(n,ln,function(){dt(e)&&e.focus()})});var i=_t.getData(n,en);if(!i){var o=Z({},Jt.getDataAttributes(n),Jt.getDataAttributes(this));i=new bn(n,o)}i.show(this)});var yn=mt();if(yn){var wn=yn.fn.modal;yn.fn.modal=bn.jQueryInterface,yn.fn.modal.Constructor=bn,yn.fn.modal.noConflict=function(){return yn.fn.modal=wn,bn.jQueryInterface}}var En=["background","cite","href","itemtype","longdesc","poster","src","xlink:href"],Tn=/^(?:(?:https?|mailto|ftp|tel|file):|[^#&\/:?]*(?:[#\/?]|$))/gi,Dn=/^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[\d+\/a-z]+=*$/i,Ln=function(t,e){var n=t.nodeName.toLowerCase();if(-1!==e.indexOf(n))return-1===En.indexOf(n)||Boolean(t.nodeValue.match(Tn)||t.nodeValue.match(Dn));for(var i=e.filter(function(t){return t instanceof RegExp}),o=0,r=i.length;o<r;o++)if(n.match(i[o]))return!0;return!1},Cn={"*":["class","dir","id","lang","role",/^aria-[\w-]*$/i],a:["target","href","title","rel"],area:[],b:[],br:[],col:[],code:[],div:[],em:[],hr:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],i:[],img:["src","srcset","alt","title","width","height"],li:[],ol:[],p:[],pre:[],s:[],small:[],span:[],sub:[],sup:[],strong:[],u:[],ul:[]};function kn(t,e,n){var i;if(!t.length)return t;if(n&&"function"==typeof n)return n(t);for(var o=(new window.DOMParser).parseFromString(t,"text/html"),r=Object.keys(e),s=(i=[]).concat.apply(i,o.body.querySelectorAll("*")),a=function(t,n){var i,o=s[t],a=o.nodeName.toLowerCase();if(-1===r.indexOf(a))return o.parentNode.removeChild(o),"continue";var l=(i=[]).concat.apply(i,o.attributes),c=[].concat(e["*"]||[],e[a]||[]);l.forEach(function(t){Ln(t,c)||o.removeAttribute(t.nodeName)})},l=0,c=s.length;l<c;l++)a(l);return o.body.innerHTML}var On="tooltip",An=new RegExp("(^|\\s)bs-tooltip\\S+","g"),Sn=["sanitize","allowList","sanitizeFn"],Nn={animation:"boolean",template:"string",title:"(string|element|function)",trigger:"string",delay:"(number|object)",html:"boolean",selector:"(string|boolean)",placement:"(string|function)",offset:"(number|string|function)",container:"(string|element|boolean)",fallbackPlacement:"(string|array)",boundary:"(string|element)",sanitize:"boolean",sanitizeFn:"(null|function)",allowList:"object",popperConfig:"(null|object)"},xn={AUTO:"auto",TOP:"top",RIGHT:"right",BOTTOM:"bottom",LEFT:"left"},In={animation:!0,template:'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",offset:0,container:!1,fallbackPlacement:"flip",boundary:"scrollParent",sanitize:!0,sanitizeFn:null,allowList:Cn,popperConfig:null},jn={HIDE:"hide.bs.tooltip",HIDDEN:"hidden.bs.tooltip",SHOW:"show.bs.tooltip",SHOWN:"shown.bs.tooltip",INSERTED:"inserted.bs.tooltip",CLICK:"click.bs.tooltip",FOCUSIN:"focusin.bs.tooltip",FOCUSOUT:"focusout.bs.tooltip",MOUSEENTER:"mouseenter.bs.tooltip",MOUSELEAVE:"mouseleave.bs.tooltip"},Pn=function(){function t(t,e){if(void 0===X)throw new TypeError("Bootstrap's tooltips require Popper.js (https://popper.js.org)");this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this.element=t,this.config=this._getConfig(e),this.tip=null,this._setListeners(),_t.setData(t,this.constructor.DATA_KEY,this)}var e=t.prototype;return e.enable=function(){this._isEnabled=!0},e.disable=function(){this._isEnabled=!1},e.toggleEnabled=function(){this._isEnabled=!this._isEnabled},e.toggle=function(t){if(this._isEnabled)if(t){var e=this.constructor.DATA_KEY,n=_t.getData(t.delegateTarget,e);n||(n=new this.constructor(t.delegateTarget,this._getDelegateConfig()),_t.setData(t.delegateTarget,e,n)),n._activeTrigger.click=!n._activeTrigger.click,n._isWithActiveTrigger()?n._enter(null,n):n._leave(null,n)}else{if(this.getTipElement().classList.contains("show"))return void this._leave(null,this);this._enter(null,this)}},e.dispose=function(){clearTimeout(this._timeout),_t.removeData(this.element,this.constructor.DATA_KEY),Ht.off(this.element,this.constructor.EVENT_KEY),Ht.off(this.element.closest(".modal"),"hide.bs.modal",this._hideModalHandler),this.tip&&this.tip.parentNode.removeChild(this.tip),this._isEnabled=null,this._timeout=null,this._hoverState=null,this._activeTrigger=null,this._popper&&this._popper.destroy(),this._popper=null,this.element=null,this.config=null,this.tip=null},e.show=function(){var t=this;if("none"===this.element.style.display)throw new Error("Please use show on visible elements");if(this.isWithContent()&&this._isEnabled){var e=Ht.trigger(this.element,this.constructor.Event.SHOW),n=function t(e){if(!document.documentElement.attachShadow)return null;if("function"==typeof e.getRootNode){var n=e.getRootNode();return n instanceof ShadowRoot?n:null}return e instanceof ShadowRoot?e:e.parentNode?t(e.parentNode):null}(this.element),i=null===n?this.element.ownerDocument.documentElement.contains(this.element):n.contains(this.element);if(e.defaultPrevented||!i)return;var o=this.getTipElement(),r=ot(this.constructor.NAME);o.setAttribute("id",r),this.element.setAttribute("aria-describedby",r),this.setContent(),this.config.animation&&o.classList.add("fade");var s="function"==typeof this.config.placement?this.config.placement.call(this,o,this.element):this.config.placement,a=this._getAttachment(s);this._addAttachmentClass(a);var l,c=this._getContainer();if(_t.setData(o,this.constructor.DATA_KEY,this),this.element.ownerDocument.documentElement.contains(this.tip)||c.appendChild(o),Ht.trigger(this.element,this.constructor.Event.INSERTED),this._popper=new X(this.element,o,this._getPopperConfig(a)),o.classList.add("show"),"ontouchstart"in document.documentElement)(l=[]).concat.apply(l,document.body.children).forEach(function(t){Ht.on(t,"mouseover",function(){})});var f=function(){t.config.animation&&t._fixTransition();var e=t._hoverState;t._hoverState=null,Ht.trigger(t.element,t.constructor.Event.SHOWN),"out"===e&&t._leave(null,t)};if(this.tip.classList.contains("fade")){var u=lt(this.tip);Ht.one(this.tip,it,f),ut(this.tip,u)}else f()}},e.hide=function(){var t=this;if(this._popper){var e=this.getTipElement(),n=function(){"show"!==t._hoverState&&e.parentNode&&e.parentNode.removeChild(e),t._cleanTipClass(),t.element.removeAttribute("aria-describedby"),Ht.trigger(t.element,t.constructor.Event.HIDDEN),t._popper.destroy()};if(!Ht.trigger(this.element,this.constructor.Event.HIDE).defaultPrevented){var i;if(e.classList.remove("show"),"ontouchstart"in document.documentElement)(i=[]).concat.apply(i,document.body.children).forEach(function(t){return Ht.off(t,"mouseover",pt)});if(this._activeTrigger.click=!1,this._activeTrigger.focus=!1,this._activeTrigger.hover=!1,this.tip.classList.contains("fade")){var o=lt(e);Ht.one(e,it,n),ut(e,o)}else n();this._hoverState=""}}},e.update=function(){null!==this._popper&&this._popper.scheduleUpdate()},e.isWithContent=function(){return Boolean(this.getTitle())},e.getTipElement=function(){if(this.tip)return this.tip;var t=document.createElement("div");return t.innerHTML=this.config.template,this.tip=t.children[0],this.tip},e.setContent=function(){var t=this.getTipElement();this.setElementContent(te.findOne(".tooltip-inner",t),this.getTitle()),t.classList.remove("fade","show")},e.setElementContent=function(t,e){if(null!==t)return"object"==typeof e&&ft(e)?(e.jquery&&(e=e[0]),void(this.config.html?e.parentNode!==t&&(t.innerHTML="",t.appendChild(e)):t.textContent=e.textContent)):void(this.config.html?(this.config.sanitize&&(e=kn(e,this.config.allowList,this.config.sanitizeFn)),t.innerHTML=e):t.textContent=e)},e.getTitle=function(){var t=this.element.getAttribute("data-original-title");return t||(t="function"==typeof this.config.title?this.config.title.call(this.element):this.config.title),t},e._getPopperConfig=function(t){var e=this;return Z({},{placement:t,modifiers:{offset:this._getOffset(),flip:{behavior:this.config.fallbackPlacement},arrow:{element:"."+this.constructor.NAME+"-arrow"},preventOverflow:{boundariesElement:this.config.boundary}},onCreate:function(t){t.originalPlacement!==t.placement&&e._handlePopperPlacementChange(t)},onUpdate:function(t){return e._handlePopperPlacementChange(t)}},this.config.popperConfig)},e._addAttachmentClass=function(t){this.getTipElement().classList.add("bs-tooltip-"+t)},e._getOffset=function(){var t=this,e={};return"function"==typeof this.config.offset?e.fn=function(e){return e.offsets=Z({},e.offsets,t.config.offset(e.offsets,t.element)||{}),e}:e.offset=this.config.offset,e},e._getContainer=function(){return!1===this.config.container?document.body:ft(this.config.container)?this.config.container:te.findOne(this.config.container)},e._getAttachment=function(t){return xn[t.toUpperCase()]},e._setListeners=function(){var t=this;this.config.trigger.split(" ").forEach(function(e){if("click"===e)Ht.on(t.element,t.constructor.Event.CLICK,t.config.selector,function(e){return t.toggle(e)});else if("manual"!==e){var n="hover"===e?t.constructor.Event.MOUSEENTER:t.constructor.Event.FOCUSIN,i="hover"===e?t.constructor.Event.MOUSELEAVE:t.constructor.Event.FOCUSOUT;Ht.on(t.element,n,t.config.selector,function(e){return t._enter(e)}),Ht.on(t.element,i,t.config.selector,function(e){return t._leave(e)})}}),this._hideModalHandler=function(){t.element&&t.hide()},Ht.on(this.element.closest(".modal"),"hide.bs.modal",this._hideModalHandler),this.config.selector?this.config=Z({},this.config,{trigger:"manual",selector:""}):this._fixTitle()},e._fixTitle=function(){var t=typeof this.element.getAttribute("data-original-title");(this.element.getAttribute("title")||"string"!==t)&&(this.element.setAttribute("data-original-title",this.element.getAttribute("title")||""),this.element.setAttribute("title",""))},e._enter=function(t,e){var n=this.constructor.DATA_KEY;(e=e||_t.getData(t.delegateTarget,n))||(e=new this.constructor(t.delegateTarget,this._getDelegateConfig()),_t.setData(t.delegateTarget,n,e)),t&&(e._activeTrigger["focusin"===t.type?"focus":"hover"]=!0),e.getTipElement().classList.contains("show")||"show"===e._hoverState?e._hoverState="show":(clearTimeout(e._timeout),e._hoverState="show",e.config.delay&&e.config.delay.show?e._timeout=setTimeout(function(){"show"===e._hoverState&&e.show()},e.config.delay.show):e.show())},e._leave=function(t,e){var n=this.constructor.DATA_KEY;(e=e||_t.getData(t.delegateTarget,n))||(e=new this.constructor(t.delegateTarget,this._getDelegateConfig()),_t.setData(t.delegateTarget,n,e)),t&&(e._activeTrigger["focusout"===t.type?"focus":"hover"]=!1),e._isWithActiveTrigger()||(clearTimeout(e._timeout),e._hoverState="out",e.config.delay&&e.config.delay.hide?e._timeout=setTimeout(function(){"out"===e._hoverState&&e.hide()},e.config.delay.hide):e.hide())},e._isWithActiveTrigger=function(){for(var t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1},e._getConfig=function(t){var e=Jt.getDataAttributes(this.element);return Object.keys(e).forEach(function(t){-1!==Sn.indexOf(t)&&delete e[t]}),t&&"object"==typeof t.container&&t.container.jquery&&(t.container=t.container[0]),"number"==typeof(t=Z({},this.constructor.Default,e,"object"==typeof t&&t?t:{})).delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),ht(On,t,this.constructor.DefaultType),t.sanitize&&(t.template=kn(t.template,t.allowList,t.sanitizeFn)),t},e._getDelegateConfig=function(){var t={};if(this.config)for(var e in this.config)this.constructor.Default[e]!==this.config[e]&&(t[e]=this.config[e]);return t},e._cleanTipClass=function(){var t=this.getTipElement(),e=t.getAttribute("class").match(An);null!==e&&e.length>0&&e.map(function(t){return t.trim()}).forEach(function(e){return t.classList.remove(e)})},e._handlePopperPlacementChange=function(t){this.tip=t.instance.popper,this._cleanTipClass(),this._addAttachmentClass(this._getAttachment(t.placement))},e._fixTransition=function(){var t=this.getTipElement(),e=this.config.animation;null===t.getAttribute("x-placement")&&(t.classList.remove("fade"),this.config.animation=!1,this.hide(),this.show(),this.config.animation=e)},t.jQueryInterface=function(e){return this.each(function(){var n=_t.getData(this,"bs.tooltip"),i="object"==typeof e&&e;if((n||!/dispose|hide/.test(e))&&(n||(n=new t(this,i)),"string"==typeof e)){if(void 0===n[e])throw new TypeError('No method named "'+e+'"');n[e]()}})},t.getInstance=function(t){return _t.getData(t,"bs.tooltip")},$(t,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}},{key:"Default",get:function(){return In}},{key:"NAME",get:function(){return On}},{key:"DATA_KEY",get:function(){return"bs.tooltip"}},{key:"Event",get:function(){return jn}},{key:"EVENT_KEY",get:function(){return".bs.tooltip"}},{key:"DefaultType",get:function(){return Nn}}]),t}(),Mn=mt();if(Mn){var Hn=Mn.fn.tooltip;Mn.fn.tooltip=Pn.jQueryInterface,Mn.fn.tooltip.Constructor=Pn,Mn.fn.tooltip.noConflict=function(){return Mn.fn.tooltip=Hn,Pn.jQueryInterface}}var Rn="popover",Bn=new RegExp("(^|\\s)bs-popover\\S+","g"),Fn=Z({},Pn.Default,{placement:"right",trigger:"click",content:"",template:'<div class="popover" role="tooltip"><div class="popover-arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'}),Wn=Z({},Pn.DefaultType,{content:"(string|element|function)"}),Un={HIDE:"hide.bs.popover",HIDDEN:"hidden.bs.popover",SHOW:"show.bs.popover",SHOWN:"shown.bs.popover",INSERTED:"inserted.bs.popover",CLICK:"click.bs.popover",FOCUSIN:"focusin.bs.popover",FOCUSOUT:"focusout.bs.popover",MOUSEENTER:"mouseenter.bs.popover",MOUSELEAVE:"mouseleave.bs.popover"},Qn=function(t){var e,n;function i(){return t.apply(this,arguments)||this}n=t,(e=i).prototype=Object.create(n.prototype),e.prototype.constructor=e,e.__proto__=n;var o=i.prototype;return o.isWithContent=function(){return this.getTitle()||this._getContent()},o.setContent=function(){var t=this.getTipElement();this.setElementContent(te.findOne(".popover-header",t),this.getTitle());var e=this._getContent();"function"==typeof e&&(e=e.call(this.element)),this.setElementContent(te.findOne(".popover-body",t),e),t.classList.remove("fade","show")},o._addAttachmentClass=function(t){this.getTipElement().classList.add("bs-popover-"+t)},o._getContent=function(){return this.element.getAttribute("data-content")||this.config.content},o._cleanTipClass=function(){var t=this.getTipElement(),e=t.getAttribute("class").match(Bn);null!==e&&e.length>0&&e.map(function(t){return t.trim()}).forEach(function(e){return t.classList.remove(e)})},i.jQueryInterface=function(t){return this.each(function(){var e=_t.getData(this,"bs.popover"),n="object"==typeof t?t:null;if((e||!/dispose|hide/.test(t))&&(e||(e=new i(this,n),_t.setData(this,"bs.popover",e)),"string"==typeof t)){if(void 0===e[t])throw new TypeError('No method named "'+t+'"');e[t]()}})},i.getInstance=function(t){return _t.getData(t,"bs.popover")},$(i,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}},{key:"Default",get:function(){return Fn}},{key:"NAME",get:function(){return Rn}},{key:"DATA_KEY",get:function(){return"bs.popover"}},{key:"Event",get:function(){return Un}},{key:"EVENT_KEY",get:function(){return".bs.popover"}},{key:"DefaultType",get:function(){return Wn}}]),i}(Pn),Kn=mt();if(Kn){var Vn=Kn.fn.popover;Kn.fn.popover=Qn.jQueryInterface,Kn.fn.popover.Constructor=Qn,Kn.fn.popover.noConflict=function(){return Kn.fn.popover=Vn,Qn.jQueryInterface}}var qn="scrollspy",Yn="bs.scrollspy",zn="."+Yn,Xn={offset:10,method:"auto",target:""},Gn={offset:"number",method:"string",target:"(string|element)"},$n="activate"+zn,Zn="scroll"+zn,Jn="load"+zn+".data-api",ti="dropdown-item",ei=".nav-link",ni=".list-group-item",ii=function(){function t(t,e){var n=this;this._element=t,this._scrollElement="BODY"===t.tagName?window:t,this._config=this._getConfig(e),this._selector=this._config.target+" "+ei+", "+this._config.target+" "+ni+", "+this._config.target+" ."+ti,this._offsets=[],this._targets=[],this._activeTarget=null,this._scrollHeight=0,Ht.on(this._scrollElement,Zn,function(t){return n._process(t)}),this.refresh(),this._process(),_t.setData(t,Yn,this)}var e=t.prototype;return e.refresh=function(){var t=this,e=this._scrollElement===this._scrollElement.window?"offset":"position",n="auto"===this._config.method?e:this._config.method,i="position"===n?this._getScrollTop():0;this._offsets=[],this._targets=[],this._scrollHeight=this._getScrollHeight(),te.find(this._selector).map(function(t){var e=st(t),o=e?te.findOne(e):null;if(o){var r=o.getBoundingClientRect();if(r.width||r.height)return[Jt[n](o).top+i,e]}return null}).filter(function(t){return t}).sort(function(t,e){return t[0]-e[0]}).forEach(function(e){t._offsets.push(e[0]),t._targets.push(e[1])})},e.dispose=function(){_t.removeData(this._element,Yn),Ht.off(this._scrollElement,zn),this._element=null,this._scrollElement=null,this._config=null,this._selector=null,this._offsets=null,this._targets=null,this._activeTarget=null,this._scrollHeight=null},e._getConfig=function(t){if("string"!=typeof(t=Z({},Xn,"object"==typeof t&&t?t:{})).target&&ft(t.target)){var e=t.target.id;e||(e=ot(qn),t.target.id=e),t.target="#"+e}return ht(qn,t,Gn),t},e._getScrollTop=function(){return this._scrollElement===window?this._scrollElement.pageYOffset:this._scrollElement.scrollTop},e._getScrollHeight=function(){return this._scrollElement.scrollHeight||Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)},e._getOffsetHeight=function(){return this._scrollElement===window?window.innerHeight:this._scrollElement.getBoundingClientRect().height},e._process=function(){var t=this._getScrollTop()+this._config.offset,e=this._getScrollHeight(),n=this._config.offset+e-this._getOffsetHeight();if(this._scrollHeight!==e&&this.refresh(),t>=n){var i=this._targets[this._targets.length-1];this._activeTarget!==i&&this._activate(i)}else{if(this._activeTarget&&t<this._offsets[0]&&this._offsets[0]>0)return this._activeTarget=null,void this._clear();for(var o=this._offsets.length;o--;){this._activeTarget!==this._targets[o]&&t>=this._offsets[o]&&(void 0===this._offsets[o+1]||t<this._offsets[o+1])&&this._activate(this._targets[o])}}},e._activate=function(t){this._activeTarget=t,this._clear();var e=this._selector.split(",").map(function(e){return e+'[data-target="'+t+'"],'+e+'[href="'+t+'"]'}),n=te.findOne(e.join(","));n.classList.contains(ti)?(te.findOne(".dropdown-toggle",n.closest(".dropdown")).classList.add("active"),n.classList.add("active")):(n.classList.add("active"),te.parents(n,".nav, .list-group").forEach(function(t){te.prev(t,ei+", "+ni).forEach(function(t){return t.classList.add("active")}),te.prev(t,".nav-item").forEach(function(t){te.children(t,ei).forEach(function(t){return t.classList.add("active")})})})),Ht.trigger(this._scrollElement,$n,{relatedTarget:t})},e._clear=function(){te.find(this._selector).filter(function(t){return t.classList.contains("active")}).forEach(function(t){return t.classList.remove("active")})},t.jQueryInterface=function(e){return this.each(function(){var n=_t.getData(this,Yn);if(n||(n=new t(this,"object"==typeof e&&e)),"string"==typeof e){if(void 0===n[e])throw new TypeError('No method named "'+e+'"');n[e]()}})},t.getInstance=function(t){return _t.getData(t,Yn)},$(t,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}},{key:"Default",get:function(){return Xn}}]),t}();Ht.on(window,Jn,function(){te.find('[data-spy="scroll"]').forEach(function(t){return new ii(t,Jt.getDataAttributes(t))})});var oi=mt();if(oi){var ri=oi.fn[qn];oi.fn[qn]=ii.jQueryInterface,oi.fn[qn].Constructor=ii,oi.fn[qn].noConflict=function(){return oi.fn[qn]=ri,ii.jQueryInterface}}var si="bs.tab",ai="."+si,li="hide"+ai,ci="hidden"+ai,fi="show"+ai,ui="shown"+ai,hi="click"+ai+".data-api",di=function(){function t(t){this._element=t,_t.setData(this._element,si,this)}var e=t.prototype;return e.show=function(){var t=this;if(!(this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE&&this._element.classList.contains("active")||this._element.classList.contains("disabled"))){var e,n=at(this._element),i=this._element.closest(".nav, .list-group");if(i){var o="UL"===i.nodeName||"OL"===i.nodeName?":scope > li > .active":".active";e=(e=te.find(o,i))[e.length-1]}var r=null;if(e&&(r=Ht.trigger(e,li,{relatedTarget:this._element})),!(Ht.trigger(this._element,fi,{relatedTarget:e}).defaultPrevented||null!==r&&r.defaultPrevented)){this._activate(this._element,i);var s=function(){Ht.trigger(e,ci,{relatedTarget:t._element}),Ht.trigger(t._element,ui,{relatedTarget:e})};n?this._activate(n,n.parentNode,s):s()}}},e.dispose=function(){_t.removeData(this._element,si),this._element=null},e._activate=function(t,e,n){var i=this,o=(!e||"UL"!==e.nodeName&&"OL"!==e.nodeName?te.children(e,".active"):te.find(":scope > li > .active",e))[0],r=n&&o&&o.classList.contains("fade"),s=function(){return i._transitionComplete(t,o,n)};if(o&&r){var a=lt(o);o.classList.remove("show"),Ht.one(o,it,s),ut(o,a)}else s()},e._transitionComplete=function(t,e,n){if(e){e.classList.remove("active");var i=te.findOne(":scope > .dropdown-menu .active",e.parentNode);i&&i.classList.remove("active"),"tab"===e.getAttribute("role")&&e.setAttribute("aria-selected",!1)}(t.classList.add("active"),"tab"===t.getAttribute("role")&&t.setAttribute("aria-selected",!0),gt(t),t.classList.contains("fade")&&t.classList.add("show"),t.parentNode&&t.parentNode.classList.contains("dropdown-menu"))&&(t.closest(".dropdown")&&te.find(".dropdown-toggle").forEach(function(t){return t.classList.add("active")}),t.setAttribute("aria-expanded",!0));n&&n()},t.jQueryInterface=function(e){return this.each(function(){var n=_t.getData(this,si)||new t(this);if("string"==typeof e){if(void 0===n[e])throw new TypeError('No method named "'+e+'"');n[e]()}})},t.getInstance=function(t){return _t.getData(t,si)},$(t,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}}]),t}();Ht.on(document,hi,'[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',function(t){t.preventDefault(),(_t.getData(this,si)||new di(this)).show()});var pi=mt();if(pi){var gi=pi.fn.tab;pi.fn.tab=di.jQueryInterface,pi.fn.tab.Constructor=di,pi.fn.tab.noConflict=function(){return pi.fn.tab=gi,di.jQueryInterface}}var mi="bs.toast",vi="."+mi,_i="click.dismiss"+vi,bi="hide"+vi,yi="hidden"+vi,wi="show"+vi,Ei="shown"+vi,Ti={animation:"boolean",autohide:"boolean",delay:"number"},Di={animation:!0,autohide:!0,delay:5e3},Li=function(){function t(t,e){this._element=t,this._config=this._getConfig(e),this._timeout=null,this._setListeners(),_t.setData(t,mi,this)}var e=t.prototype;return e.show=function(){var t=this;if(!Ht.trigger(this._element,wi).defaultPrevented){this._clearTimeout(),this._config.animation&&this._element.classList.add("fade");var e=function(){t._element.classList.remove("showing"),t._element.classList.add("show"),Ht.trigger(t._element,Ei),t._config.autohide&&(t._timeout=setTimeout(function(){t.hide()},t._config.delay))};if(this._element.classList.remove("hide"),gt(this._element),this._element.classList.add("showing"),this._config.animation){var n=lt(this._element);Ht.one(this._element,it,e),ut(this._element,n)}else e()}},e.hide=function(){var t=this;if(this._element.classList.contains("show")&&!Ht.trigger(this._element,bi).defaultPrevented){var e=function(){t._element.classList.add("hide"),Ht.trigger(t._element,yi)};if(this._element.classList.remove("show"),this._config.animation){var n=lt(this._element);Ht.one(this._element,it,e),ut(this._element,n)}else e()}},e.dispose=function(){this._clearTimeout(),this._element.classList.contains("show")&&this._element.classList.remove("show"),Ht.off(this._element,_i),_t.removeData(this._element,mi),this._element=null,this._config=null},e._getConfig=function(t){return t=Z({},Di,Jt.getDataAttributes(this._element),"object"==typeof t&&t?t:{}),ht("toast",t,this.constructor.DefaultType),t},e._setListeners=function(){var t=this;Ht.on(this._element,_i,'[data-dismiss="toast"]',function(){return t.hide()})},e._clearTimeout=function(){clearTimeout(this._timeout),this._timeout=null},t.jQueryInterface=function(e){return this.each(function(){var n=_t.getData(this,mi);if(n||(n=new t(this,"object"==typeof e&&e)),"string"==typeof e){if(void 0===n[e])throw new TypeError('No method named "'+e+'"');n[e](this)}})},t.getInstance=function(t){return _t.getData(t,mi)},$(t,null,[{key:"VERSION",get:function(){return"5.0.0-alpha2"}},{key:"DefaultType",get:function(){return Ti}},{key:"Default",get:function(){return Di}}]),t}(),Ci=mt();if(Ci){var ki=Ci.fn.toast;Ci.fn.toast=Li.jQueryInterface,Ci.fn.toast.Constructor=Li,Ci.fn.toast.noConflict=function(){return Ci.fn.toast=ki,Li.jQueryInterface}}[].slice.call(document.querySelectorAll('[data-toggle="tooltip"]')).map(function(t){return new bootstrap.Tooltip(t,{delay:{show:50,hide:50},html:!0,placement:"auto"})}),[].slice.call(document.querySelectorAll('[data-toggle="popover"]')).map(function(t){return new bootstrap.Popover(t,{delay:{show:50,hide:50},html:!0,placement:"auto"})})});
\ No newline at end of file
+!function(t){"function"==typeof define&&define.amd?define(t):t()}(function(){"use strict";"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;var t,e,n=(function(t,e){!function(t,e){var n,u,i="function"==typeof Map?new Map:(n=[],u=[],{has:function(t){return n.indexOf(t)>-1},get:function(t){return u[n.indexOf(t)]},set:function(t,e){-1===n.indexOf(t)&&(n.push(t),u.push(e))},delete:function(t){var e=n.indexOf(t);e>-1&&(n.splice(e,1),u.splice(e,1))}}),r=function(t){return new Event(t,{bubbles:!0})};try{new Event("test")}catch(t){r=function(t){var e=document.createEvent("Event");return e.initEvent(t,!0,!1),e}}function s(t){if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!i.has(t)){var e=null,n=null,u=null,s=function(){t.clientWidth!==n&&c()},a=function(e){window.removeEventListener("resize",s,!1),t.removeEventListener("input",c,!1),t.removeEventListener("keyup",c,!1),t.removeEventListener("autosize:destroy",a,!1),t.removeEventListener("autosize:update",c,!1),Object.keys(e).forEach(function(n){t.style[n]=e[n]}),i.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",a,!1),"onpropertychange"in t&&"oninput"in t&&t.addEventListener("keyup",c,!1),window.addEventListener("resize",s,!1),t.addEventListener("input",c,!1),t.addEventListener("autosize:update",c,!1),t.style.overflowX="hidden",t.style.wordWrap="break-word",i.set(t,{destroy:a,update:c}),"vertical"===(o=window.getComputedStyle(t,null)).resize?t.style.resize="none":"both"===o.resize&&(t.style.resize="horizontal"),e="content-box"===o.boxSizing?-(parseFloat(o.paddingTop)+parseFloat(o.paddingBottom)):parseFloat(o.borderTopWidth)+parseFloat(o.borderBottomWidth),isNaN(e)&&(e=0),c()}var o;function l(e){var n=t.style.width;t.style.width="0px",t.offsetWidth,t.style.width=n,t.style.overflowY=e}function h(){if(0!==t.scrollHeight){var u=function(t){for(var e=[];t&&t.parentNode&&t.parentNode instanceof Element;)t.parentNode.scrollTop&&e.push({node:t.parentNode,scrollTop:t.parentNode.scrollTop}),t=t.parentNode;return e}(t),i=document.documentElement&&document.documentElement.scrollTop;t.style.height="",t.style.height=t.scrollHeight+e+"px",n=t.clientWidth,u.forEach(function(t){t.node.scrollTop=t.scrollTop}),i&&(document.documentElement.scrollTop=i)}}function c(){h();var e=Math.round(parseFloat(t.style.height)),n=window.getComputedStyle(t,null),i="content-box"===n.boxSizing?Math.round(parseFloat(n.height)):t.offsetHeight;if(i<e?"hidden"===n.overflowY&&(l("scroll"),h(),i="content-box"===n.boxSizing?Math.round(parseFloat(window.getComputedStyle(t,null).height)):t.offsetHeight):"hidden"!==n.overflowY&&(l("hidden"),h(),i="content-box"===n.boxSizing?Math.round(parseFloat(window.getComputedStyle(t,null).height)):t.offsetHeight),u!==i){u=i;var s=r("autosize:resized");try{t.dispatchEvent(s)}catch(t){}}}}function a(t){var e=i.get(t);e&&e.destroy()}function o(t){var e=i.get(t);e&&e.update()}var l=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?((l=function(t){return t}).destroy=function(t){return t},l.update=function(t){return t}):((l=function(t,e){return t&&Array.prototype.forEach.call(t.length?t:[t],function(t){return s(t)}),t}).destroy=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],a),t},l.update=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],o),t}),e.default=l,t.exports=e.default}(t,e)}(e={path:t,exports:{},require:function(t,n){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}(null==n&&e.path)}},e.exports),e.exports),u=document.querySelectorAll('[data-toggle="autosize"]');function i(t){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function s(t,e){for(var n=0;n<e.length;n++){var u=e[n];u.enumerable=u.enumerable||!1,u.configurable=!0,"value"in u&&(u.writable=!0),Object.defineProperty(t,u.key,u)}}function a(t,e,n){return e&&s(t.prototype,e),n&&s(t,n),t}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&h(t,e)}function l(t){return(l=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function h(t,e){return(h=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function c(t,e){if(null==t)return{};var n,u,i=function(t,e){if(null==t)return{};var n,u,i={},r=Object.keys(t);for(u=0;u<r.length;u++)n=r[u],e.indexOf(n)>=0||(i[n]=t[n]);return i}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(u=0;u<r.length;u++)n=r[u],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(i[n]=t[n])}return i}function d(t,e){return!e||"object"!=typeof e&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function f(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=l(t)););return t}function p(t,e,n){return(p="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var u=f(t,e);if(u){var i=Object.getOwnPropertyDescriptor(u,e);return i.get?i.get.call(n):i.value}})(t,e,n||t)}function v(t,e,n,u){return(v="undefined"!=typeof Reflect&&Reflect.set?Reflect.set:function(t,e,n,u){var i,r=f(t,e);if(r){if((i=Object.getOwnPropertyDescriptor(r,e)).set)return i.set.call(u,n),!0;if(!i.writable)return!1}if(i=Object.getOwnPropertyDescriptor(u,e)){if(!i.writable)return!1;i.value=n,Object.defineProperty(u,e,i)}else!function(t,e,n){e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n}(u,e,n);return!0})(t,e,n,u)}function k(t,e,n,u,i){if(!v(t,e,n,u||t)&&i)throw new Error("failed to set property");return n}function g(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;var n=[],u=!0,i=!1,r=void 0;try{for(var s,a=t[Symbol.iterator]();!(u=(s=a.next()).done)&&(n.push(s.value),!e||n.length!==e);u=!0);}catch(t){i=!0,r=t}finally{try{u||null==a.return||a.return()}finally{if(i)throw r}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function y(t){return"string"==typeof t||t instanceof String}u.length&&u.forEach(function(t){n(t)});var m={NONE:"NONE",LEFT:"LEFT",FORCE_LEFT:"FORCE_LEFT",RIGHT:"RIGHT",FORCE_RIGHT:"FORCE_RIGHT"};function _(t){return t.replace(/([.*+?^=!:${}()|[\]\/\\])/g,"\\$1")}var A=function(){function t(e,n,u,i){for(r(this,t),this.value=e,this.cursorPos=n,this.oldValue=u,this.oldSelection=i;this.value.slice(0,this.startChangePos)!==this.oldValue.slice(0,this.startChangePos);)--this.oldSelection.start}return a(t,[{key:"startChangePos",get:function(){return Math.min(this.cursorPos,this.oldSelection.start)}},{key:"insertedCount",get:function(){return this.cursorPos-this.startChangePos}},{key:"inserted",get:function(){return this.value.substr(this.startChangePos,this.insertedCount)}},{key:"removedCount",get:function(){return Math.max(this.oldSelection.end-this.startChangePos||this.oldValue.length-this.value.length,0)}},{key:"removed",get:function(){return this.oldValue.substr(this.startChangePos,this.removedCount)}},{key:"head",get:function(){return this.value.substring(0,this.startChangePos)}},{key:"tail",get:function(){return this.value.substring(this.startChangePos+this.insertedCount)}},{key:"removeDirection",get:function(){return!this.removedCount||this.insertedCount?m.NONE:this.oldSelection.end===this.cursorPos||this.oldSelection.start===this.cursorPos?m.RIGHT:m.LEFT}}]),t}(),E=function(){function t(e){r(this,t),Object.assign(this,{inserted:"",rawInserted:"",skip:!1,tailShift:0},e)}return a(t,[{key:"aggregate",value:function(t){return this.rawInserted+=t.rawInserted,this.skip=this.skip||t.skip,this.inserted+=t.inserted,this.tailShift+=t.tailShift,this}},{key:"offset",get:function(){return this.tailShift+this.inserted.length}}]),t}(),C=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,u=arguments.length>2?arguments[2]:void 0;r(this,t),this.value=e,this.from=n,this.stop=u}return a(t,[{key:"toString",value:function(){return this.value}},{key:"extend",value:function(t){this.value+=String(t)}},{key:"appendTo",value:function(t){return t.append(this.toString(),{tail:!0}).aggregate(t._appendPlaceholder())}},{key:"shiftBefore",value:function(t){if(this.from>=t||!this.value.length)return"";var e=this.value[0];return this.value=this.value.slice(1),e}},{key:"state",get:function(){return{value:this.value,from:this.from,stop:this.stop}},set:function(t){Object.assign(this,t)}}]),t}();function F(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new F.InputMask(t,e)}var b=function(){function t(e){r(this,t),this._value="",this._update(Object.assign({},t.DEFAULTS,{},e)),this.isInitialized=!0}return a(t,[{key:"updateOptions",value:function(t){Object.keys(t).length&&this.withValueRefresh(this._update.bind(this,t))}},{key:"_update",value:function(t){Object.assign(this,t)}},{key:"reset",value:function(){this._value=""}},{key:"resolve",value:function(t){return this.reset(),this.append(t,{input:!0},""),this.doCommit(),this.value}},{key:"nearestInputPos",value:function(t,e){return t}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return this.value.slice(t,e)}},{key:"extractTail",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return new C(this.extractInput(t,e),t)}},{key:"appendTail",value:function(t){return y(t)&&(t=new C(String(t))),t.appendTo(this)}},{key:"_appendCharRaw",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return(t=this.doPrepare(t,e))?(this._value+=t,new E({inserted:t,rawInserted:t})):new E}},{key:"_appendChar",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0,u=this.state,i=this._appendCharRaw(t,e);if(i.inserted){var r,s=!1!==this.doValidate(e);if(s&&null!=n){var a=this.state;this.overwrite&&(r=n.state,n.shiftBefore(this.value.length));var o=this.appendTail(n);(s=o.rawInserted===n.toString())&&o.inserted&&(this.state=a)}s||(i=new E,this.state=u,n&&r&&(n.state=r))}return i}},{key:"_appendPlaceholder",value:function(){return new E}},{key:"append",value:function(t,e,n){if(!y(t))throw new Error("value should be string");var u=new E,i=y(n)?new C(String(n)):n;e.tail&&(e._beforeTailState=this.state);for(var r=0;r<t.length;++r)u.aggregate(this._appendChar(t[r],e,i));return null!=i&&(u.tailShift+=this.appendTail(i).tailShift),u}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return this._value=this.value.slice(0,t)+this.value.slice(e),new E}},{key:"withValueRefresh",value:function(t){if(this._refreshing||!this.isInitialized)return t();this._refreshing=!0;var e=this.rawInputValue,n=this.value,u=t();return this.rawInputValue=e,this.value!==n&&0===n.indexOf(this.value)&&this.append(n.slice(this.value.length),{},""),delete this._refreshing,u}},{key:"runIsolated",value:function(t){if(this._isolated||!this.isInitialized)return t(this);this._isolated=!0;var e=this.state,n=t(this);return this.state=e,delete this._isolated,n}},{key:"doPrepare",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.prepare?this.prepare(t,this,e):t}},{key:"doValidate",value:function(t){return(!this.validate||this.validate(this.value,this,t))&&(!this.parent||this.parent.doValidate(t))}},{key:"doCommit",value:function(){this.commit&&this.commit(this.value,this)}},{key:"doFormat",value:function(t){return this.format?this.format(t,this):t}},{key:"doParse",value:function(t){return this.parse?this.parse(t,this):t}},{key:"splice",value:function(t,e,n,u){var i=t+e,r=this.extractTail(i),s=this.nearestInputPos(t,u);return new E({tailShift:s-t}).aggregate(this.remove(s)).aggregate(this.append(n,{input:!0},r))}},{key:"state",get:function(){return{_value:this.value}},set:function(t){this._value=t._value}},{key:"value",get:function(){return this._value},set:function(t){this.resolve(t)}},{key:"unmaskedValue",get:function(){return this.value},set:function(t){this.reset(),this.append(t,{},""),this.doCommit()}},{key:"typedValue",get:function(){return this.doParse(this.value)},set:function(t){this.value=this.doFormat(t)}},{key:"rawInputValue",get:function(){return this.extractInput(0,this.value.length,{raw:!0})},set:function(t){this.reset(),this.append(t,{raw:!0},""),this.doCommit()}},{key:"isComplete",get:function(){return!0}}]),t}();function S(t){if(null==t)throw new Error("mask property should be defined");return t instanceof RegExp?F.MaskedRegExp:y(t)?F.MaskedPattern:t instanceof Date||t===Date?F.MaskedDate:t instanceof Number||"number"==typeof t||t===Number?F.MaskedNumber:Array.isArray(t)||t===Array?F.MaskedDynamic:F.Masked&&t.prototype instanceof F.Masked?t:t instanceof Function?F.MaskedFunction:t instanceof F.Masked?t.constructor:(console.warn("Mask not found for mask",t),F.Masked)}function D(t){if(F.Masked&&t instanceof F.Masked)return t;var e=(t=Object.assign({},t)).mask;if(F.Masked&&e instanceof F.Masked)return e;var n=S(e);if(!n)throw new Error("Masked class is not found for provided mask, appropriate module needs to be import manually before creating mask.");return new n(t)}b.DEFAULTS={format:function(t){return t},parse:function(t){return t}},F.Masked=b,F.createMask=D;var w={0:/\d/,a:/[\u0041-\u005A\u0061-\u007A\u00AA\u00B5\u00BA\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0\u08A2-\u08AC\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097F\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C33\u0C35-\u0C39\u0C3D\u0C58\u0C59\u0C60\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D60\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F4\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191C\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19C1-\u19C7\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FCC\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA697\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA78E\uA790-\uA793\uA7A0-\uA7AA\uA7F8-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA80-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uABC0-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]/,"*":/./},B=function(){function t(e){r(this,t);var n=e.mask,u=c(e,["mask"]);this.masked=D({mask:n}),Object.assign(this,u)}return a(t,[{key:"reset",value:function(){this._isFilled=!1,this.masked.reset()}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return 0===t&&e>=1?(this._isFilled=!1,this.masked.remove(t,e)):new E}},{key:"_appendChar",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(this._isFilled)return new E;var n=this.masked.state,u=this.masked._appendChar(t,e);return u.inserted&&!1===this.doValidate(e)&&(u.inserted=u.rawInserted="",this.masked.state=n),u.inserted||this.isOptional||this.lazy||e.input||(u.inserted=this.placeholderChar),u.skip=!u.inserted&&!this.isOptional,this._isFilled=Boolean(u.inserted),u}},{key:"append",value:function(){var t;return(t=this.masked).append.apply(t,arguments)}},{key:"_appendPlaceholder",value:function(){var t=new E;return this._isFilled||this.isOptional?t:(this._isFilled=!0,t.inserted=this.placeholderChar,t)}},{key:"extractTail",value:function(){var t;return(t=this.masked).extractTail.apply(t,arguments)}},{key:"appendTail",value:function(){var t;return(t=this.masked).appendTail.apply(t,arguments)}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,n=arguments.length>2?arguments[2]:void 0;return this.masked.extractInput(t,e,n)}},{key:"nearestInputPos",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m.NONE,n=this.value.length,u=Math.min(Math.max(t,0),n);switch(e){case m.LEFT:case m.FORCE_LEFT:return this.isComplete?u:0;case m.RIGHT:case m.FORCE_RIGHT:return this.isComplete?u:n;case m.NONE:default:return u}}},{key:"doValidate",value:function(){var t,e;return(t=this.masked).doValidate.apply(t,arguments)&&(!this.parent||(e=this.parent).doValidate.apply(e,arguments))}},{key:"doCommit",value:function(){this.masked.doCommit()}},{key:"value",get:function(){return this.masked.value||(this._isFilled&&!this.isOptional?this.placeholderChar:"")}},{key:"unmaskedValue",get:function(){return this.masked.unmaskedValue}},{key:"isComplete",get:function(){return Boolean(this.masked.value)||this.isOptional}},{key:"state",get:function(){return{masked:this.masked.state,_isFilled:this._isFilled}},set:function(t){this.masked.state=t.masked,this._isFilled=t._isFilled}}]),t}(),x=function(){function t(e){r(this,t),Object.assign(this,e),this._value=""}return a(t,[{key:"reset",value:function(){this._isRawInput=!1,this._value=""}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this._value.length;return this._value=this._value.slice(0,t)+this._value.slice(e),this._value||(this._isRawInput=!1),new E}},{key:"nearestInputPos",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m.NONE,n=this._value.length;switch(e){case m.LEFT:case m.FORCE_LEFT:return 0;case m.NONE:case m.RIGHT:case m.FORCE_RIGHT:default:return n}}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this._value.length;return(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).raw&&this._isRawInput&&this._value.slice(t,e)||""}},{key:"_appendChar",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=new E;if(this._value)return n;var u=this.char===t[0]&&(this.isUnmasking||e.input||e.raw)&&!e.tail;return u&&(n.rawInserted=this.char),this._value=n.inserted=this.char,this._isRawInput=u&&(e.raw||e.input),n}},{key:"_appendPlaceholder",value:function(){var t=new E;return this._value?t:(this._value=t.inserted=this.char,t)}},{key:"extractTail",value:function(){arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return new C("")}},{key:"appendTail",value:function(t){return y(t)&&(t=new C(String(t))),t.appendTo(this)}},{key:"append",value:function(t,e,n){var u=this._appendChar(t,e);return null!=n&&(u.tailShift+=this.appendTail(n).tailShift),u}},{key:"doCommit",value:function(){}},{key:"value",get:function(){return this._value}},{key:"unmaskedValue",get:function(){return this.isUnmasking?this.value:""}},{key:"isComplete",get:function(){return!0}},{key:"state",get:function(){return{_value:this._value,_isRawInput:this._isRawInput}},set:function(t){Object.assign(this,t)}}]),t}(),T=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;r(this,t),this.chunks=e,this.from=n}return a(t,[{key:"toString",value:function(){return this.chunks.map(String).join("")}},{key:"extend",value:function(e){if(String(e)){y(e)&&(e=new C(String(e)));var n=this.chunks[this.chunks.length-1],u=n&&(n.stop===e.stop||null==e.stop)&&e.from===n.from+n.toString().length;if(e instanceof C)u?n.extend(e.toString()):this.chunks.push(e);else if(e instanceof t){if(null==e.stop)for(var i;e.chunks.length&&null==e.chunks[0].stop;)(i=e.chunks.shift()).from+=e.from,this.extend(i);e.toString()&&(e.stop=e.blockIndex,this.chunks.push(e))}}}},{key:"appendTo",value:function(e){if(!(e instanceof F.MaskedPattern))return new C(this.toString()).appendTo(e);for(var n=new E,u=0;u<this.chunks.length&&!n.skip;++u){var i=this.chunks[u],r=e._mapPosToBlock(e.value.length),s=i.stop,a=void 0;if(null!=s&&(!r||r.index<=s)&&((i instanceof t||e._stops.indexOf(s)>=0)&&n.aggregate(e._appendPlaceholder(s)),a=i instanceof t&&e._blocks[s]),a){var o=a.appendTail(i);o.skip=!1,n.aggregate(o),e._value+=o.inserted;var l=i.toString().slice(o.rawInserted.length);l&&n.aggregate(e.append(l,{tail:!0}))}else n.aggregate(e.append(i.toString(),{tail:!0}))}return n}},{key:"shiftBefore",value:function(t){if(this.from>=t||!this.chunks.length)return"";for(var e=t-this.from,n=0;n<this.chunks.length;){var u=this.chunks[n],i=u.shiftBefore(e);if(u.toString()){if(!i)break;++n}else this.chunks.splice(n,1);if(i)return i}return""}},{key:"state",get:function(){return{chunks:this.chunks.map(function(t){return t.state}),from:this.from,stop:this.stop,blockIndex:this.blockIndex}},set:function(e){var n=e.chunks,u=c(e,["chunks"]);Object.assign(this,u),this.chunks=n.map(function(e){var n="chunks"in e?new t:new C;return n.state=e,n})}}]),t}(),O=function(t){function e(){return r(this,e),d(this,l(e).apply(this,arguments))}return o(e,b),a(e,[{key:"_update",value:function(t){t.mask&&(t.validate=function(e){return e.search(t.mask)>=0}),p(l(e.prototype),"_update",this).call(this,t)}}]),e}();F.MaskedRegExp=O;var M=function(t){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return r(this,e),t.definitions=Object.assign({},w,t.definitions),d(this,l(e).call(this,Object.assign({},e.DEFAULTS,{},t)))}return o(e,b),a(e,[{key:"_update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.definitions=Object.assign({},this.definitions,t.definitions),p(l(e.prototype),"_update",this).call(this,t),this._rebuildMask()}},{key:"_rebuildMask",value:function(){var t=this,n=this.definitions;this._blocks=[],this._stops=[],this._maskedBlocks={};var u=this.mask;if(u&&n)for(var i=!1,r=!1,s=0;s<u.length;++s){if(this.blocks)if("continue"===function(){var e=u.slice(s),n=Object.keys(t.blocks).filter(function(t){return 0===e.indexOf(t)});n.sort(function(t,e){return e.length-t.length});var i=n[0];if(i){var r=D(Object.assign({parent:t,lazy:t.lazy,placeholderChar:t.placeholderChar,overwrite:t.overwrite},t.blocks[i]));return r&&(t._blocks.push(r),t._maskedBlocks[i]||(t._maskedBlocks[i]=[]),t._maskedBlocks[i].push(t._blocks.length-1)),s+=i.length-1,"continue"}}())continue;var a=u[s],o=a in n;if(a!==e.STOP_CHAR)if("{"!==a&&"}"!==a)if("["!==a&&"]"!==a){if(a===e.ESCAPE_CHAR){if(!(a=u[++s]))break;o=!1}var l=o?new B({parent:this,lazy:this.lazy,placeholderChar:this.placeholderChar,mask:n[a],isOptional:r}):new x({char:a,isUnmasking:i});this._blocks.push(l)}else r=!r;else i=!i;else this._stops.push(this._blocks.length)}}},{key:"reset",value:function(){p(l(e.prototype),"reset",this).call(this),this._blocks.forEach(function(t){return t.reset()})}},{key:"doCommit",value:function(){this._blocks.forEach(function(t){return t.doCommit()}),p(l(e.prototype),"doCommit",this).call(this)}},{key:"appendTail",value:function(t){return p(l(e.prototype),"appendTail",this).call(this,t).aggregate(this._appendPlaceholder())}},{key:"_appendCharRaw",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t=this.doPrepare(t,e);var n=this._mapPosToBlock(this.value.length),u=new E;if(!n)return u;for(var i=n.index;;++i){var r=this._blocks[i];if(!r)break;var s=r._appendChar(t,e),a=s.skip;if(u.aggregate(s),a||s.rawInserted)break}return u}},{key:"extractTail",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,u=new T;return e===n?u:(this._forEachBlocksInRange(e,n,function(e,n,i,r){var s=e.extractTail(i,r);s.stop=t._findStopBefore(n),s.from=t._blockStartPos(n),s instanceof T&&(s.blockIndex=n),u.extend(s)}),u)}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(t===e)return"";var u="";return this._forEachBlocksInRange(t,e,function(t,e,i,r){u+=t.extractInput(i,r,n)}),u}},{key:"_findStopBefore",value:function(t){for(var e,n=0;n<this._stops.length;++n){var u=this._stops[n];if(!(u<=t))break;e=u}return e}},{key:"_appendPlaceholder",value:function(t){var e=this,n=new E;if(this.lazy&&null==t)return n;var u=this._mapPosToBlock(this.value.length);if(!u)return n;var i=u.index,r=null!=t?t:this._blocks.length;return this._blocks.slice(i,r).forEach(function(u){if(!u.lazy||null!=t){var i=null!=u._blocks?[u._blocks.length]:[],r=u._appendPlaceholder.apply(u,i);e._value+=r.inserted,n.aggregate(r)}}),n}},{key:"_mapPosToBlock",value:function(t){for(var e="",n=0;n<this._blocks.length;++n){var u=this._blocks[n],i=e.length;if(t<=(e+=u.value).length)return{index:n,offset:t-i}}}},{key:"_blockStartPos",value:function(t){return this._blocks.slice(0,t).reduce(function(t,e){return t+e.value.length},0)}},{key:"_forEachBlocksInRange",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,n=arguments.length>2?arguments[2]:void 0,u=this._mapPosToBlock(t);if(u){var i=this._mapPosToBlock(e),r=i&&u.index===i.index,s=u.offset,a=i&&r?i.offset:this._blocks[u.index].value.length;if(n(this._blocks[u.index],u.index,s,a),i&&!r){for(var o=u.index+1;o<i.index;++o)n(this._blocks[o],o,0,this._blocks[o].value.length);n(this._blocks[i.index],i.index,0,i.offset)}}}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,u=p(l(e.prototype),"remove",this).call(this,t,n);return this._forEachBlocksInRange(t,n,function(t,e,n,i){u.aggregate(t.remove(n,i))}),u}},{key:"nearestInputPos",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m.NONE,n=this._mapPosToBlock(t)||{index:0,offset:0},u=n.offset,i=n.index,r=this._blocks[i];if(!r)return t;var s=u;0!==s&&s<r.value.length&&(s=r.nearestInputPos(u,function(t){switch(t){case m.LEFT:return m.FORCE_LEFT;case m.RIGHT:return m.FORCE_RIGHT;default:return t}}(e)));var a=s===r.value.length;if(!(0===s)&&!a)return this._blockStartPos(i)+s;var o=a?i+1:i;if(e===m.NONE){if(o>0){var l=o-1,h=this._blocks[l],c=h.nearestInputPos(0,m.NONE);if(!h.value.length||c!==h.value.length)return this._blockStartPos(o)}for(var d=o;d<this._blocks.length;++d){var f=this._blocks[d],p=f.nearestInputPos(0,m.NONE);if(!f.value.length||p!==f.value.length)return this._blockStartPos(d)+p}for(var v=o-1;v>=0;--v){var k=this._blocks[v],g=k.nearestInputPos(0,m.NONE);if(!k.value.length||g!==k.value.length)return this._blockStartPos(v)+k.value.length}return t}if(e===m.LEFT||e===m.FORCE_LEFT){for(var y,_=o;_<this._blocks.length;++_)if(this._blocks[_].value){y=_;break}if(null!=y){var A=this._blocks[y],E=A.nearestInputPos(0,m.RIGHT);if(0===E&&A.unmaskedValue.length)return this._blockStartPos(y)+E}for(var C,F=-1,b=o-1;b>=0;--b){var S=this._blocks[b],D=S.nearestInputPos(S.value.length,m.FORCE_LEFT);if(S.value&&0===D||(C=b),0!==D){if(D!==S.value.length)return this._blockStartPos(b)+D;F=b;break}}if(e===m.LEFT)for(var w=F+1;w<=Math.min(o,this._blocks.length-1);++w){var B=this._blocks[w],x=B.nearestInputPos(0,m.NONE),T=this._blockStartPos(w)+x;if(T>t)break;if(x!==B.value.length)return T}if(F>=0)return this._blockStartPos(F)+this._blocks[F].value.length;if(e===m.FORCE_LEFT||this.lazy&&!this.extractInput()&&!function(t){if(!t)return!1;var e=t.value;return!e||t.nearestInputPos(0,m.NONE)!==e.length}(this._blocks[o]))return 0;if(null!=C)return this._blockStartPos(C);for(var O=o;O<this._blocks.length;++O){var M=this._blocks[O],P=M.nearestInputPos(0,m.NONE);if(!M.value.length||P!==M.value.length)return this._blockStartPos(O)+P}return 0}if(e===m.RIGHT||e===m.FORCE_RIGHT){for(var I,R,V=o;V<this._blocks.length;++V){var N=this._blocks[V],j=N.nearestInputPos(0,m.NONE);if(j!==N.value.length){R=this._blockStartPos(V)+j,I=V;break}}if(null!=I&&null!=R){for(var L=I;L<this._blocks.length;++L){var z=this._blocks[L],H=z.nearestInputPos(0,m.FORCE_RIGHT);if(H!==z.value.length)return this._blockStartPos(L)+H}return e===m.FORCE_RIGHT?this.value.length:R}for(var U=Math.min(o,this._blocks.length-1);U>=0;--U){var G=this._blocks[U],Y=G.nearestInputPos(G.value.length,m.LEFT);if(0!==Y){var W=this._blockStartPos(U)+Y;if(W>=t)return W;break}}}return t}},{key:"maskedBlock",value:function(t){return this.maskedBlocks(t)[0]}},{key:"maskedBlocks",value:function(t){var e=this,n=this._maskedBlocks[t];return n?n.map(function(t){return e._blocks[t]}):[]}},{key:"state",get:function(){return Object.assign({},p(l(e.prototype),"state",this),{_blocks:this._blocks.map(function(t){return t.state})})},set:function(t){var n=t._blocks,u=c(t,["_blocks"]);this._blocks.forEach(function(t,e){return t.state=n[e]}),k(l(e.prototype),"state",u,this,!0)}},{key:"isComplete",get:function(){return this._blocks.every(function(t){return t.isComplete})}},{key:"unmaskedValue",get:function(){return this._blocks.reduce(function(t,e){return t+e.unmaskedValue},"")},set:function(t){k(l(e.prototype),"unmaskedValue",t,this,!0)}},{key:"value",get:function(){return this._blocks.reduce(function(t,e){return t+e.value},"")},set:function(t){k(l(e.prototype),"value",t,this,!0)}}]),e}();M.DEFAULTS={lazy:!0,placeholderChar:"_"},M.STOP_CHAR="`",M.ESCAPE_CHAR="\\",M.InputDefinition=B,M.FixedDefinition=x,F.MaskedPattern=M;var P=function(t){function e(){return r(this,e),d(this,l(e).apply(this,arguments))}return o(e,M),a(e,[{key:"_update",value:function(t){t=Object.assign({to:this.to||0,from:this.from||0},t);var n=String(t.to).length;null!=t.maxLength&&(n=Math.max(n,t.maxLength)),t.maxLength=n;for(var u=String(t.from).padStart(n,"0"),i=String(t.to).padStart(n,"0"),r=0;r<i.length&&i[r]===u[r];)++r;t.mask=i.slice(0,r).replace(/0/g,"\\0")+"0".repeat(n-r),p(l(e.prototype),"_update",this).call(this,t)}},{key:"boundaries",value:function(t){var e="",n="",u=g(t.match(/^(\D*)(\d*)(\D*)/)||[],3),i=u[1],r=u[2];return r&&(e="0".repeat(i.length)+r,n="9".repeat(i.length)+r),[e=e.padEnd(this.maxLength,"0"),n=n.padEnd(this.maxLength,"9")]}},{key:"doPrepare",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(t=p(l(e.prototype),"doPrepare",this).call(this,t,n).replace(/\D/g,""),!this.autofix)return t;for(var u=String(this.from).padStart(this.maxLength,"0"),i=String(this.to).padStart(this.maxLength,"0"),r=this.value,s="",a=0;a<t.length;++a){var o=r+s+t[a],h=g(this.boundaries(o),2),c=h[0],d=h[1];Number(d)<this.from?s+=u[o.length-1]:Number(c)>this.to?s+=i[o.length-1]:s+=t[a]}return s}},{key:"doValidate",value:function(){var t,n=this.value;if(-1===n.search(/[^0]/)&&n.length<=this._matchFrom)return!0;for(var u=g(this.boundaries(n),2),i=u[0],r=u[1],s=arguments.length,a=new Array(s),o=0;o<s;o++)a[o]=arguments[o];return this.from<=Number(r)&&Number(i)<=this.to&&(t=p(l(e.prototype),"doValidate",this)).call.apply(t,[this].concat(a))}},{key:"_matchFrom",get:function(){return this.maxLength-String(this.from).length}},{key:"isComplete",get:function(){return p(l(e.prototype),"isComplete",this)&&Boolean(this.value)}}]),e}();F.MaskedRange=P;var I=function(t){function e(t){return r(this,e),d(this,l(e).call(this,Object.assign({},e.DEFAULTS,{},t)))}return o(e,M),a(e,[{key:"_update",value:function(t){t.mask===Date&&delete t.mask,t.pattern&&(t.mask=t.pattern);var n=t.blocks;t.blocks=Object.assign({},e.GET_DEFAULT_BLOCKS()),t.min&&(t.blocks.Y.from=t.min.getFullYear()),t.max&&(t.blocks.Y.to=t.max.getFullYear()),t.min&&t.max&&t.blocks.Y.from===t.blocks.Y.to&&(t.blocks.m.from=t.min.getMonth()+1,t.blocks.m.to=t.max.getMonth()+1,t.blocks.m.from===t.blocks.m.to&&(t.blocks.d.from=t.min.getDate(),t.blocks.d.to=t.max.getDate())),Object.assign(t.blocks,n),Object.keys(t.blocks).forEach(function(e){var n=t.blocks[e];"autofix"in n||(n.autofix=t.autofix)}),p(l(e.prototype),"_update",this).call(this,t)}},{key:"doValidate",value:function(){for(var t,n=this.date,u=arguments.length,i=new Array(u),r=0;r<u;r++)i[r]=arguments[r];return(t=p(l(e.prototype),"doValidate",this)).call.apply(t,[this].concat(i))&&(!this.isComplete||this.isDateExist(this.value)&&null!=n&&(null==this.min||this.min<=n)&&(null==this.max||n<=this.max))}},{key:"isDateExist",value:function(t){return this.format(this.parse(t,this),this).indexOf(t)>=0}},{key:"date",get:function(){return this.typedValue},set:function(t){this.typedValue=t}},{key:"typedValue",get:function(){return this.isComplete?p(l(e.prototype),"typedValue",this):null},set:function(t){k(l(e.prototype),"typedValue",t,this,!0)}}]),e}();I.DEFAULTS={pattern:"d{.}`m{.}`Y",format:function(t){return[String(t.getDate()).padStart(2,"0"),String(t.getMonth()+1).padStart(2,"0"),t.getFullYear()].join(".")},parse:function(t){var e=g(t.split("."),3),n=e[0],u=e[1],i=e[2];return new Date(i,u-1,n)}},I.GET_DEFAULT_BLOCKS=function(){return{d:{mask:P,from:1,to:31,maxLength:2},m:{mask:P,from:1,to:12,maxLength:2},Y:{mask:P,from:1900,to:9999}}},F.MaskedDate=I;var R=function(){function t(){r(this,t)}return a(t,[{key:"select",value:function(t,e){if(null!=t&&null!=e&&(t!==this.selectionStart||e!==this.selectionEnd))try{this._unsafeSelect(t,e)}catch(t){}}},{key:"_unsafeSelect",value:function(t,e){}},{key:"bindEvents",value:function(t){}},{key:"unbindEvents",value:function(){}},{key:"selectionStart",get:function(){var t;try{t=this._unsafeSelectionStart}catch(t){}return null!=t?t:this.value.length}},{key:"selectionEnd",get:function(){var t;try{t=this._unsafeSelectionEnd}catch(t){}return null!=t?t:this.value.length}},{key:"isActive",get:function(){return!1}}]),t}();F.MaskElement=R;var V=function(t){function e(t){var n;return r(this,e),(n=d(this,l(e).call(this))).input=t,n._handlers={},n}return o(e,R),a(e,[{key:"_unsafeSelect",value:function(t,e){this.input.setSelectionRange(t,e)}},{key:"bindEvents",value:function(t){var n=this;Object.keys(t).forEach(function(u){return n._toggleEventHandler(e.EVENTS_MAP[u],t[u])})}},{key:"unbindEvents",value:function(){var t=this;Object.keys(this._handlers).forEach(function(e){return t._toggleEventHandler(e)})}},{key:"_toggleEventHandler",value:function(t,e){this._handlers[t]&&(this.input.removeEventListener(t,this._handlers[t]),delete this._handlers[t]),e&&(this.input.addEventListener(t,e),this._handlers[t]=e)}},{key:"rootElement",get:function(){return this.input.getRootNode?this.input.getRootNode():document}},{key:"isActive",get:function(){return this.input===this.rootElement.activeElement}},{key:"_unsafeSelectionStart",get:function(){return this.input.selectionStart}},{key:"_unsafeSelectionEnd",get:function(){return this.input.selectionEnd}},{key:"value",get:function(){return this.input.value},set:function(t){this.input.value=t}}]),e}();V.EVENTS_MAP={selectionChange:"keydown",input:"input",drop:"drop",click:"click",focus:"focus",commit:"blur"},F.HTMLMaskElement=V;var N=function(t){function e(){return r(this,e),d(this,l(e).apply(this,arguments))}return o(e,V),a(e,[{key:"_unsafeSelect",value:function(t,e){if(this.rootElement.createRange){var n=this.rootElement.createRange();n.setStart(this.input.firstChild||this.input,t),n.setEnd(this.input.lastChild||this.input,e);var u=this.rootElement,i=u.getSelection&&u.getSelection();i&&(i.removeAllRanges(),i.addRange(n))}}},{key:"_unsafeSelectionStart",get:function(){var t=this.rootElement,e=t.getSelection&&t.getSelection();return e&&e.anchorOffset}},{key:"_unsafeSelectionEnd",get:function(){var t=this.rootElement,e=t.getSelection&&t.getSelection();return e&&this._unsafeSelectionStart+String(e).length}},{key:"value",get:function(){return this.input.textContent},set:function(t){this.input.textContent=t}}]),e}();F.HTMLContenteditableMaskElement=N;var j=function(){function t(e,n){r(this,t),this.el=e instanceof R?e:e.isContentEditable&&"INPUT"!==e.tagName&&"TEXTAREA"!==e.tagName?new N(e):new V(e),this.masked=D(n),this._listeners={},this._value="",this._unmaskedValue="",this._saveSelection=this._saveSelection.bind(this),this._onInput=this._onInput.bind(this),this._onChange=this._onChange.bind(this),this._onDrop=this._onDrop.bind(this),this._onFocus=this._onFocus.bind(this),this._onClick=this._onClick.bind(this),this.alignCursor=this.alignCursor.bind(this),this.alignCursorFriendly=this.alignCursorFriendly.bind(this),this._bindEvents(),this.updateValue(),this._onChange()}return a(t,[{key:"maskEquals",value:function(t){return null==t||t===this.masked.mask||t===Date&&this.masked instanceof I}},{key:"_bindEvents",value:function(){this.el.bindEvents({selectionChange:this._saveSelection,input:this._onInput,drop:this._onDrop,click:this._onClick,focus:this._onFocus,commit:this._onChange})}},{key:"_unbindEvents",value:function(){this.el&&this.el.unbindEvents()}},{key:"_fireEvent",value:function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),u=1;u<e;u++)n[u-1]=arguments[u];var i=this._listeners[t];i&&i.forEach(function(t){return t.apply(void 0,n)})}},{key:"_saveSelection",value:function(){this.value!==this.el.value&&console.warn("Element value was changed outside of mask. Syncronize mask using `mask.updateValue()` to work properly."),this._selection={start:this.selectionStart,end:this.cursorPos}}},{key:"updateValue",value:function(){this.masked.value=this.el.value,this._value=this.masked.value}},{key:"updateControl",value:function(){var t=this.masked.unmaskedValue,e=this.masked.value,n=this.unmaskedValue!==t||this.value!==e;this._unmaskedValue=t,this._value=e,this.el.value!==e&&(this.el.value=e),n&&this._fireChangeEvents()}},{key:"updateOptions",value:function(t){var e=t.mask,n=c(t,["mask"]),u=!this.maskEquals(e),r=!function t(e,n){if(n===e)return!0;var u,r=Array.isArray(n),s=Array.isArray(e);if(r&&s){if(n.length!=e.length)return!1;for(u=0;u<n.length;u++)if(!t(n[u],e[u]))return!1;return!0}if(r!=s)return!1;if(n&&e&&"object"===i(n)&&"object"===i(e)){var a=n instanceof Date,o=e instanceof Date;if(a&&o)return n.getTime()==e.getTime();if(a!=o)return!1;var l=n instanceof RegExp,h=e instanceof RegExp;if(l&&h)return n.toString()==e.toString();if(l!=h)return!1;var c=Object.keys(n);for(u=0;u<c.length;u++)if(!Object.prototype.hasOwnProperty.call(e,c[u]))return!1;for(u=0;u<c.length;u++)if(!t(e[c[u]],n[c[u]]))return!1;return!0}return!(!n||!e||"function"!=typeof n||"function"!=typeof e)&&n.toString()===e.toString()}(this.masked,n);u&&(this.mask=e),r&&this.masked.updateOptions(n),(u||r)&&this.updateControl()}},{key:"updateCursor",value:function(t){null!=t&&(this.cursorPos=t,this._delayUpdateCursor(t))}},{key:"_delayUpdateCursor",value:function(t){var e=this;this._abortUpdateCursor(),this._changingCursorPos=t,this._cursorChanging=setTimeout(function(){e.el&&(e.cursorPos=e._changingCursorPos,e._abortUpdateCursor())},10)}},{key:"_fireChangeEvents",value:function(){this._fireEvent("accept",this._inputEvent),this.masked.isComplete&&this._fireEvent("complete",this._inputEvent)}},{key:"_abortUpdateCursor",value:function(){this._cursorChanging&&(clearTimeout(this._cursorChanging),delete this._cursorChanging)}},{key:"alignCursor",value:function(){this.cursorPos=this.masked.nearestInputPos(this.cursorPos,m.LEFT)}},{key:"alignCursorFriendly",value:function(){this.selectionStart===this.cursorPos&&this.alignCursor()}},{key:"on",value:function(t,e){return this._listeners[t]||(this._listeners[t]=[]),this._listeners[t].push(e),this}},{key:"off",value:function(t,e){if(!this._listeners[t])return this;if(!e)return delete this._listeners[t],this;var n=this._listeners[t].indexOf(e);return n>=0&&this._listeners[t].splice(n,1),this}},{key:"_onInput",value:function(t){if(this._inputEvent=t,this._abortUpdateCursor(),!this._selection)return this.updateValue();var e=new A(this.el.value,this.cursorPos,this.value,this._selection),n=this.masked.rawInputValue,u=this.masked.splice(e.startChangePos,e.removed.length,e.inserted,e.removeDirection).offset,i=n===this.masked.rawInputValue?e.removeDirection:m.NONE,r=this.masked.nearestInputPos(e.startChangePos+u,i);this.updateControl(),this.updateCursor(r),delete this._inputEvent}},{key:"_onChange",value:function(){this.value!==this.el.value&&this.updateValue(),this.masked.doCommit(),this.updateControl(),this._saveSelection()}},{key:"_onDrop",value:function(t){t.preventDefault(),t.stopPropagation()}},{key:"_onFocus",value:function(t){this.alignCursorFriendly()}},{key:"_onClick",value:function(t){this.alignCursorFriendly()}},{key:"destroy",value:function(){this._unbindEvents(),this._listeners.length=0,delete this.el}},{key:"mask",get:function(){return this.masked.mask},set:function(t){if(!this.maskEquals(t))if(t instanceof F.Masked||this.masked.constructor!==S(t)){var e=D({mask:t});e.unmaskedValue=this.masked.unmaskedValue,this.masked=e}else this.masked.updateOptions({mask:t})}},{key:"value",get:function(){return this._value},set:function(t){this.masked.value=t,this.updateControl(),this.alignCursor()}},{key:"unmaskedValue",get:function(){return this._unmaskedValue},set:function(t){this.masked.unmaskedValue=t,this.updateControl(),this.alignCursor()}},{key:"typedValue",get:function(){return this.masked.typedValue},set:function(t){this.masked.typedValue=t,this.updateControl(),this.alignCursor()}},{key:"selectionStart",get:function(){return this._cursorChanging?this._changingCursorPos:this.el.selectionStart}},{key:"cursorPos",get:function(){return this._cursorChanging?this._changingCursorPos:this.el.selectionEnd},set:function(t){this.el&&this.el.isActive&&(this.el.select(t,t),this._saveSelection())}}]),t}();F.InputMask=j;var L=function(t){function e(){return r(this,e),d(this,l(e).apply(this,arguments))}return o(e,M),a(e,[{key:"_update",value:function(t){t.enum&&(t.mask="*".repeat(t.enum[0].length)),p(l(e.prototype),"_update",this).call(this,t)}},{key:"doValidate",value:function(){for(var t,n=this,u=arguments.length,i=new Array(u),r=0;r<u;r++)i[r]=arguments[r];return this.enum.some(function(t){return t.indexOf(n.unmaskedValue)>=0})&&(t=p(l(e.prototype),"doValidate",this)).call.apply(t,[this].concat(i))}}]),e}();F.MaskedEnum=L;var z=function(t){function e(t){return r(this,e),d(this,l(e).call(this,Object.assign({},e.DEFAULTS,{},t)))}return o(e,b),a(e,[{key:"_update",value:function(t){p(l(e.prototype),"_update",this).call(this,t),this._updateRegExps()}},{key:"_updateRegExps",value:function(){var t="^"+(this.allowNegative?"[+|\\-]?":""),e=(this.scale?"("+_(this.radix)+"\\d{0,"+this.scale+"})?":"")+"$";this._numberRegExpInput=new RegExp(t+"(0|([1-9]+\\d*))?"+e),this._numberRegExp=new RegExp(t+"\\d*"+e),this._mapToRadixRegExp=new RegExp("["+this.mapToRadix.map(_).join("")+"]","g"),this._thousandsSeparatorRegExp=new RegExp(_(this.thousandsSeparator),"g")}},{key:"_removeThousandsSeparators",value:function(t){return t.replace(this._thousandsSeparatorRegExp,"")}},{key:"_insertThousandsSeparators",value:function(t){var e=t.split(this.radix);return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,this.thousandsSeparator),e.join(this.radix)}},{key:"doPrepare",value:function(t){for(var n,u=arguments.length,i=new Array(u>1?u-1:0),r=1;r<u;r++)i[r-1]=arguments[r];return(n=p(l(e.prototype),"doPrepare",this)).call.apply(n,[this,this._removeThousandsSeparators(t.replace(this._mapToRadixRegExp,this.radix))].concat(i))}},{key:"_separatorsCount",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=0,u=0;u<t;++u)this._value.indexOf(this.thousandsSeparator,u)===u&&(++n,e&&(t+=this.thousandsSeparator.length));return n}},{key:"_separatorsCountFromSlice",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this._value;return this._separatorsCount(this._removeThousandsSeparators(t).length,!0)}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,u=arguments.length>2?arguments[2]:void 0,i=g(this._adjustRangeWithSeparators(t,n),2);return t=i[0],n=i[1],this._removeThousandsSeparators(p(l(e.prototype),"extractInput",this).call(this,t,n,u))}},{key:"_appendCharRaw",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!this.thousandsSeparator)return p(l(e.prototype),"_appendCharRaw",this).call(this,t,n);var u=n.tail&&n._beforeTailState?n._beforeTailState._value:this._value,i=this._separatorsCountFromSlice(u);this._value=this._removeThousandsSeparators(this.value);var r=p(l(e.prototype),"_appendCharRaw",this).call(this,t,n);this._value=this._insertThousandsSeparators(this._value);var s=n.tail&&n._beforeTailState?n._beforeTailState._value:this._value,a=this._separatorsCountFromSlice(s);return r.tailShift+=(a-i)*this.thousandsSeparator.length,r.skip=!r.rawInserted&&t===this.thousandsSeparator,r}},{key:"_findSeparatorAround",value:function(t){if(this.thousandsSeparator){var e=t-this.thousandsSeparator.length+1,n=this.value.indexOf(this.thousandsSeparator,e);if(n<=t)return n}return-1}},{key:"_adjustRangeWithSeparators",value:function(t,e){var n=this._findSeparatorAround(t);n>=0&&(t=n);var u=this._findSeparatorAround(e);return u>=0&&(e=u+this.thousandsSeparator.length),[t,e]}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,n=g(this._adjustRangeWithSeparators(t,e),2);t=n[0],e=n[1];var u=this.value.slice(0,t),i=this.value.slice(e),r=this._separatorsCount(u.length);this._value=this._insertThousandsSeparators(this._removeThousandsSeparators(u+i));var s=this._separatorsCountFromSlice(u);return new E({tailShift:(s-r)*this.thousandsSeparator.length})}},{key:"nearestInputPos",value:function(t,e){if(!this.thousandsSeparator)return t;switch(e){case m.NONE:case m.LEFT:case m.FORCE_LEFT:var n=this._findSeparatorAround(t-1);if(n>=0){var u=n+this.thousandsSeparator.length;if(t<u||this.value.length<=u||e===m.FORCE_LEFT)return n}break;case m.RIGHT:case m.FORCE_RIGHT:var i=this._findSeparatorAround(t);if(i>=0)return i+this.thousandsSeparator.length}return t}},{key:"doValidate",value:function(t){var n=(t.input?this._numberRegExpInput:this._numberRegExp).test(this._removeThousandsSeparators(this.value));if(n){var u=this.number;n=n&&!isNaN(u)&&(null==this.min||this.min>=0||this.min<=this.number)&&(null==this.max||this.max<=0||this.number<=this.max)}return n&&p(l(e.prototype),"doValidate",this).call(this,t)}},{key:"doCommit",value:function(){if(this.value){var t=this.number,n=t;null!=this.min&&(n=Math.max(n,this.min)),null!=this.max&&(n=Math.min(n,this.max)),n!==t&&(this.unmaskedValue=String(n));var u=this.value;this.normalizeZeros&&(u=this._normalizeZeros(u)),this.padFractionalZeros&&(u=this._padFractionalZeros(u)),this._value=u}p(l(e.prototype),"doCommit",this).call(this)}},{key:"_normalizeZeros",value:function(t){var e=this._removeThousandsSeparators(t).split(this.radix);return e[0]=e[0].replace(/^(\D*)(0*)(\d*)/,function(t,e,n,u){return e+u}),t.length&&!/\d$/.test(e[0])&&(e[0]=e[0]+"0"),e.length>1&&(e[1]=e[1].replace(/0*$/,""),e[1].length||(e.length=1)),this._insertThousandsSeparators(e.join(this.radix))}},{key:"_padFractionalZeros",value:function(t){if(!t)return t;var e=t.split(this.radix);return e.length<2&&e.push(""),e[1]=e[1].padEnd(this.scale,"0"),e.join(this.radix)}},{key:"unmaskedValue",get:function(){return this._removeThousandsSeparators(this._normalizeZeros(this.value)).replace(this.radix,".")},set:function(t){k(l(e.prototype),"unmaskedValue",t.replace(".",this.radix),this,!0)}},{key:"typedValue",get:function(){return Number(this.unmaskedValue)},set:function(t){k(l(e.prototype),"unmaskedValue",String(t),this,!0)}},{key:"number",get:function(){return this.typedValue},set:function(t){this.typedValue=t}},{key:"allowNegative",get:function(){return this.signed||null!=this.min&&this.min<0||null!=this.max&&this.max<0}}]),e}();z.DEFAULTS={radix:",",thousandsSeparator:"",mapToRadix:["."],scale:2,signed:!1,normalizeZeros:!0,padFractionalZeros:!1},F.MaskedNumber=z;var H=function(t){function e(){return r(this,e),d(this,l(e).apply(this,arguments))}return o(e,b),a(e,[{key:"_update",value:function(t){t.mask&&(t.validate=t.mask),p(l(e.prototype),"_update",this).call(this,t)}}]),e}();F.MaskedFunction=H;var U=function(t){function e(t){var n;return r(this,e),(n=d(this,l(e).call(this,Object.assign({},e.DEFAULTS,{},t)))).currentMask=null,n}return o(e,b),a(e,[{key:"_update",value:function(t){p(l(e.prototype),"_update",this).call(this,t),"mask"in t&&(this.compiledMasks=Array.isArray(t.mask)?t.mask.map(function(t){return D(t)}):[])}},{key:"_appendCharRaw",value:function(){var t,e=this._applyDispatch.apply(this,arguments);this.currentMask&&e.aggregate((t=this.currentMask)._appendChar.apply(t,arguments));return e}},{key:"_applyDispatch",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.tail&&null!=e._beforeTailState?e._beforeTailState._value:this.value,u=this.rawInputValue,i=e.tail&&null!=e._beforeTailState?e._beforeTailState._rawInputValue:u,r=u.slice(i.length),s=this.currentMask,a=new E,o=s&&s.state;if(this.currentMask=this.doDispatch(t,Object.assign({},e)),this.currentMask)if(this.currentMask!==s){this.currentMask.reset();var l=this.currentMask.append(i,{raw:!0});a.tailShift=l.inserted.length-n.length,r&&(a.tailShift+=this.currentMask.append(r,{raw:!0,tail:!0}).tailShift)}else this.currentMask.state=o;return a}},{key:"_appendPlaceholder",value:function(){var t=this._applyDispatch.apply(this,arguments);return this.currentMask&&t.aggregate(this.currentMask._appendPlaceholder()),t}},{key:"doDispatch",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.dispatch(t,this,e)}},{key:"doValidate",value:function(){for(var t,n,u=arguments.length,i=new Array(u),r=0;r<u;r++)i[r]=arguments[r];return(t=p(l(e.prototype),"doValidate",this)).call.apply(t,[this].concat(i))&&(!this.currentMask||(n=this.currentMask).doValidate.apply(n,i))}},{key:"reset",value:function(){this.currentMask&&this.currentMask.reset(),this.compiledMasks.forEach(function(t){return t.reset()})}},{key:"remove",value:function(){var t,e=new E;this.currentMask&&e.aggregate((t=this.currentMask).remove.apply(t,arguments)).aggregate(this._applyDispatch());return e}},{key:"extractInput",value:function(){var t;return this.currentMask?(t=this.currentMask).extractInput.apply(t,arguments):""}},{key:"extractTail",value:function(){for(var t,n,u=arguments.length,i=new Array(u),r=0;r<u;r++)i[r]=arguments[r];return this.currentMask?(t=this.currentMask).extractTail.apply(t,i):(n=p(l(e.prototype),"extractTail",this)).call.apply(n,[this].concat(i))}},{key:"doCommit",value:function(){this.currentMask&&this.currentMask.doCommit(),p(l(e.prototype),"doCommit",this).call(this)}},{key:"nearestInputPos",value:function(){for(var t,n,u=arguments.length,i=new Array(u),r=0;r<u;r++)i[r]=arguments[r];return this.currentMask?(t=this.currentMask).nearestInputPos.apply(t,i):(n=p(l(e.prototype),"nearestInputPos",this)).call.apply(n,[this].concat(i))}},{key:"value",get:function(){return this.currentMask?this.currentMask.value:""},set:function(t){k(l(e.prototype),"value",t,this,!0)}},{key:"unmaskedValue",get:function(){return this.currentMask?this.currentMask.unmaskedValue:""},set:function(t){k(l(e.prototype),"unmaskedValue",t,this,!0)}},{key:"typedValue",get:function(){return this.currentMask?this.currentMask.typedValue:""},set:function(t){var e=String(t);this.currentMask&&(this.currentMask.typedValue=t,e=this.currentMask.unmaskedValue),this.unmaskedValue=e}},{key:"isComplete",get:function(){return!!this.currentMask&&this.currentMask.isComplete}},{key:"state",get:function(){return Object.assign({},p(l(e.prototype),"state",this),{_rawInputValue:this.rawInputValue,compiledMasks:this.compiledMasks.map(function(t){return t.state}),currentMaskRef:this.currentMask,currentMask:this.currentMask&&this.currentMask.state})},set:function(t){var n=t.compiledMasks,u=t.currentMaskRef,i=t.currentMask,r=c(t,["compiledMasks","currentMaskRef","currentMask"]);this.compiledMasks.forEach(function(t,e){return t.state=n[e]}),null!=u&&(this.currentMask=u,this.currentMask.state=i),k(l(e.prototype),"state",r,this,!0)}},{key:"overwrite",get:function(){return this.currentMask?this.currentMask.overwrite:p(l(e.prototype),"overwrite",this)},set:function(t){console.warn('"overwrite" option is not available in dynamic mask, use this option in siblings')}}]),e}();U.DEFAULTS={dispatch:function(t,e,n){if(e.compiledMasks.length){var u=e.rawInputValue,i=e.compiledMasks.map(function(e,i){return e.reset(),e.append(u,{raw:!0}),e.append(t,n),{weight:e.rawInputValue.length,index:i}});return i.sort(function(t,e){return e.weight-t.weight}),e.compiledMasks[i[0].index]}}},F.MaskedDynamic=U;var G={MASKED:"value",UNMASKED:"unmaskedValue",TYPED:"typedValue"};function Y(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:G.MASKED,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:G.MASKED,u=D(t);return function(t){return u.runIsolated(function(u){return u[e]=t,u[n]})}}F.PIPE_TYPE=G,F.createPipe=Y,F.pipe=function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),u=1;u<e;u++)n[u-1]=arguments[u];return Y.apply(void 0,n)(t)};try{globalThis.IMask=F}catch(t){}[].slice.call(document.querySelectorAll("[data-mask]")).map(function(t){return new F(t,{mask:t.dataset.mask,lazy:"true"===t.dataset["mask-visible"]})}),[].slice.call(document.querySelectorAll('[data-toggle="tooltip"]')).map(function(t){return new bootstrap.Tooltip(t,{delay:{show:50,hide:50},html:!0,placement:"auto"})}),[].slice.call(document.querySelectorAll('[data-toggle="popover"]')).map(function(t){return new bootstrap.Popover(t,{delay:{show:50,hide:50},html:!0,placement:"auto"})}),[].slice.call(document.querySelectorAll('[data-toggle="dropdown"]')).map(function(t){return new bootstrap.Dropdown(t)})});
\ No newline at end of file
diff --git a/dist/libs/autosize/dist/autosize.min.js b/dist/libs/autosize/dist/autosize.min.js
deleted file mode 100644
index 4d9b4e9a7..000000000
--- a/dist/libs/autosize/dist/autosize.min.js
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
-	autosize 4.0.2
-	license: MIT
-	http://www.jacklmoore.com/autosize
-*/
-!function(e,t){if("function"==typeof define&&define.amd)define(["module","exports"],t);else if("undefined"!=typeof exports)t(module,exports);else{var n={exports:{}};t(n,n.exports),e.autosize=n.exports}}(this,function(e,t){"use strict";var n,o,p="function"==typeof Map?new Map:(n=[],o=[],{has:function(e){return-1<n.indexOf(e)},get:function(e){return o[n.indexOf(e)]},set:function(e,t){-1===n.indexOf(e)&&(n.push(e),o.push(t))},delete:function(e){var t=n.indexOf(e);-1<t&&(n.splice(t,1),o.splice(t,1))}}),c=function(e){return new Event(e,{bubbles:!0})};try{new Event("test")}catch(e){c=function(e){var t=document.createEvent("Event");return t.initEvent(e,!0,!1),t}}function r(r){if(r&&r.nodeName&&"TEXTAREA"===r.nodeName&&!p.has(r)){var e,n=null,o=null,i=null,d=function(){r.clientWidth!==o&&a()},l=function(t){window.removeEventListener("resize",d,!1),r.removeEventListener("input",a,!1),r.removeEventListener("keyup",a,!1),r.removeEventListener("autosize:destroy",l,!1),r.removeEventListener("autosize:update",a,!1),Object.keys(t).forEach(function(e){r.style[e]=t[e]}),p.delete(r)}.bind(r,{height:r.style.height,resize:r.style.resize,overflowY:r.style.overflowY,overflowX:r.style.overflowX,wordWrap:r.style.wordWrap});r.addEventListener("autosize:destroy",l,!1),"onpropertychange"in r&&"oninput"in r&&r.addEventListener("keyup",a,!1),window.addEventListener("resize",d,!1),r.addEventListener("input",a,!1),r.addEventListener("autosize:update",a,!1),r.style.overflowX="hidden",r.style.wordWrap="break-word",p.set(r,{destroy:l,update:a}),"vertical"===(e=window.getComputedStyle(r,null)).resize?r.style.resize="none":"both"===e.resize&&(r.style.resize="horizontal"),n="content-box"===e.boxSizing?-(parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)):parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth),isNaN(n)&&(n=0),a()}function s(e){var t=r.style.width;r.style.width="0px",r.offsetWidth,r.style.width=t,r.style.overflowY=e}function u(){if(0!==r.scrollHeight){var e=function(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}(r),t=document.documentElement&&document.documentElement.scrollTop;r.style.height="",r.style.height=r.scrollHeight+n+"px",o=r.clientWidth,e.forEach(function(e){e.node.scrollTop=e.scrollTop}),t&&(document.documentElement.scrollTop=t)}}function a(){u();var e=Math.round(parseFloat(r.style.height)),t=window.getComputedStyle(r,null),n="content-box"===t.boxSizing?Math.round(parseFloat(t.height)):r.offsetHeight;if(n<e?"hidden"===t.overflowY&&(s("scroll"),u(),n="content-box"===t.boxSizing?Math.round(parseFloat(window.getComputedStyle(r,null).height)):r.offsetHeight):"hidden"!==t.overflowY&&(s("hidden"),u(),n="content-box"===t.boxSizing?Math.round(parseFloat(window.getComputedStyle(r,null).height)):r.offsetHeight),i!==n){i=n;var o=c("autosize:resized");try{r.dispatchEvent(o)}catch(e){}}}}function i(e){var t=p.get(e);t&&t.destroy()}function d(e){var t=p.get(e);t&&t.update()}var l=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?((l=function(e){return e}).destroy=function(e){return e},l.update=function(e){return e}):((l=function(e,t){return e&&Array.prototype.forEach.call(e.length?e:[e],function(e){return r(e)}),e}).destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],i),e},l.update=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],d),e}),t.default=l,e.exports=t.default});
\ No newline at end of file
diff --git a/dist/libs/imask/dist/imask.min.js b/dist/libs/imask/dist/imask.min.js
deleted file mode 100644
index 096f2919f..000000000
--- a/dist/libs/imask/dist/imask.min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).IMask={})}(this,(function(t){"use strict";var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function n(t,e){return t(e={exports:{}},e.exports),e.exports}var u=function(t){return t&&t.Math==Math&&t},i=u("object"==typeof globalThis&&globalThis)||u("object"==typeof window&&window)||u("object"==typeof self&&self)||u("object"==typeof e&&e)||Function("return this")(),r=function(t){try{return!!t()}catch(t){return!0}},a=!r((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]})),s={}.propertyIsEnumerable,o=Object.getOwnPropertyDescriptor,l={f:o&&!s.call({1:2},1)?function(t){var e=o(this,t);return!!e&&e.enumerable}:s},h=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}},c={}.toString,f="".split,p=r((function(){return!Object("z").propertyIsEnumerable(0)}))?function(t){return"String"==function(t){return c.call(t).slice(8,-1)}(t)?f.call(t,""):Object(t)}:Object,d=function(t){if(null==t)throw TypeError("Can't call method on "+t);return t},v=function(t){return p(d(t))},k=function(t){return"object"==typeof t?null!==t:"function"==typeof t},g=function(t,e){if(!k(t))return t;var n,u;if(e&&"function"==typeof(n=t.toString)&&!k(u=n.call(t)))return u;if("function"==typeof(n=t.valueOf)&&!k(u=n.call(t)))return u;if(!e&&"function"==typeof(n=t.toString)&&!k(u=n.call(t)))return u;throw TypeError("Can't convert object to primitive value")},y={}.hasOwnProperty,m=function(t,e){return y.call(t,e)},_=i.document,A=k(_)&&k(_.createElement),b=!a&&!r((function(){return 7!=Object.defineProperty((t="div",A?_.createElement(t):{}),"a",{get:function(){return 7}}).a;var t})),C=Object.getOwnPropertyDescriptor,E={f:a?C:function(t,e){if(t=v(t),e=g(e,!0),b)try{return C(t,e)}catch(t){}if(m(t,e))return h(!l.f.call(t,e),t[e])}},F=function(t){if(!k(t))throw TypeError(String(t)+" is not an object");return t},S=Object.defineProperty,D={f:a?S:function(t,e,n){if(F(t),e=g(e,!0),F(n),b)try{return S(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported");return"value"in n&&(t[e]=n.value),t}},B=a?function(t,e,n){return D.f(t,e,h(1,n))}:function(t,e,n){return t[e]=n,t},w=function(t,e){try{B(i,t,e)}catch(n){i[t]=e}return e},M=i["__core-js_shared__"]||w("__core-js_shared__",{}),x=Function.toString;"function"!=typeof M.inspectSource&&(M.inspectSource=function(t){return x.call(t)});var P,O,T,I,j=M.inspectSource,V=i.WeakMap,R="function"==typeof V&&/native code/.test(j(V)),L=n((function(t){(t.exports=function(t,e){return M[t]||(M[t]=void 0!==e?e:{})})("versions",[]).push({version:"3.6.4",mode:"global",copyright:"© 2020 Denis Pushkarev (zloirock.ru)"})})),N=0,U=Math.random(),z=L("keys"),H={},Y=i.WeakMap;if(R){var Z=new Y,K=Z.get,q=Z.has,G=Z.set;P=function(t,e){return G.call(Z,t,e),e},O=function(t){return K.call(Z,t)||{}},T=function(t){return q.call(Z,t)}}else{var W=z[I="state"]||(z[I]=function(t){return"Symbol("+String(void 0===t?"":t)+")_"+(++N+U).toString(36)}(I));H[W]=!0,P=function(t,e){return B(t,W,e),e},O=function(t){return m(t,W)?t[W]:{}},T=function(t){return m(t,W)}}var $={set:P,get:O,has:T,enforce:function(t){return T(t)?O(t):P(t,{})},getterFor:function(t){return function(e){var n;if(!k(e)||(n=O(e)).type!==t)throw TypeError("Incompatible receiver, "+t+" required");return n}}},X=n((function(t){var e=$.get,n=$.enforce,u=String(String).split("String");(t.exports=function(t,e,r,a){var s=!!a&&!!a.unsafe,o=!!a&&!!a.enumerable,l=!!a&&!!a.noTargetGet;"function"==typeof r&&("string"!=typeof e||m(r,"name")||B(r,"name",e),n(r).source=u.join("string"==typeof e?e:"")),t!==i?(s?!l&&t[e]&&(o=!0):delete t[e],o?t[e]=r:B(t,e,r)):o?t[e]=r:w(e,r)})(Function.prototype,"toString",(function(){return"function"==typeof this&&e(this).source||j(this)}))})),J=i,Q=function(t){return"function"==typeof t?t:void 0},tt=function(t,e){return arguments.length<2?Q(J[t])||Q(i[t]):J[t]&&J[t][e]||i[t]&&i[t][e]},et=Math.ceil,nt=Math.floor,ut=function(t){return isNaN(t=+t)?0:(t>0?nt:et)(t)},it=Math.min,rt=function(t){return t>0?it(ut(t),9007199254740991):0},at=Math.max,st=Math.min,ot=function(t){return function(e,n,u){var i,r=v(e),a=rt(r.length),s=function(t,e){var n=ut(t);return n<0?at(n+e,0):st(n,e)}(u,a);if(t&&n!=n){for(;a>s;)if((i=r[s++])!=i)return!0}else for(;a>s;s++)if((t||s in r)&&r[s]===n)return t||s||0;return!t&&-1}},lt={includes:ot(!0),indexOf:ot(!1)}.indexOf,ht=function(t,e){var n,u=v(t),i=0,r=[];for(n in u)!m(H,n)&&m(u,n)&&r.push(n);for(;e.length>i;)m(u,n=e[i++])&&(~lt(r,n)||r.push(n));return r},ct=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"],ft=ct.concat("length","prototype"),pt={f:Object.getOwnPropertyNames||function(t){return ht(t,ft)}},dt={f:Object.getOwnPropertySymbols},vt=tt("Reflect","ownKeys")||function(t){var e=pt.f(F(t)),n=dt.f;return n?e.concat(n(t)):e},kt=function(t,e){for(var n=vt(e),u=D.f,i=E.f,r=0;r<n.length;r++){var a=n[r];m(t,a)||u(t,a,i(e,a))}},gt=/#|\.prototype\./,yt=function(t,e){var n=_t[mt(t)];return n==bt||n!=At&&("function"==typeof e?r(e):!!e)},mt=yt.normalize=function(t){return String(t).replace(gt,".").toLowerCase()},_t=yt.data={},At=yt.NATIVE="N",bt=yt.POLYFILL="P",Ct=yt,Et=E.f,Ft=function(t,e){var n,u,r,a,s,o=t.target,l=t.global,h=t.stat;if(n=l?i:h?i[o]||w(o,{}):(i[o]||{}).prototype)for(u in e){if(a=e[u],r=t.noTargetGet?(s=Et(n,u))&&s.value:n[u],!Ct(l?u:o+(h?".":"#")+u,t.forced)&&void 0!==r){if(typeof a==typeof r)continue;kt(a,r)}(t.sham||r&&r.sham)&&B(a,"sham",!0),X(n,u,a,t)}},St=Object.keys||function(t){return ht(t,ct)},Dt=function(t){return Object(d(t))},Bt=Object.assign,wt=Object.defineProperty,Mt=!Bt||r((function(){if(a&&1!==Bt({b:1},Bt(wt({},"a",{enumerable:!0,get:function(){wt(this,"b",{value:3,enumerable:!1})}}),{b:2})).b)return!0;var t={},e={},n=Symbol();return t[n]=7,"abcdefghijklmnopqrst".split("").forEach((function(t){e[t]=t})),7!=Bt({},t)[n]||"abcdefghijklmnopqrst"!=St(Bt({},e)).join("")}))?function(t,e){for(var n=Dt(t),u=arguments.length,i=1,r=dt.f,s=l.f;u>i;)for(var o,h=p(arguments[i++]),c=r?St(h).concat(r(h)):St(h),f=c.length,d=0;f>d;)o=c[d++],a&&!s.call(h,o)||(n[o]=h[o]);return n}:Bt;Ft({target:"Object",stat:!0,forced:Object.assign!==Mt},{assign:Mt});var xt="".repeat||function(t){var e=String(d(this)),n="",u=ut(t);if(u<0||u==1/0)throw RangeError("Wrong number of repetitions");for(;u>0;(u>>>=1)&&(e+=e))1&u&&(n+=e);return n},Pt=Math.ceil,Ot=function(t){return function(e,n,u){var i,r,a=String(d(e)),s=a.length,o=void 0===u?" ":String(u),l=rt(n);return l<=s||""==o?a:(i=l-s,(r=xt.call(o,Pt(i/o.length))).length>i&&(r=r.slice(0,i)),t?a+r:r+a)}},Tt={start:Ot(!1),end:Ot(!0)},It=tt("navigator","userAgent")||"",jt=/Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(It),Vt=Tt.end;Ft({target:"String",proto:!0,forced:jt},{padEnd:function(t){return Vt(this,t,arguments.length>1?arguments[1]:void 0)}});var Rt=Tt.start;function Lt(t){return(Lt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Nt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ut(t,e){for(var n=0;n<e.length;n++){var u=e[n];u.enumerable=u.enumerable||!1,u.configurable=!0,"value"in u&&(u.writable=!0),Object.defineProperty(t,u.key,u)}}function zt(t,e,n){return e&&Ut(t.prototype,e),n&&Ut(t,n),t}function Ht(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Zt(t,e)}function Yt(t){return(Yt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Zt(t,e){return(Zt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Kt(t,e){if(null==t)return{};var n,u,i=function(t,e){if(null==t)return{};var n,u,i={},r=Object.keys(t);for(u=0;u<r.length;u++)n=r[u],e.indexOf(n)>=0||(i[n]=t[n]);return i}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(u=0;u<r.length;u++)n=r[u],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(i[n]=t[n])}return i}function qt(t,e){return!e||"object"!=typeof e&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Gt(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Yt(t)););return t}function Wt(t,e,n){return(Wt="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var u=Gt(t,e);if(u){var i=Object.getOwnPropertyDescriptor(u,e);return i.get?i.get.call(n):i.value}})(t,e,n||t)}function $t(t,e,n,u){return($t="undefined"!=typeof Reflect&&Reflect.set?Reflect.set:function(t,e,n,u){var i,r=Gt(t,e);if(r){if((i=Object.getOwnPropertyDescriptor(r,e)).set)return i.set.call(u,n),!0;if(!i.writable)return!1}if(i=Object.getOwnPropertyDescriptor(u,e)){if(!i.writable)return!1;i.value=n,Object.defineProperty(u,e,i)}else!function(t,e,n){e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n}(u,e,n);return!0})(t,e,n,u)}function Xt(t,e,n,u,i){if(!$t(t,e,n,u||t)&&i)throw new Error("failed to set property");return n}function Jt(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;var n=[],u=!0,i=!1,r=void 0;try{for(var a,s=t[Symbol.iterator]();!(u=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);u=!0);}catch(t){i=!0,r=t}finally{try{u||null==s.return||s.return()}finally{if(i)throw r}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Qt(t){return"string"==typeof t||t instanceof String}Ft({target:"String",proto:!0,forced:jt},{padStart:function(t){return Rt(this,t,arguments.length>1?arguments[1]:void 0)}}),Ft({target:"String",proto:!0},{repeat:xt}),Ft({global:!0},{globalThis:i});var te="NONE",ee="LEFT",ne="FORCE_LEFT",ue="RIGHT",ie="FORCE_RIGHT";function re(t){switch(t){case ee:return ne;case ue:return ie;default:return t}}function ae(t){return t.replace(/([.*+?^=!:${}()|[\]/\\])/g,"\\$1")}var se=function(){function t(e,n,u,i){for(Nt(this,t),this.value=e,this.cursorPos=n,this.oldValue=u,this.oldSelection=i;this.value.slice(0,this.startChangePos)!==this.oldValue.slice(0,this.startChangePos);)--this.oldSelection.start}return zt(t,[{key:"startChangePos",get:function(){return Math.min(this.cursorPos,this.oldSelection.start)}},{key:"insertedCount",get:function(){return this.cursorPos-this.startChangePos}},{key:"inserted",get:function(){return this.value.substr(this.startChangePos,this.insertedCount)}},{key:"removedCount",get:function(){return Math.max(this.oldSelection.end-this.startChangePos||this.oldValue.length-this.value.length,0)}},{key:"removed",get:function(){return this.oldValue.substr(this.startChangePos,this.removedCount)}},{key:"head",get:function(){return this.value.substring(0,this.startChangePos)}},{key:"tail",get:function(){return this.value.substring(this.startChangePos+this.insertedCount)}},{key:"removeDirection",get:function(){return!this.removedCount||this.insertedCount?te:this.oldSelection.end===this.cursorPos||this.oldSelection.start===this.cursorPos?ue:ee}}]),t}(),oe=function(){function t(e){Nt(this,t),Object.assign(this,{inserted:"",rawInserted:"",skip:!1,tailShift:0},e)}return zt(t,[{key:"aggregate",value:function(t){return this.rawInserted+=t.rawInserted,this.skip=this.skip||t.skip,this.inserted+=t.inserted,this.tailShift+=t.tailShift,this}},{key:"offset",get:function(){return this.tailShift+this.inserted.length}}]),t}(),le=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,u=arguments.length>2?arguments[2]:void 0;Nt(this,t),this.value=e,this.from=n,this.stop=u}return zt(t,[{key:"toString",value:function(){return this.value}},{key:"extend",value:function(t){this.value+=String(t)}},{key:"appendTo",value:function(t){return t.append(this.toString(),{tail:!0}).aggregate(t._appendPlaceholder())}},{key:"shiftBefore",value:function(t){if(this.from>=t||!this.value.length)return"";var e=this.value[0];return this.value=this.value.slice(1),e}},{key:"state",get:function(){return{value:this.value,from:this.from,stop:this.stop}},set:function(t){Object.assign(this,t)}}]),t}();function he(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new he.InputMask(t,e)}var ce=function(){function t(e){Nt(this,t),this._value="",this._update(Object.assign({},t.DEFAULTS,{},e)),this.isInitialized=!0}return zt(t,[{key:"updateOptions",value:function(t){Object.keys(t).length&&this.withValueRefresh(this._update.bind(this,t))}},{key:"_update",value:function(t){Object.assign(this,t)}},{key:"reset",value:function(){this._value=""}},{key:"resolve",value:function(t){return this.reset(),this.append(t,{input:!0},""),this.doCommit(),this.value}},{key:"nearestInputPos",value:function(t,e){return t}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return this.value.slice(t,e)}},{key:"extractTail",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return new le(this.extractInput(t,e),t)}},{key:"appendTail",value:function(t){return Qt(t)&&(t=new le(String(t))),t.appendTo(this)}},{key:"_appendCharRaw",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return(t=this.doPrepare(t,e))?(this._value+=t,new oe({inserted:t,rawInserted:t})):new oe}},{key:"_appendChar",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0,u=this.state,i=this._appendCharRaw(t,e);if(i.inserted){var r,a=!1!==this.doValidate(e);if(a&&null!=n){var s=this.state;this.overwrite&&(r=n.state,n.shiftBefore(this.value.length));var o=this.appendTail(n);(a=o.rawInserted===n.toString())&&o.inserted&&(this.state=s)}a||(i=new oe,this.state=u,n&&r&&(n.state=r))}return i}},{key:"_appendPlaceholder",value:function(){return new oe}},{key:"append",value:function(t,e,n){if(!Qt(t))throw new Error("value should be string");var u=new oe,i=Qt(n)?new le(String(n)):n;e.tail&&(e._beforeTailState=this.state);for(var r=0;r<t.length;++r)u.aggregate(this._appendChar(t[r],e,i));return null!=i&&(u.tailShift+=this.appendTail(i).tailShift),u}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return this._value=this.value.slice(0,t)+this.value.slice(e),new oe}},{key:"withValueRefresh",value:function(t){if(this._refreshing||!this.isInitialized)return t();this._refreshing=!0;var e=this.rawInputValue,n=this.value,u=t();return this.rawInputValue=e,this.value!==n&&0===n.indexOf(this.value)&&this.append(n.slice(this.value.length),{},""),delete this._refreshing,u}},{key:"runIsolated",value:function(t){if(this._isolated||!this.isInitialized)return t(this);this._isolated=!0;var e=this.state,n=t(this);return this.state=e,delete this._isolated,n}},{key:"doPrepare",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.prepare?this.prepare(t,this,e):t}},{key:"doValidate",value:function(t){return(!this.validate||this.validate(this.value,this,t))&&(!this.parent||this.parent.doValidate(t))}},{key:"doCommit",value:function(){this.commit&&this.commit(this.value,this)}},{key:"doFormat",value:function(t){return this.format?this.format(t,this):t}},{key:"doParse",value:function(t){return this.parse?this.parse(t,this):t}},{key:"splice",value:function(t,e,n,u){var i=t+e,r=this.extractTail(i),a=this.nearestInputPos(t,u);return new oe({tailShift:a-t}).aggregate(this.remove(a)).aggregate(this.append(n,{input:!0},r))}},{key:"state",get:function(){return{_value:this.value}},set:function(t){this._value=t._value}},{key:"value",get:function(){return this._value},set:function(t){this.resolve(t)}},{key:"unmaskedValue",get:function(){return this.value},set:function(t){this.reset(),this.append(t,{},""),this.doCommit()}},{key:"typedValue",get:function(){return this.doParse(this.value)},set:function(t){this.value=this.doFormat(t)}},{key:"rawInputValue",get:function(){return this.extractInput(0,this.value.length,{raw:!0})},set:function(t){this.reset(),this.append(t,{raw:!0},""),this.doCommit()}},{key:"isComplete",get:function(){return!0}}]),t}();function fe(t){if(null==t)throw new Error("mask property should be defined");return t instanceof RegExp?he.MaskedRegExp:Qt(t)?he.MaskedPattern:t instanceof Date||t===Date?he.MaskedDate:t instanceof Number||"number"==typeof t||t===Number?he.MaskedNumber:Array.isArray(t)||t===Array?he.MaskedDynamic:he.Masked&&t.prototype instanceof he.Masked?t:t instanceof Function?he.MaskedFunction:t instanceof he.Masked?t.constructor:(console.warn("Mask not found for mask",t),he.Masked)}function pe(t){if(he.Masked&&t instanceof he.Masked)return t;var e=(t=Object.assign({},t)).mask;if(he.Masked&&e instanceof he.Masked)return e;var n=fe(e);if(!n)throw new Error("Masked class is not found for provided mask, appropriate module needs to be import manually before creating mask.");return new n(t)}ce.DEFAULTS={format:function(t){return t},parse:function(t){return t}},he.Masked=ce,he.createMask=pe;var de={0:/\d/,a:/[\u0041-\u005A\u0061-\u007A\u00AA\u00B5\u00BA\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0\u08A2-\u08AC\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097F\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C33\u0C35-\u0C39\u0C3D\u0C58\u0C59\u0C60\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D60\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F4\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191C\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19C1-\u19C7\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FCC\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA697\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA78E\uA790-\uA793\uA7A0-\uA7AA\uA7F8-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA80-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uABC0-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]/,"*":/./},ve=function(){function t(e){Nt(this,t);var n=e.mask,u=Kt(e,["mask"]);this.masked=pe({mask:n}),Object.assign(this,u)}return zt(t,[{key:"reset",value:function(){this._isFilled=!1,this.masked.reset()}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return 0===t&&e>=1?(this._isFilled=!1,this.masked.remove(t,e)):new oe}},{key:"_appendChar",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(this._isFilled)return new oe;var n=this.masked.state,u=this.masked._appendChar(t,e);return u.inserted&&!1===this.doValidate(e)&&(u.inserted=u.rawInserted="",this.masked.state=n),u.inserted||this.isOptional||this.lazy||e.input||(u.inserted=this.placeholderChar),u.skip=!u.inserted&&!this.isOptional,this._isFilled=Boolean(u.inserted),u}},{key:"append",value:function(){var t;return(t=this.masked).append.apply(t,arguments)}},{key:"_appendPlaceholder",value:function(){var t=new oe;return this._isFilled||this.isOptional?t:(this._isFilled=!0,t.inserted=this.placeholderChar,t)}},{key:"extractTail",value:function(){var t;return(t=this.masked).extractTail.apply(t,arguments)}},{key:"appendTail",value:function(){var t;return(t=this.masked).appendTail.apply(t,arguments)}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,n=arguments.length>2?arguments[2]:void 0;return this.masked.extractInput(t,e,n)}},{key:"nearestInputPos",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:te,n=0,u=this.value.length,i=Math.min(Math.max(t,n),u);switch(e){case ee:case ne:return this.isComplete?i:n;case ue:case ie:return this.isComplete?i:u;case te:default:return i}}},{key:"doValidate",value:function(){var t,e;return(t=this.masked).doValidate.apply(t,arguments)&&(!this.parent||(e=this.parent).doValidate.apply(e,arguments))}},{key:"doCommit",value:function(){this.masked.doCommit()}},{key:"value",get:function(){return this.masked.value||(this._isFilled&&!this.isOptional?this.placeholderChar:"")}},{key:"unmaskedValue",get:function(){return this.masked.unmaskedValue}},{key:"isComplete",get:function(){return Boolean(this.masked.value)||this.isOptional}},{key:"state",get:function(){return{masked:this.masked.state,_isFilled:this._isFilled}},set:function(t){this.masked.state=t.masked,this._isFilled=t._isFilled}}]),t}(),ke=function(){function t(e){Nt(this,t),Object.assign(this,e),this._value=""}return zt(t,[{key:"reset",value:function(){this._isRawInput=!1,this._value=""}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this._value.length;return this._value=this._value.slice(0,t)+this._value.slice(e),this._value||(this._isRawInput=!1),new oe}},{key:"nearestInputPos",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:te,n=0,u=this._value.length;switch(e){case ee:case ne:return n;case te:case ue:case ie:default:return u}}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this._value.length,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return n.raw&&this._isRawInput&&this._value.slice(t,e)||""}},{key:"_appendChar",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=new oe;if(this._value)return n;var u=this.char===t[0],i=u&&(this.isUnmasking||e.input||e.raw)&&!e.tail;return i&&(n.rawInserted=this.char),this._value=n.inserted=this.char,this._isRawInput=i&&(e.raw||e.input),n}},{key:"_appendPlaceholder",value:function(){var t=new oe;return this._value?t:(this._value=t.inserted=this.char,t)}},{key:"extractTail",value:function(){arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return new le("")}},{key:"appendTail",value:function(t){return Qt(t)&&(t=new le(String(t))),t.appendTo(this)}},{key:"append",value:function(t,e,n){var u=this._appendChar(t,e);return null!=n&&(u.tailShift+=this.appendTail(n).tailShift),u}},{key:"doCommit",value:function(){}},{key:"value",get:function(){return this._value}},{key:"unmaskedValue",get:function(){return this.isUnmasking?this.value:""}},{key:"isComplete",get:function(){return!0}},{key:"state",get:function(){return{_value:this._value,_isRawInput:this._isRawInput}},set:function(t){Object.assign(this,t)}}]),t}(),ge=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;Nt(this,t),this.chunks=e,this.from=n}return zt(t,[{key:"toString",value:function(){return this.chunks.map(String).join("")}},{key:"extend",value:function(e){if(String(e)){Qt(e)&&(e=new le(String(e)));var n=this.chunks[this.chunks.length-1],u=n&&(n.stop===e.stop||null==e.stop)&&e.from===n.from+n.toString().length;if(e instanceof le)u?n.extend(e.toString()):this.chunks.push(e);else if(e instanceof t){if(null==e.stop)for(var i;e.chunks.length&&null==e.chunks[0].stop;)(i=e.chunks.shift()).from+=e.from,this.extend(i);e.toString()&&(e.stop=e.blockIndex,this.chunks.push(e))}}}},{key:"appendTo",value:function(e){if(!(e instanceof he.MaskedPattern))return new le(this.toString()).appendTo(e);for(var n=new oe,u=0;u<this.chunks.length&&!n.skip;++u){var i=this.chunks[u],r=e._mapPosToBlock(e.value.length),a=i.stop,s=void 0;if(null!=a&&(!r||r.index<=a)&&((i instanceof t||e._stops.indexOf(a)>=0)&&n.aggregate(e._appendPlaceholder(a)),s=i instanceof t&&e._blocks[a]),s){var o=s.appendTail(i);o.skip=!1,n.aggregate(o),e._value+=o.inserted;var l=i.toString().slice(o.rawInserted.length);l&&n.aggregate(e.append(l,{tail:!0}))}else n.aggregate(e.append(i.toString(),{tail:!0}))}return n}},{key:"shiftBefore",value:function(t){if(this.from>=t||!this.chunks.length)return"";for(var e=t-this.from,n=0;n<this.chunks.length;){var u=this.chunks[n],i=u.shiftBefore(e);if(u.toString()){if(!i)break;++n}else this.chunks.splice(n,1);if(i)return i}return""}},{key:"state",get:function(){return{chunks:this.chunks.map((function(t){return t.state})),from:this.from,stop:this.stop,blockIndex:this.blockIndex}},set:function(e){var n=e.chunks,u=Kt(e,["chunks"]);Object.assign(this,u),this.chunks=n.map((function(e){var n="chunks"in e?new t:new le;return n.state=e,n}))}}]),t}(),ye=function(t){function e(){return Nt(this,e),qt(this,Yt(e).apply(this,arguments))}return Ht(e,t),zt(e,[{key:"_update",value:function(t){t.mask&&(t.validate=function(e){return e.search(t.mask)>=0}),Wt(Yt(e.prototype),"_update",this).call(this,t)}}]),e}(ce);he.MaskedRegExp=ye;var me=function(t){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Nt(this,e),t.definitions=Object.assign({},de,t.definitions),qt(this,Yt(e).call(this,Object.assign({},e.DEFAULTS,{},t)))}return Ht(e,t),zt(e,[{key:"_update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.definitions=Object.assign({},this.definitions,t.definitions),Wt(Yt(e.prototype),"_update",this).call(this,t),this._rebuildMask()}},{key:"_rebuildMask",value:function(){var t=this,n=this.definitions;this._blocks=[],this._stops=[],this._maskedBlocks={};var u=this.mask;if(u&&n)for(var i=!1,r=!1,a=0;a<u.length;++a){if(this.blocks)if("continue"===function(){var e=u.slice(a),n=Object.keys(t.blocks).filter((function(t){return 0===e.indexOf(t)}));n.sort((function(t,e){return e.length-t.length}));var i=n[0];if(i){var r=pe(Object.assign({parent:t,lazy:t.lazy,placeholderChar:t.placeholderChar,overwrite:t.overwrite},t.blocks[i]));return r&&(t._blocks.push(r),t._maskedBlocks[i]||(t._maskedBlocks[i]=[]),t._maskedBlocks[i].push(t._blocks.length-1)),a+=i.length-1,"continue"}}())continue;var s=u[a],o=s in n;if(s!==e.STOP_CHAR)if("{"!==s&&"}"!==s)if("["!==s&&"]"!==s){if(s===e.ESCAPE_CHAR){if(++a,!(s=u[a]))break;o=!1}var l=o?new ve({parent:this,lazy:this.lazy,placeholderChar:this.placeholderChar,mask:n[s],isOptional:r}):new ke({char:s,isUnmasking:i});this._blocks.push(l)}else r=!r;else i=!i;else this._stops.push(this._blocks.length)}}},{key:"reset",value:function(){Wt(Yt(e.prototype),"reset",this).call(this),this._blocks.forEach((function(t){return t.reset()}))}},{key:"doCommit",value:function(){this._blocks.forEach((function(t){return t.doCommit()})),Wt(Yt(e.prototype),"doCommit",this).call(this)}},{key:"appendTail",value:function(t){return Wt(Yt(e.prototype),"appendTail",this).call(this,t).aggregate(this._appendPlaceholder())}},{key:"_appendCharRaw",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t=this.doPrepare(t,e);var n=this._mapPosToBlock(this.value.length),u=new oe;if(!n)return u;for(var i=n.index;;++i){var r=this._blocks[i];if(!r)break;var a=r._appendChar(t,e),s=a.skip;if(u.aggregate(a),s||a.rawInserted)break}return u}},{key:"extractTail",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,u=new ge;return e===n?u:(this._forEachBlocksInRange(e,n,(function(e,n,i,r){var a=e.extractTail(i,r);a.stop=t._findStopBefore(n),a.from=t._blockStartPos(n),a instanceof ge&&(a.blockIndex=n),u.extend(a)})),u)}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(t===e)return"";var u="";return this._forEachBlocksInRange(t,e,(function(t,e,i,r){u+=t.extractInput(i,r,n)})),u}},{key:"_findStopBefore",value:function(t){for(var e,n=0;n<this._stops.length;++n){var u=this._stops[n];if(!(u<=t))break;e=u}return e}},{key:"_appendPlaceholder",value:function(t){var e=this,n=new oe;if(this.lazy&&null==t)return n;var u=this._mapPosToBlock(this.value.length);if(!u)return n;var i=u.index,r=null!=t?t:this._blocks.length;return this._blocks.slice(i,r).forEach((function(u){if(!u.lazy||null!=t){var i=null!=u._blocks?[u._blocks.length]:[],r=u._appendPlaceholder.apply(u,i);e._value+=r.inserted,n.aggregate(r)}})),n}},{key:"_mapPosToBlock",value:function(t){for(var e="",n=0;n<this._blocks.length;++n){var u=this._blocks[n],i=e.length;if(t<=(e+=u.value).length)return{index:n,offset:t-i}}}},{key:"_blockStartPos",value:function(t){return this._blocks.slice(0,t).reduce((function(t,e){return t+e.value.length}),0)}},{key:"_forEachBlocksInRange",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,n=arguments.length>2?arguments[2]:void 0,u=this._mapPosToBlock(t);if(u){var i=this._mapPosToBlock(e),r=i&&u.index===i.index,a=u.offset,s=i&&r?i.offset:this._blocks[u.index].value.length;if(n(this._blocks[u.index],u.index,a,s),i&&!r){for(var o=u.index+1;o<i.index;++o)n(this._blocks[o],o,0,this._blocks[o].value.length);n(this._blocks[i.index],i.index,0,i.offset)}}}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,u=Wt(Yt(e.prototype),"remove",this).call(this,t,n);return this._forEachBlocksInRange(t,n,(function(t,e,n,i){u.aggregate(t.remove(n,i))})),u}},{key:"nearestInputPos",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:te,n=this._mapPosToBlock(t)||{index:0,offset:0},u=n.offset,i=n.index,r=this._blocks[i];if(!r)return t;var a=u;0!==a&&a<r.value.length&&(a=r.nearestInputPos(u,re(e)));var s=a===r.value.length,o=0===a;if(!o&&!s)return this._blockStartPos(i)+a;var l=s?i+1:i;if(e===te){if(l>0){var h=l-1,c=this._blocks[h],f=c.nearestInputPos(0,te);if(!c.value.length||f!==c.value.length)return this._blockStartPos(l)}for(var p=l,d=p;d<this._blocks.length;++d){var v=this._blocks[d],k=v.nearestInputPos(0,te);if(!v.value.length||k!==v.value.length)return this._blockStartPos(d)+k}for(var g=l-1;g>=0;--g){var y=this._blocks[g],m=y.nearestInputPos(0,te);if(!y.value.length||m!==y.value.length)return this._blockStartPos(g)+y.value.length}return t}if(e===ee||e===ne){for(var _,A=l;A<this._blocks.length;++A)if(this._blocks[A].value){_=A;break}if(null!=_){var b=this._blocks[_],C=b.nearestInputPos(0,ue);if(0===C&&b.unmaskedValue.length)return this._blockStartPos(_)+C}for(var E,F=-1,S=l-1;S>=0;--S){var D=this._blocks[S],B=D.nearestInputPos(D.value.length,ne);if(D.value&&0===B||(E=S),0!==B){if(B!==D.value.length)return this._blockStartPos(S)+B;F=S;break}}if(e===ee)for(var w=F+1;w<=Math.min(l,this._blocks.length-1);++w){var M=this._blocks[w],x=M.nearestInputPos(0,te),P=this._blockStartPos(w)+x;if(P>t)break;if(x!==M.value.length)return P}if(F>=0)return this._blockStartPos(F)+this._blocks[F].value.length;if(e===ne||this.lazy&&!this.extractInput()&&!_e(this._blocks[l]))return 0;if(null!=E)return this._blockStartPos(E);for(var O=l;O<this._blocks.length;++O){var T=this._blocks[O],I=T.nearestInputPos(0,te);if(!T.value.length||I!==T.value.length)return this._blockStartPos(O)+I}return 0}if(e===ue||e===ie){for(var j,V,R=l;R<this._blocks.length;++R){var L=this._blocks[R],N=L.nearestInputPos(0,te);if(N!==L.value.length){V=this._blockStartPos(R)+N,j=R;break}}if(null!=j&&null!=V){for(var U=j;U<this._blocks.length;++U){var z=this._blocks[U],H=z.nearestInputPos(0,ie);if(H!==z.value.length)return this._blockStartPos(U)+H}return e===ie?this.value.length:V}for(var Y=Math.min(l,this._blocks.length-1);Y>=0;--Y){var Z=this._blocks[Y],K=Z.nearestInputPos(Z.value.length,ee);if(0!==K){var q=this._blockStartPos(Y)+K;if(q>=t)return q;break}}}return t}},{key:"maskedBlock",value:function(t){return this.maskedBlocks(t)[0]}},{key:"maskedBlocks",value:function(t){var e=this,n=this._maskedBlocks[t];return n?n.map((function(t){return e._blocks[t]})):[]}},{key:"state",get:function(){return Object.assign({},Wt(Yt(e.prototype),"state",this),{_blocks:this._blocks.map((function(t){return t.state}))})},set:function(t){var n=t._blocks,u=Kt(t,["_blocks"]);this._blocks.forEach((function(t,e){return t.state=n[e]})),Xt(Yt(e.prototype),"state",u,this,!0)}},{key:"isComplete",get:function(){return this._blocks.every((function(t){return t.isComplete}))}},{key:"unmaskedValue",get:function(){return this._blocks.reduce((function(t,e){return t+e.unmaskedValue}),"")},set:function(t){Xt(Yt(e.prototype),"unmaskedValue",t,this,!0)}},{key:"value",get:function(){return this._blocks.reduce((function(t,e){return t+e.value}),"")},set:function(t){Xt(Yt(e.prototype),"value",t,this,!0)}}]),e}(ce);function _e(t){if(!t)return!1;var e=t.value;return!e||t.nearestInputPos(0,te)!==e.length}me.DEFAULTS={lazy:!0,placeholderChar:"_"},me.STOP_CHAR="`",me.ESCAPE_CHAR="\\",me.InputDefinition=ve,me.FixedDefinition=ke,he.MaskedPattern=me;var Ae=function(t){function e(){return Nt(this,e),qt(this,Yt(e).apply(this,arguments))}return Ht(e,t),zt(e,[{key:"_update",value:function(t){t=Object.assign({to:this.to||0,from:this.from||0},t);var n=String(t.to).length;null!=t.maxLength&&(n=Math.max(n,t.maxLength)),t.maxLength=n;for(var u=String(t.from).padStart(n,"0"),i=String(t.to).padStart(n,"0"),r=0;r<i.length&&i[r]===u[r];)++r;t.mask=i.slice(0,r).replace(/0/g,"\\0")+"0".repeat(n-r),Wt(Yt(e.prototype),"_update",this).call(this,t)}},{key:"boundaries",value:function(t){var e="",n="",u=Jt(t.match(/^(\D*)(\d*)(\D*)/)||[],3),i=u[1],r=u[2];return r&&(e="0".repeat(i.length)+r,n="9".repeat(i.length)+r),[e=e.padEnd(this.maxLength,"0"),n=n.padEnd(this.maxLength,"9")]}},{key:"doPrepare",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(t=Wt(Yt(e.prototype),"doPrepare",this).call(this,t,n).replace(/\D/g,""),!this.autofix)return t;for(var u=String(this.from).padStart(this.maxLength,"0"),i=String(this.to).padStart(this.maxLength,"0"),r=this.value,a="",s=0;s<t.length;++s){var o=r+a+t[s],l=this.boundaries(o),h=Jt(l,2),c=h[0],f=h[1];Number(f)<this.from?a+=u[o.length-1]:Number(c)>this.to?a+=i[o.length-1]:a+=t[s]}return a}},{key:"doValidate",value:function(){var t,n=this.value,u=n.search(/[^0]/);if(-1===u&&n.length<=this._matchFrom)return!0;for(var i=this.boundaries(n),r=Jt(i,2),a=r[0],s=r[1],o=arguments.length,l=new Array(o),h=0;h<o;h++)l[h]=arguments[h];return this.from<=Number(s)&&Number(a)<=this.to&&(t=Wt(Yt(e.prototype),"doValidate",this)).call.apply(t,[this].concat(l))}},{key:"_matchFrom",get:function(){return this.maxLength-String(this.from).length}},{key:"isComplete",get:function(){return Wt(Yt(e.prototype),"isComplete",this)&&Boolean(this.value)}}]),e}(me);he.MaskedRange=Ae;var be=function(t){function e(t){return Nt(this,e),qt(this,Yt(e).call(this,Object.assign({},e.DEFAULTS,{},t)))}return Ht(e,t),zt(e,[{key:"_update",value:function(t){t.mask===Date&&delete t.mask,t.pattern&&(t.mask=t.pattern);var n=t.blocks;t.blocks=Object.assign({},e.GET_DEFAULT_BLOCKS()),t.min&&(t.blocks.Y.from=t.min.getFullYear()),t.max&&(t.blocks.Y.to=t.max.getFullYear()),t.min&&t.max&&t.blocks.Y.from===t.blocks.Y.to&&(t.blocks.m.from=t.min.getMonth()+1,t.blocks.m.to=t.max.getMonth()+1,t.blocks.m.from===t.blocks.m.to&&(t.blocks.d.from=t.min.getDate(),t.blocks.d.to=t.max.getDate())),Object.assign(t.blocks,n),Object.keys(t.blocks).forEach((function(e){var n=t.blocks[e];"autofix"in n||(n.autofix=t.autofix)})),Wt(Yt(e.prototype),"_update",this).call(this,t)}},{key:"doValidate",value:function(){for(var t,n=this.date,u=arguments.length,i=new Array(u),r=0;r<u;r++)i[r]=arguments[r];return(t=Wt(Yt(e.prototype),"doValidate",this)).call.apply(t,[this].concat(i))&&(!this.isComplete||this.isDateExist(this.value)&&null!=n&&(null==this.min||this.min<=n)&&(null==this.max||n<=this.max))}},{key:"isDateExist",value:function(t){return this.format(this.parse(t,this),this).indexOf(t)>=0}},{key:"date",get:function(){return this.typedValue},set:function(t){this.typedValue=t}},{key:"typedValue",get:function(){return this.isComplete?Wt(Yt(e.prototype),"typedValue",this):null},set:function(t){Xt(Yt(e.prototype),"typedValue",t,this,!0)}}]),e}(me);be.DEFAULTS={pattern:"d{.}`m{.}`Y",format:function(t){return[String(t.getDate()).padStart(2,"0"),String(t.getMonth()+1).padStart(2,"0"),t.getFullYear()].join(".")},parse:function(t){var e=Jt(t.split("."),3),n=e[0],u=e[1],i=e[2];return new Date(i,u-1,n)}},be.GET_DEFAULT_BLOCKS=function(){return{d:{mask:Ae,from:1,to:31,maxLength:2},m:{mask:Ae,from:1,to:12,maxLength:2},Y:{mask:Ae,from:1900,to:9999}}},he.MaskedDate=be;var Ce=function(){function t(){Nt(this,t)}return zt(t,[{key:"select",value:function(t,e){if(null!=t&&null!=e&&(t!==this.selectionStart||e!==this.selectionEnd))try{this._unsafeSelect(t,e)}catch(t){}}},{key:"_unsafeSelect",value:function(t,e){}},{key:"bindEvents",value:function(t){}},{key:"unbindEvents",value:function(){}},{key:"selectionStart",get:function(){var t;try{t=this._unsafeSelectionStart}catch(t){}return null!=t?t:this.value.length}},{key:"selectionEnd",get:function(){var t;try{t=this._unsafeSelectionEnd}catch(t){}return null!=t?t:this.value.length}},{key:"isActive",get:function(){return!1}}]),t}();he.MaskElement=Ce;var Ee=function(t){function e(t){var n;return Nt(this,e),(n=qt(this,Yt(e).call(this))).input=t,n._handlers={},n}return Ht(e,t),zt(e,[{key:"_unsafeSelect",value:function(t,e){this.input.setSelectionRange(t,e)}},{key:"bindEvents",value:function(t){var n=this;Object.keys(t).forEach((function(u){return n._toggleEventHandler(e.EVENTS_MAP[u],t[u])}))}},{key:"unbindEvents",value:function(){var t=this;Object.keys(this._handlers).forEach((function(e){return t._toggleEventHandler(e)}))}},{key:"_toggleEventHandler",value:function(t,e){this._handlers[t]&&(this.input.removeEventListener(t,this._handlers[t]),delete this._handlers[t]),e&&(this.input.addEventListener(t,e),this._handlers[t]=e)}},{key:"rootElement",get:function(){return this.input.getRootNode?this.input.getRootNode():document}},{key:"isActive",get:function(){return this.input===this.rootElement.activeElement}},{key:"_unsafeSelectionStart",get:function(){return this.input.selectionStart}},{key:"_unsafeSelectionEnd",get:function(){return this.input.selectionEnd}},{key:"value",get:function(){return this.input.value},set:function(t){this.input.value=t}}]),e}(Ce);Ee.EVENTS_MAP={selectionChange:"keydown",input:"input",drop:"drop",click:"click",focus:"focus",commit:"blur"},he.HTMLMaskElement=Ee;var Fe=function(t){function e(){return Nt(this,e),qt(this,Yt(e).apply(this,arguments))}return Ht(e,t),zt(e,[{key:"_unsafeSelect",value:function(t,e){if(this.rootElement.createRange){var n=this.rootElement.createRange();n.setStart(this.input.firstChild||this.input,t),n.setEnd(this.input.lastChild||this.input,e);var u=this.rootElement,i=u.getSelection&&u.getSelection();i&&(i.removeAllRanges(),i.addRange(n))}}},{key:"_unsafeSelectionStart",get:function(){var t=this.rootElement,e=t.getSelection&&t.getSelection();return e&&e.anchorOffset}},{key:"_unsafeSelectionEnd",get:function(){var t=this.rootElement,e=t.getSelection&&t.getSelection();return e&&this._unsafeSelectionStart+String(e).length}},{key:"value",get:function(){return this.input.textContent},set:function(t){this.input.textContent=t}}]),e}(Ee);he.HTMLContenteditableMaskElement=Fe;var Se=function(){function t(e,n){Nt(this,t),this.el=e instanceof Ce?e:e.isContentEditable&&"INPUT"!==e.tagName&&"TEXTAREA"!==e.tagName?new Fe(e):new Ee(e),this.masked=pe(n),this._listeners={},this._value="",this._unmaskedValue="",this._saveSelection=this._saveSelection.bind(this),this._onInput=this._onInput.bind(this),this._onChange=this._onChange.bind(this),this._onDrop=this._onDrop.bind(this),this._onFocus=this._onFocus.bind(this),this._onClick=this._onClick.bind(this),this.alignCursor=this.alignCursor.bind(this),this.alignCursorFriendly=this.alignCursorFriendly.bind(this),this._bindEvents(),this.updateValue(),this._onChange()}return zt(t,[{key:"maskEquals",value:function(t){return null==t||t===this.masked.mask||t===Date&&this.masked instanceof be}},{key:"_bindEvents",value:function(){this.el.bindEvents({selectionChange:this._saveSelection,input:this._onInput,drop:this._onDrop,click:this._onClick,focus:this._onFocus,commit:this._onChange})}},{key:"_unbindEvents",value:function(){this.el&&this.el.unbindEvents()}},{key:"_fireEvent",value:function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),u=1;u<e;u++)n[u-1]=arguments[u];var i=this._listeners[t];i&&i.forEach((function(t){return t.apply(void 0,n)}))}},{key:"_saveSelection",value:function(){this.value!==this.el.value&&console.warn("Element value was changed outside of mask. Syncronize mask using `mask.updateValue()` to work properly."),this._selection={start:this.selectionStart,end:this.cursorPos}}},{key:"updateValue",value:function(){this.masked.value=this.el.value,this._value=this.masked.value}},{key:"updateControl",value:function(){var t=this.masked.unmaskedValue,e=this.masked.value,n=this.unmaskedValue!==t||this.value!==e;this._unmaskedValue=t,this._value=e,this.el.value!==e&&(this.el.value=e),n&&this._fireChangeEvents()}},{key:"updateOptions",value:function(t){var e=t.mask,n=Kt(t,["mask"]),u=!this.maskEquals(e),i=!function t(e,n){if(n===e)return!0;var u,i=Array.isArray(n),r=Array.isArray(e);if(i&&r){if(n.length!=e.length)return!1;for(u=0;u<n.length;u++)if(!t(n[u],e[u]))return!1;return!0}if(i!=r)return!1;if(n&&e&&"object"===Lt(n)&&"object"===Lt(e)){var a=n instanceof Date,s=e instanceof Date;if(a&&s)return n.getTime()==e.getTime();if(a!=s)return!1;var o=n instanceof RegExp,l=e instanceof RegExp;if(o&&l)return n.toString()==e.toString();if(o!=l)return!1;var h=Object.keys(n);for(u=0;u<h.length;u++)if(!Object.prototype.hasOwnProperty.call(e,h[u]))return!1;for(u=0;u<h.length;u++)if(!t(e[h[u]],n[h[u]]))return!1;return!0}return!(!n||!e||"function"!=typeof n||"function"!=typeof e)&&n.toString()===e.toString()}(this.masked,n);u&&(this.mask=e),i&&this.masked.updateOptions(n),(u||i)&&this.updateControl()}},{key:"updateCursor",value:function(t){null!=t&&(this.cursorPos=t,this._delayUpdateCursor(t))}},{key:"_delayUpdateCursor",value:function(t){var e=this;this._abortUpdateCursor(),this._changingCursorPos=t,this._cursorChanging=setTimeout((function(){e.el&&(e.cursorPos=e._changingCursorPos,e._abortUpdateCursor())}),10)}},{key:"_fireChangeEvents",value:function(){this._fireEvent("accept",this._inputEvent),this.masked.isComplete&&this._fireEvent("complete",this._inputEvent)}},{key:"_abortUpdateCursor",value:function(){this._cursorChanging&&(clearTimeout(this._cursorChanging),delete this._cursorChanging)}},{key:"alignCursor",value:function(){this.cursorPos=this.masked.nearestInputPos(this.cursorPos,ee)}},{key:"alignCursorFriendly",value:function(){this.selectionStart===this.cursorPos&&this.alignCursor()}},{key:"on",value:function(t,e){return this._listeners[t]||(this._listeners[t]=[]),this._listeners[t].push(e),this}},{key:"off",value:function(t,e){if(!this._listeners[t])return this;if(!e)return delete this._listeners[t],this;var n=this._listeners[t].indexOf(e);return n>=0&&this._listeners[t].splice(n,1),this}},{key:"_onInput",value:function(t){if(this._inputEvent=t,this._abortUpdateCursor(),!this._selection)return this.updateValue();var e=new se(this.el.value,this.cursorPos,this.value,this._selection),n=this.masked.rawInputValue,u=this.masked.splice(e.startChangePos,e.removed.length,e.inserted,e.removeDirection).offset,i=n===this.masked.rawInputValue?e.removeDirection:te,r=this.masked.nearestInputPos(e.startChangePos+u,i);this.updateControl(),this.updateCursor(r),delete this._inputEvent}},{key:"_onChange",value:function(){this.value!==this.el.value&&this.updateValue(),this.masked.doCommit(),this.updateControl(),this._saveSelection()}},{key:"_onDrop",value:function(t){t.preventDefault(),t.stopPropagation()}},{key:"_onFocus",value:function(t){this.alignCursorFriendly()}},{key:"_onClick",value:function(t){this.alignCursorFriendly()}},{key:"destroy",value:function(){this._unbindEvents(),this._listeners.length=0,delete this.el}},{key:"mask",get:function(){return this.masked.mask},set:function(t){if(!this.maskEquals(t))if(t instanceof he.Masked||this.masked.constructor!==fe(t)){var e=pe({mask:t});e.unmaskedValue=this.masked.unmaskedValue,this.masked=e}else this.masked.updateOptions({mask:t})}},{key:"value",get:function(){return this._value},set:function(t){this.masked.value=t,this.updateControl(),this.alignCursor()}},{key:"unmaskedValue",get:function(){return this._unmaskedValue},set:function(t){this.masked.unmaskedValue=t,this.updateControl(),this.alignCursor()}},{key:"typedValue",get:function(){return this.masked.typedValue},set:function(t){this.masked.typedValue=t,this.updateControl(),this.alignCursor()}},{key:"selectionStart",get:function(){return this._cursorChanging?this._changingCursorPos:this.el.selectionStart}},{key:"cursorPos",get:function(){return this._cursorChanging?this._changingCursorPos:this.el.selectionEnd},set:function(t){this.el&&this.el.isActive&&(this.el.select(t,t),this._saveSelection())}}]),t}();he.InputMask=Se;var De=function(t){function e(){return Nt(this,e),qt(this,Yt(e).apply(this,arguments))}return Ht(e,t),zt(e,[{key:"_update",value:function(t){t.enum&&(t.mask="*".repeat(t.enum[0].length)),Wt(Yt(e.prototype),"_update",this).call(this,t)}},{key:"doValidate",value:function(){for(var t,n=this,u=arguments.length,i=new Array(u),r=0;r<u;r++)i[r]=arguments[r];return this.enum.some((function(t){return t.indexOf(n.unmaskedValue)>=0}))&&(t=Wt(Yt(e.prototype),"doValidate",this)).call.apply(t,[this].concat(i))}}]),e}(me);he.MaskedEnum=De;var Be=function(t){function e(t){return Nt(this,e),qt(this,Yt(e).call(this,Object.assign({},e.DEFAULTS,{},t)))}return Ht(e,t),zt(e,[{key:"_update",value:function(t){Wt(Yt(e.prototype),"_update",this).call(this,t),this._updateRegExps()}},{key:"_updateRegExps",value:function(){var t="^"+(this.allowNegative?"[+|\\-]?":""),e=(this.scale?"("+ae(this.radix)+"\\d{0,"+this.scale+"})?":"")+"$";this._numberRegExpInput=new RegExp(t+"(0|([1-9]+\\d*))?"+e),this._numberRegExp=new RegExp(t+"\\d*"+e),this._mapToRadixRegExp=new RegExp("["+this.mapToRadix.map(ae).join("")+"]","g"),this._thousandsSeparatorRegExp=new RegExp(ae(this.thousandsSeparator),"g")}},{key:"_removeThousandsSeparators",value:function(t){return t.replace(this._thousandsSeparatorRegExp,"")}},{key:"_insertThousandsSeparators",value:function(t){var e=t.split(this.radix);return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,this.thousandsSeparator),e.join(this.radix)}},{key:"doPrepare",value:function(t){for(var n,u=arguments.length,i=new Array(u>1?u-1:0),r=1;r<u;r++)i[r-1]=arguments[r];return(n=Wt(Yt(e.prototype),"doPrepare",this)).call.apply(n,[this,this._removeThousandsSeparators(t.replace(this._mapToRadixRegExp,this.radix))].concat(i))}},{key:"_separatorsCount",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=0,u=0;u<t;++u)this._value.indexOf(this.thousandsSeparator,u)===u&&(++n,e&&(t+=this.thousandsSeparator.length));return n}},{key:"_separatorsCountFromSlice",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this._value;return this._separatorsCount(this._removeThousandsSeparators(t).length,!0)}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,u=arguments.length>2?arguments[2]:void 0,i=this._adjustRangeWithSeparators(t,n),r=Jt(i,2);return t=r[0],n=r[1],this._removeThousandsSeparators(Wt(Yt(e.prototype),"extractInput",this).call(this,t,n,u))}},{key:"_appendCharRaw",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!this.thousandsSeparator)return Wt(Yt(e.prototype),"_appendCharRaw",this).call(this,t,n);var u=n.tail&&n._beforeTailState?n._beforeTailState._value:this._value,i=this._separatorsCountFromSlice(u);this._value=this._removeThousandsSeparators(this.value);var r=Wt(Yt(e.prototype),"_appendCharRaw",this).call(this,t,n);this._value=this._insertThousandsSeparators(this._value);var a=n.tail&&n._beforeTailState?n._beforeTailState._value:this._value,s=this._separatorsCountFromSlice(a);return r.tailShift+=(s-i)*this.thousandsSeparator.length,r.skip=!r.rawInserted&&t===this.thousandsSeparator,r}},{key:"_findSeparatorAround",value:function(t){if(this.thousandsSeparator){var e=t-this.thousandsSeparator.length+1,n=this.value.indexOf(this.thousandsSeparator,e);if(n<=t)return n}return-1}},{key:"_adjustRangeWithSeparators",value:function(t,e){var n=this._findSeparatorAround(t);n>=0&&(t=n);var u=this._findSeparatorAround(e);return u>=0&&(e=u+this.thousandsSeparator.length),[t,e]}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,n=this._adjustRangeWithSeparators(t,e),u=Jt(n,2);t=u[0],e=u[1];var i=this.value.slice(0,t),r=this.value.slice(e),a=this._separatorsCount(i.length);this._value=this._insertThousandsSeparators(this._removeThousandsSeparators(i+r));var s=this._separatorsCountFromSlice(i);return new oe({tailShift:(s-a)*this.thousandsSeparator.length})}},{key:"nearestInputPos",value:function(t,e){if(!this.thousandsSeparator)return t;switch(e){case te:case ee:case ne:var n=this._findSeparatorAround(t-1);if(n>=0){var u=n+this.thousandsSeparator.length;if(t<u||this.value.length<=u||e===ne)return n}break;case ue:case ie:var i=this._findSeparatorAround(t);if(i>=0)return i+this.thousandsSeparator.length}return t}},{key:"doValidate",value:function(t){var n=(t.input?this._numberRegExpInput:this._numberRegExp).test(this._removeThousandsSeparators(this.value));if(n){var u=this.number;n=n&&!isNaN(u)&&(null==this.min||this.min>=0||this.min<=this.number)&&(null==this.max||this.max<=0||this.number<=this.max)}return n&&Wt(Yt(e.prototype),"doValidate",this).call(this,t)}},{key:"doCommit",value:function(){if(this.value){var t=this.number,n=t;null!=this.min&&(n=Math.max(n,this.min)),null!=this.max&&(n=Math.min(n,this.max)),n!==t&&(this.unmaskedValue=String(n));var u=this.value;this.normalizeZeros&&(u=this._normalizeZeros(u)),this.padFractionalZeros&&(u=this._padFractionalZeros(u)),this._value=u}Wt(Yt(e.prototype),"doCommit",this).call(this)}},{key:"_normalizeZeros",value:function(t){var e=this._removeThousandsSeparators(t).split(this.radix);return e[0]=e[0].replace(/^(\D*)(0*)(\d*)/,(function(t,e,n,u){return e+u})),t.length&&!/\d$/.test(e[0])&&(e[0]=e[0]+"0"),e.length>1&&(e[1]=e[1].replace(/0*$/,""),e[1].length||(e.length=1)),this._insertThousandsSeparators(e.join(this.radix))}},{key:"_padFractionalZeros",value:function(t){if(!t)return t;var e=t.split(this.radix);return e.length<2&&e.push(""),e[1]=e[1].padEnd(this.scale,"0"),e.join(this.radix)}},{key:"unmaskedValue",get:function(){return this._removeThousandsSeparators(this._normalizeZeros(this.value)).replace(this.radix,".")},set:function(t){Xt(Yt(e.prototype),"unmaskedValue",t.replace(".",this.radix),this,!0)}},{key:"typedValue",get:function(){return Number(this.unmaskedValue)},set:function(t){Xt(Yt(e.prototype),"unmaskedValue",String(t),this,!0)}},{key:"number",get:function(){return this.typedValue},set:function(t){this.typedValue=t}},{key:"allowNegative",get:function(){return this.signed||null!=this.min&&this.min<0||null!=this.max&&this.max<0}}]),e}(ce);Be.DEFAULTS={radix:",",thousandsSeparator:"",mapToRadix:["."],scale:2,signed:!1,normalizeZeros:!0,padFractionalZeros:!1},he.MaskedNumber=Be;var we=function(t){function e(){return Nt(this,e),qt(this,Yt(e).apply(this,arguments))}return Ht(e,t),zt(e,[{key:"_update",value:function(t){t.mask&&(t.validate=t.mask),Wt(Yt(e.prototype),"_update",this).call(this,t)}}]),e}(ce);he.MaskedFunction=we;var Me=function(t){function e(t){var n;return Nt(this,e),(n=qt(this,Yt(e).call(this,Object.assign({},e.DEFAULTS,{},t)))).currentMask=null,n}return Ht(e,t),zt(e,[{key:"_update",value:function(t){Wt(Yt(e.prototype),"_update",this).call(this,t),"mask"in t&&(this.compiledMasks=Array.isArray(t.mask)?t.mask.map((function(t){return pe(t)})):[])}},{key:"_appendCharRaw",value:function(){var t,e=this._applyDispatch.apply(this,arguments);this.currentMask&&e.aggregate((t=this.currentMask)._appendChar.apply(t,arguments));return e}},{key:"_applyDispatch",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.tail&&null!=e._beforeTailState?e._beforeTailState._value:this.value,u=this.rawInputValue,i=e.tail&&null!=e._beforeTailState?e._beforeTailState._rawInputValue:u,r=u.slice(i.length),a=this.currentMask,s=new oe,o=a&&a.state;if(this.currentMask=this.doDispatch(t,Object.assign({},e)),this.currentMask)if(this.currentMask!==a){this.currentMask.reset();var l=this.currentMask.append(i,{raw:!0});s.tailShift=l.inserted.length-n.length,r&&(s.tailShift+=this.currentMask.append(r,{raw:!0,tail:!0}).tailShift)}else this.currentMask.state=o;return s}},{key:"_appendPlaceholder",value:function(){var t=this._applyDispatch.apply(this,arguments);return this.currentMask&&t.aggregate(this.currentMask._appendPlaceholder()),t}},{key:"doDispatch",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.dispatch(t,this,e)}},{key:"doValidate",value:function(){for(var t,n,u=arguments.length,i=new Array(u),r=0;r<u;r++)i[r]=arguments[r];return(t=Wt(Yt(e.prototype),"doValidate",this)).call.apply(t,[this].concat(i))&&(!this.currentMask||(n=this.currentMask).doValidate.apply(n,i))}},{key:"reset",value:function(){this.currentMask&&this.currentMask.reset(),this.compiledMasks.forEach((function(t){return t.reset()}))}},{key:"remove",value:function(){var t,e=new oe;this.currentMask&&e.aggregate((t=this.currentMask).remove.apply(t,arguments)).aggregate(this._applyDispatch());return e}},{key:"extractInput",value:function(){var t;return this.currentMask?(t=this.currentMask).extractInput.apply(t,arguments):""}},{key:"extractTail",value:function(){for(var t,n,u=arguments.length,i=new Array(u),r=0;r<u;r++)i[r]=arguments[r];return this.currentMask?(t=this.currentMask).extractTail.apply(t,i):(n=Wt(Yt(e.prototype),"extractTail",this)).call.apply(n,[this].concat(i))}},{key:"doCommit",value:function(){this.currentMask&&this.currentMask.doCommit(),Wt(Yt(e.prototype),"doCommit",this).call(this)}},{key:"nearestInputPos",value:function(){for(var t,n,u=arguments.length,i=new Array(u),r=0;r<u;r++)i[r]=arguments[r];return this.currentMask?(t=this.currentMask).nearestInputPos.apply(t,i):(n=Wt(Yt(e.prototype),"nearestInputPos",this)).call.apply(n,[this].concat(i))}},{key:"value",get:function(){return this.currentMask?this.currentMask.value:""},set:function(t){Xt(Yt(e.prototype),"value",t,this,!0)}},{key:"unmaskedValue",get:function(){return this.currentMask?this.currentMask.unmaskedValue:""},set:function(t){Xt(Yt(e.prototype),"unmaskedValue",t,this,!0)}},{key:"typedValue",get:function(){return this.currentMask?this.currentMask.typedValue:""},set:function(t){var e=String(t);this.currentMask&&(this.currentMask.typedValue=t,e=this.currentMask.unmaskedValue),this.unmaskedValue=e}},{key:"isComplete",get:function(){return!!this.currentMask&&this.currentMask.isComplete}},{key:"state",get:function(){return Object.assign({},Wt(Yt(e.prototype),"state",this),{_rawInputValue:this.rawInputValue,compiledMasks:this.compiledMasks.map((function(t){return t.state})),currentMaskRef:this.currentMask,currentMask:this.currentMask&&this.currentMask.state})},set:function(t){var n=t.compiledMasks,u=t.currentMaskRef,i=t.currentMask,r=Kt(t,["compiledMasks","currentMaskRef","currentMask"]);this.compiledMasks.forEach((function(t,e){return t.state=n[e]})),null!=u&&(this.currentMask=u,this.currentMask.state=i),Xt(Yt(e.prototype),"state",r,this,!0)}},{key:"overwrite",get:function(){return this.currentMask?this.currentMask.overwrite:Wt(Yt(e.prototype),"overwrite",this)},set:function(t){console.warn('"overwrite" option is not available in dynamic mask, use this option in siblings')}}]),e}(ce);Me.DEFAULTS={dispatch:function(t,e,n){if(e.compiledMasks.length){var u=e.rawInputValue,i=e.compiledMasks.map((function(e,i){return e.reset(),e.append(u,{raw:!0}),e.append(t,n),{weight:e.rawInputValue.length,index:i}}));return i.sort((function(t,e){return e.weight-t.weight})),e.compiledMasks[i[0].index]}}},he.MaskedDynamic=Me;var xe={MASKED:"value",UNMASKED:"unmaskedValue",TYPED:"typedValue"};function Pe(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:xe.MASKED,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:xe.MASKED,u=pe(t);return function(t){return u.runIsolated((function(u){return u[e]=t,u[n]}))}}function Oe(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),u=1;u<e;u++)n[u-1]=arguments[u];return Pe.apply(void 0,n)(t)}he.PIPE_TYPE=xe,he.createPipe=Pe,he.pipe=Oe;try{globalThis.IMask=he}catch(t){}t.HTMLContenteditableMaskElement=Fe,t.HTMLMaskElement=Ee,t.InputMask=Se,t.MaskElement=Ce,t.Masked=ce,t.MaskedDate=be,t.MaskedDynamic=Me,t.MaskedEnum=De,t.MaskedFunction=we,t.MaskedNumber=Be,t.MaskedPattern=me,t.MaskedRange=Ae,t.MaskedRegExp=ye,t.PIPE_TYPE=xe,t.createMask=pe,t.createPipe=Pe,t.default=he,t.pipe=Oe,Object.defineProperty(t,"__esModule",{value:!0})}));
-//# sourceMappingURL=imask.min.js.map
diff --git a/package.json b/package.json
index a530c640d..b389a18d7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tabler",
-  "version": "1.0.0-alpha.8",
+  "version": "1.0.0-alpha.9",
   "description": "Premium and Open Source dashboard template with responsive and high quality UI.",
   "scripts": {
     "start": "gulp start",